An introduction to using the Wordpress platform to develop a professional website without the need for programming skills.

1. W.W.W.
(Wordpress Website Workshop)
1 March 2014 | Davis College, University of South Carolina
Ashley Blewer
Project Cataloging Manager, Moving Image Research Collections
University of South Carolina

2. Plan for the day
• Intros
• Get a website
• Learn about stuff
• Take a break
• Make stuff!!!

3. About myself
• Graduated Spring ‘13
• I work at MIRC
• Not a web developer!
(but that’s okay)
• Total nerdo

7. Who are you?

8. Registering a domain
and buying web hosting, too!

9. Naming
• Super important!
• www.firstnamelastname.com
• When ^ is not available?

10. Live demo time!!!

11. Website?
• What should I say?
• What should I link to?
• Why?!?!?
Let’s cover that last one first.

12. Horrible stats about finding a job

13. Sorry.

14. Let’s get to work!

15. Wordpress
WordPress is a is a free and open
source* blogging tool and a content
management system (CMS) based on
PHP and MySQL.

16. Why use Wordpress?
• Easy to install
• No coding skills required for use
• 19% of the web runs on Wordpress*
• Been around for over a decade
• Open source!

17. var Mi=function(b){gbar_.Q.call(this,b);this.d=[];this.g=[]};(0,gbar_.s)(Mi,gbar_.Q);Mi.prototype.G=function(){Mi.D.G.call(this);for(var b=0;b<this.d.length;b++)this.d[b].U();for(b=0;b<this.g.length;
b++)this.g[b].U();this.d=this.g=null};
var Pi=function(b,c){void 0==c&&(c=b.a.offsetWidth);for(var d=Ji(b.a),e=[],f=0,g=0,h=0,m=0,p=0;p<b.d.length;p++){var t=b.d[p],w=Ni(t),x=Ji(t.a);e.push({item:t,Ba:w,se:x,jb:0});f+=w.vb;g+=w.Ab;
h+=w.Xa;m+=x}d=c-m-d-h;f=0<d?f:g;g=d;h=e;do{m=!0;t=[];for(p=w=0;p<h.length;p++){var x=h[p],J=0<g?x.Ba.vb:x.Ba.Ab,ea=0==f?0:J/f*g+x.jb,ea=Li(ea,m),m=!m;x.jb=Oi(x.item,ea,x.se,x.Ba.Xa);
0<J&&ea==x.jb&&(t.push(x),w+=J)}h=t;g=d-(0,gbar_.sa)(e,function(b,c){return b+c.jb},0);f=w}while(0!=g&&0!=h.length);for(p=0;p<
b.g.length;p++)Pi(b.g[p])},Ri=function(b){var c={};c.items=(0,gbar_.ra)(b.d,function(b){return Qi(b)});c.children=(0,gbar_.ra)(b.g,function(b){return Ri(b)});return c},Si=function(b,c){for(var d=0;d<b.d.
length;d++)b.d[d].a.style.width=c.items[d];for(d=0;d<b.g.length;d++)Si(b.g[d],c.children[d])};Mi.prototype.V=function(){return this.a};
var Ti=function(b,c,d,e){Mi.call(this,b);this.w=c;this.A=d;this.o=e};(0,gbar_.s)(Ti,Mi);
var Ni=function(b,c){var d=b.w,e=b.A,f;if(-1==b.o){var g=c;void 0==g&&(g=Ji(b.a));f=Qi(b);var h=Ri(b),m=Ii(b.a,"width",!0);(0,window.isNaN)(m)&&(m=b.a.offsetWidth-g);g=Math.ceil(m);b.a.style.
width=f;Si(b,h);f=g}else f=b.o;return{vb:d,Ab:e,Xa:f}},Oi=function(b,c,d,e){void 0==d&&(d=Ji(b.a));void 0==e&&(e=Ni(b,d).Xa);c=e+c;0>c&&(c=0);b.a.style.width=c+"px";d=b.a.offsetWidth-d;b.a.
style.width=d+"px";return d-e},Qi=function(b){var c=b.a.style.width;b.a.style.width="";return c};
var Ui=function(b,c,d){var e;void 0==e&&(e=-1);return{className:b,Ba:{vb:c||0,Ab:d||0,Xa:e}}},Vi={className:"gb_qb",items:[Ui("gb_ja"),Ui("gb_Eb"),Ui("gb_8a",0,2),Ui("gb_Fb"),Ui("gb_ga",1,1)],
ya:[{className:"gb_ga",items:[Ui("gb_Jb",0,1),Ui("gb_Ib",0,1)],ya:[function(b){b=b.gb_Jb;var c;if(b)c=b.V();else{c=(0,gbar_.S)("gb_Jb");if(!c)return null;b=new Mi(c)}c=(0,gbar_.de)("gb_i",c);for(var
d=0;d<c.length;d++){var e;if((0,gbar_.be)(c[d],"gb_k")){e=new Ti(c[d],0,1,-1);var f=(0,gbar_.S)("gb_f",c[d]);f&&
(f=new Ti(f,0,1,-1),e.d.push(f),b.g.push(e))}else e=new Ti(c[d],0,0,-1);b.d.push(e)}return b},{className:"gb_Ib",items:[Ui("gb_q"),Ui("gb_Ca"),Ui("gb_lb"),Ui("gb_ea",0,1),Ui("gb_Kb")],ya:
[{className:"gb_ea",items:[Ui("gb_fa",0,1)],ya:[{className:"gb_fa",items:[Ui("gb_P",0,1)],ya:[]}]}]}]},{className:"gb_Cb",items:[Ui("gbqff",1,1),Ui("gb_Bb")],ya:[]}]},Wi=function(b,c){var d=c;if(!d)
{d=(0,gbar_.S)(b.className);if(!d)return null;d=new Mi(d)}for(var e={},f=0;f<b.items.length;f++){var g=b.items[f],h; h=g;var m=(0,gbar_.S)(h.className);if(h=m?new Ti(m,h.Ba.vb,h.Ba.Ab,h.Ba.
Xa):null)d.d.push(h),e[g.className]=h}for(f=0;f<b.ya.length;f++){var g=b.ya[f],p;"function"==typeof g?p=g(e):p=Wi(g,e[g.className]);p&&d.g.push(p)}return d};
var Yi=function(){this.M="el";this.F=(0,gbar_.z)((0,gbar_.I)(),Di,20)||new Di;this.g=(0,gbar_.R)("gb");this.a=(0,gbar_.S)("gb_ga");this.B=(0,gbar_.S)("gb_Ib");this.o=[];this.O=60;this.b=null;if(this.Q=
(0,gbar_.A)(this.F.k[2],!0)){if(this.g){Xi(this);(0,gbar_.Zd)(this.g,"gb_9a");var b;if(null!=Hi)b=Hi;else{b=window.document.body.style;var c;if(!(c="flexGrow"in b)){if(!(b="webkitFlexGrow"in b))i:{if
((b=window.navigator.userAgent)&&(c=/Trident/(d+)/.exec(b))&&7<=Number(c[1])){b=/bMSIE (d+)/.exec(b);
b=!b||"10"==b[1];break i}b=!1}c=b}b=Hi=c}b||(this.b=Wi(Vi))}this.Fa();window.setTimeout((0,gbar_.q)(this.Fa,this),0)}(0,gbar_.r)("gbar.elc",(0,gbar_.q)(this.we,this));(0,gbar_.r)("gbar.ela",gbar_.xc);
(0,gbar_.r)("gbar.elh",(0,gbar_.q)(this.hd,this))};(0,gbar_.s)(Yi,gbar_.H);var Zi=function(){var b;try{var c=(0,gbar_.G)(gbar_.E,"el");b={f:(0,gbar_.C)(c.F.k[1],152),h:c.O,m:(0,gbar_.C)(c.F.k[0],30)}}
catch(d){b={f:152,h:60,m:30}}return{es:b,mo:"md",vh:window.innerHeight||0,vw:window.innerWidth||0}};
gbar_.k=Yi.prototype;gbar_.k.G=function(){Yi.D.G.call(this)};gbar_.k.Fa=function(){this.b&&Pi(this.b,Math.max(window.document.documentElement.clientWidth,Ki(this.g)));var b=this.a;if(b){var
c=b.style.opacity;b.style.opacity=".99";(0,gbar_.ed)(b.offsetWidth);b.style.opacity=c}};
gbar_.k.Yd=function(){try{var b=(0,gbar_.R)("gb"),c=(0,gbar_.S)("gb_ga",b);(0,gbar_.oe)(b,"gb_Qb");c&&(0,gbar_.oe)(c,"gb_Qb");for(var b=0,d;d=Fi[b];b++)(0,gbar_.oe)(window.document.
getElementById(d),"gbqfh");Ei(!1)}catch(e){Gi(e,"rhcc")}Xi(this);this.Fa()};
CODING

18. No one does.

19. Fake it ‘til you make it!

20. Content ideas!
Biography, resume/cv, links to
social media, work samples, your
school portfolio, a blog, contact info

21. Content ideas!
Biography, resume/cv, links to
social media, work samples, your
school portfolio, a blog, contact info

22. Things to keep in mind
Changing background image: easy.
Changing text color: easy.
Changing typeface: easy.
Move this thing over there: hard.

23. Cool buzzwords/definitions
Responsive design, mobile-friendly or
mobile-first, HTML5/CSS3, parallax
scrolling, carousel, flat design, Google
Fonts, bootstrap, jsomething or
something.js, typography, fixed
navigation, accessibility...

24. Too many words!

25. Theming
“2,343 THEMES, 93,456,083
DOWNLOADS, AND COUNTING”
That’s just on the Wordpress site.

26. This presentation
Does this presentation look nicer than
a blank page? Sure! Because it’s
encoded using a theme.

27. Let’s go shopping
(for a free Wordpress theme)

28. vCard

29. zeeBizzCard

30. Marla

31. Responsive

32. Digital Business Card

33. Ipseity

34. Veecard

35. Book Inspiration

36. Hex

37. TimeTurner

38. Grid

39. Slider

40. multiloquent

41. Matheson

42. Arcade

43. Wordplus

44. Ward

45. ButterBelly

46. BizFlare

47. GavernWP

48. Zippy

49. typefocus

50. Buzz

51. &
more!
Seriously, so many themes.

52. Thanks for listening!
If you need me, ...tweet @me!
(no matter where you are, no matter how far)
Ashley Blewer
ashleyblewer.com
ashley.blewer @ gmail.com
@ablwr

53. Time to rocket cat!