Más contenido relacionado Wordpress Website Workshop1. 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!!!
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
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...
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