W.W.W. (Wordpress Website Workshop) 1 March 2014 | Davis College, University of South Carolina

Ashley BlewerProject Cataloging Manager, Moving Image Research CollectionsUniversity of South Carolina

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

About myself• Graduated Spring ‘13• I work at MIRC• Not a web developer!

(but that’s okay)

• Total nerdo

Who are you?

Registering a domainand buying web hosting, too!

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

Live demo time!!!

Website?• What should I say?• What should I link to?• Why?!?!?

Let’s cover that last one first.

Horrible stats about finding a job

Sorry.

Let’s get to work!

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

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!

CODING

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()};

No one does.

Fake it ‘til you make it!

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

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

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

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

Too many words!

Theming“2,343 THEMES, 93,456,083 DOWNLOADS, AND COUNTING”

That’s just on the Wordpress site.

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

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

vCard

zeeBizzCard

Marla

Responsive

Digital Business Card

Ipseity

Veecard

Book Inspiration

Hex

TimeTurner

Grid

Slider

multiloquent

Matheson

Arcade

Wordplus

Ward

ButterBelly

BizFlare

GavernWP

Zippy

typefocus

Buzz

&more!Seriously, so many themes.

Thanks for listening!If you need me, ...tweet @me!(no matter where you are, no matter how far)

Ashley Blewerashleyblewer.comashley.blewer @ gmail.com@ablwr

Time to rocket cat!