WordPress Workshop – Day One

This is a 2-part workshop on how to install the Content Management System - Wordpress.

Watch Video

 

Hey not a problem man, not a problem. 

This is a WordPress Workshop
Alright to this is a WordPress Workshop.  I’m going to start sharing my screen in just a moment.  Excellent.  So we’re going to be talking about WordPress here today.  It’s a really popular [0:00:30.1].  So, I want to talk a little bit about what it is and what it’s not just to kind of get it going.  So our goal for today is that I want to talk about, yeah there we go, I want to talk about CMS’s – what they are, I want to get up to install a CMS, I would like us to create new content and I would like us to start manipulating style and themes.  This is a two day workshop, we probably won’t get too deep into styles and themes today but, my goal is tomorrow to try to get us to make our own theme, our very own WordPress customised solution. 

So, to get things started let’s talk a little bit about what WordPress is.  In WordPress there’s something known as a CMS.  Do you guys know what a CMS is? What that stands for?

Content Management System.

That’s right, good job man, it stands for Content Management System.  Now this is a sort of a big [0:01:48.3] but all it really means is that you’re giving a user the ability to edit, create and delete.  So how the web works is that we make files and those files are made out of HTML documents.  Often times those documents have style information that comes from CSS.  There might even be some behaviour like slideshows and such that might come from Java script right.  So a server language is now entered into the equation and what that service language to do is to edit, create and delete HTML, CSS and sometimes even Java script.  The language that WordPress uses for that is called PHP which is hypertext pre-processing.  That’s what that stands for.  Are there any questions about that at all? 

Why do we have things like Content Management Systems?
Okay so why do we have things like Content Management Systems?  Well, in the early days of the web like when I first started, when you wanted a website and it had 100 pages, guess how many HTML files you had?

100.

You had 100.  That kind of is not so efficient, it’s not so great.  Well, using something like a server language like PHP or ASP or JSP or any of the other languages that are out there what you can do is kind of figure out what the common parts of whatever this page is like the title, maybe a side bar, maybe the footer information and you create something known as a template.  Some call it a theme and you use a database like My Sequel or Sequel or Oracle or whatever and a server language like PHP to go and get the information and then populate only the parts that you change like the content.  So, instead of making 100 pages now maybe you’re only making one.  Maybe you’re only making two and when you think about Google how many pages do you think Google is?

[0:04:05.2]

One.  One page, yeah.  The Homepage is one thing and then the page that you’re viewing is another page.  Now when we start talking about the administration area and how we’re getting up more pages but, the idea as a general user just looking at Bing, that’s one page.  That’s crazy, that’s crazy efficient.  That’s why Content Management Systems came along.  Originally it was just kind of like a good way just to manage your project It also became a really popular thing for client.  So you have a client over here that knows nothing about code, they’re really confused about HTML, CSS and they don’t care but they have a product that they want to sell on the internet, so why should they not be allowed to do that right.  So the Content Management System they could open up something on a webpage that looks like Microsoft Word, that has the ability to left justify, to right justify, the ability to centre, it has the ability to change font size like from 12 to maybe 24 and all these different things that they feel like they’re using Microsoft Word and they hit this Publish button and that sends information to the database.  So when a [0:05:30.1] over here that has money they want to see what’s on the website, they type in in there little web browser, the URL goes to Build a Page, finds the information from the database that was created from our happy little client and then they get that new information and they can purchase and then it makes money and everybody’s pretty happy.  That’s the core of how a Content Management System works.  I build Content Management Systems customed and I also use websites for my own client’s.  I love using WordPress because my client’s typically already understand how CMS’s work and they have a lot of flexibility and power because that’s how that works.  Are there any questions about that?  Yes sir…

[0:06:17.4]

Is it easier to build it with WordPress?
Uh huh.  So the question is if I’m building a site that has data in it is it easier to build it with WordPress?  The answer to that is sometimes, it depends on what it is that I’m doing and the content.  If I’m building something for myself, if it’s quick and dirty I’m probably going to use WordPress.  If it’s not, if it has to be a little bit more robust I might build it myself from scratch.  So it depends on the time and the budget of the project.  If I only have an afternoon it has to be WordPress because I can get it installed in less than 15 minutes and we’re up and ready to go.  So like the class blog that we have, I had that up and running in like 10 minutes instead of having to create it all from scratch.  It’s an awesome question.  And, the other question that comes up a lot is that WordPress is associated as a blog technology and so I get this question a lot.  People will say well why are you using WordPress in that project, that site doesn’t even have a blog.  Well that’s not really what it has to be, it can be anything that you want.  The idea behind WordPress is that you have the ability to have posts, media, pages, sidebars and comments.  I don’t have to have comments if I don’t want them and I don’t have the have posts if I don’t want them but I probably want to have sidebars and I probably want to have pages and I want to have media that my client can update all on their own.  And often times this posts maybe instead of a blog it turns into news.  Like whatever the new thing is going on a post is written about that.  Any questions about that concept?  So even though like a lot of people use it for blogging, it doesn’t have to be used in that way.  Excellent. 

How is WordPress put together ?
Okay so how is WordPress put together and this is sort of like the last part of the theory.  We have HTML, we have CSS and we have Java script.  A web browser understands what these things mean.  Over here we have our server.  Our server tries to help us out and in between here it uses PHP to write an author HTML, CSS and Java script.  So whenever you make a PHP command and I know that not everybody in her might know about PHP but I’m just going to write out a PHP command. When we say Echo what that does like Hi.  What’s really happening here, when this red page makes a request to the server and it’s these PHP code, this PHP code comes back as HTML text.  That’s what’s really happening.  You will never ever, ever, ever see PHP code on a page unless it’s a code sample.  It’s not possible because this code behind the scenes gets converted on the server and has to come back as texts and we can control whether that text is HTML, CSS or Java script.  So fundamentally that’s what’s going on with WordPress.  It is a system that uses PHP and My Sequel.  It’s pre-canned to give you back pages, posts, media, comments and there was one other thing that I forget now.  Pages, posts, media, comments and sidebars yes.  And that’s all it does.  There’s a lot of people that complain about WordPress.  They’ll say things like ‘oh WordPress did this thing and like it’s broken and like I don’t know WordPress code’. What?!  It’s HTML and CSS that’s what it makes so if something is breaking you can always change HTML and CSS because that’s what it’s making.  So when you make that request, we’ll just copy our [0:11:00.2] like WordPress thing here.  When you make a request to the WordPress system it’s like alright I’m going to give you back all of this HTML, CSS and Java script.  If you can’t figure out what the WordPress engine is doing, you can change it here before it happens in the browser.  So there’s an opportunity there, it’s always best to try to change it through the WordPress system if you can but, if it’s beyond your knowledge base or your scope or your programming ability after it gives you back your HTML, CSS and JS, you can just change it there.  It feels weird but that’s how you can solve your problems.  So by and large WordPress is only a framework of PHP and My Sequel commands that are already executing for you.  Any questions about that?  Are they the only game in town?  Absolutely not there’s as many Content Management Systems out there as there probably are people in the universe, it’s crazy.  Yeah?

[0:12.03.2]

...many Content Management Systems out there
Depends on who you talk to.  On your interviews you probably heard words like Drupal, maybe you heard words like Joomla.  You maybe even heard things like Expression Engine.  You might have even heard thing like Note JS.  You might have heard things like MySql.  Also there are some Content Management Systems that do not use MySql.  Then there’s a term that people like to use because we’re macho sometimes called Roll Your Own which means that you make your own Content Management System.  But, when you make your own and you have to build it from scratch that can take a lot of time to develop.  WordPress is really popular especially at design agencies because you can get it installed in ten minutes.  Drupal and Joomla take a lot more programming ability and modules.  Maybe you’ve even heard of DotNet.  DotNet is a whole other kind of system.  You write it typically, you can write it anything but typically people use visual studio for it.  That’s kind of how that works.  Good question, any other questions? 

Let’s go ahead and make this happen.
Alright well let’s go ahead and make this happen.  So in order to have WordPress work it has to either be on a server locally or on a server not locally like externally.  Everybody in this room has web space so you can install this externally.  We’re not going to worry about doing that externally because everybody has a different Web Host so we’re going to use one common thing and that common thing is going to be Wamp, Xamp or Mamp whatever your local service is.  So what I’d like you to do is I’d like you to launch your local server and for us that’s going to be Xamp Server.  Now for those of you that are watching this at home and you have no idea what it is that we are talking about here, if you’re on a PC you want to go and download Wamp Server.  If you are on a Mac you want to go and download either Mamp Server – here it is here or Zamp Server.  What it stands for, the first letter this “X” means Windows, Linux, Mac whatever.  Apache, My Sequel, PHP.  So it’s a collection of tools that allow us to run a server locally. So once we’ve started Xamp we know that we can get to the main thing by typing in local host.  If you’ve never done this before it’s probably really weird because you’re used to typing in .com, .org, .whatever but local host is a word for every computer locally, so if you type that in that means the computer you are on now, the IP is something like 127.0.01 or something crazy like that. Furthermore, if we were not in this room because this network is locked down, especially between David, you and I we could totally do that.  I can type in the name of your computer and I’m connected to the server.  So the name of my computer happens to be McFly so if I type in McFly.local we could connect to my webserver if it was turned on right now.  It’s really great, especially for mobile testing if you’re working on mobile devices you can pull out your phone and you can connect to it right then. It is outstanding.  Yes sir?

[0:15:40.9]

If you go to your settings under network or like personal whatever you can change it there.  We can look at that whenever we’re offline. 

 I’m serving it out.
Okay once we have local host running the other thing you have to know is you have to know where these files are located and on a PC these files are located on the C-Drive under Program Files, under Xamp, under WWW.  There’s typically a shortcut, you can go to your system tray and click on Xamp Server and go to the WWW directory.  If you’re running some of the other utilities like Mamp or Zamp instead of WWW it’s called HTdocs which is like Hyper-text docs basically.  Everything that’s in the WWW folder, whenever we create a folder here that will allow us to go to it like it’s a project.  So, if I create a folder here and I’ll call this WordPress Workshop.  If I go to local and now type in WordPress Workshop I’m now in that folder, I’m serving it out.  That’s awesome, that’s really awesome.  So again what we have done here is I created a folder called WordPress Workshop in my WWW folder, it could be HTDocs if you’re doing this on Mamp or Zamp.  To install WordPress all we have to do is download the framework and place it in a folder on our server, that’s part one.  Part two is we have to create a database, you may or may not have a part three.  If this is a live project you have to create a user account for that database.  We’re not going to have to worry about that here and it’s a really simple process.  If you’re doing this for your portfolio projects let me know, I hope you set it up it takes like three seconds to do it.

 [0:18:03.5]

Program Files
So, to go and get WordPress there are.  If you Google WordPress you’ll see that there is the WordPress blog and the WordPress download.  You can use WordPress as a business owner and not have to worry about hosting, not have to worry about a domain name or anything like that.  You can say ‘I would like Bill.WordPress.Org’ and a blog is set up for your automatically and you have all of your tools to publish and all of your like font stuff, your sizes, your colours and all that, you don’t even have to worry about it, there’s no flexibility there.  All you get is whatever the themes they have available and the ability to put stuff on the internet and that is pretty much it.  The flexibility ends.  Well if you want more flexibility you can download the framework so this WordPress download right here allows us to download the entire system and custom tailor it to our needs.  So, to do that I’m going to right click – Save Link As and I’m going to save it in my “C” – Program Files – Xamp WWW – WordPress Workshop and I’ll save it.  We’re on a pretty fast network so it should download that 5mb pretty quickly.  Now if I go inside of my WWW folder, I have my WordPress Workshop and here is that Zip file that we just downloaded.  I want to un-package the Zip file so I’ll double click on it and there’s a couple of different ways that we can do it.  We can either drag it out or we can hit the extract.  I’m a big fan of just dragging and so bam ladies and gentleman congratulations you have just installed WordPress on the server.  If you want another copy you create another folder, download the framework from a fresh install and copy it over.  That’s it, that’s all you have to do to install it.  Pretty cool right. 

Oh yeah.

looks like we got a new thing going on here
So our path to get to this project now is Local Host – WordPress Workshop – WordPress because we put everything in this folder here if you didn’t want all these folders here then just don’t have them, you don’t need to have these folders this deep.  Whenever we go to WordPress Workshop/WordPress it says ‘hey looks like we got a new thing going on here ladies and gentleman, would you like to set it up, like how do you want to… do you want to create a configuration file, what do you want to do here’.  Now depending on the security that is set up for your web server you might be able to hit this button and configure it by typing things in.  If that doesn’t work you have to go and modify the WP Config file.  Now that probably sounds really scary to you so before we move forward let’s just take a look at what’s actually here.  When we un-package WordPress we got all of these files here.  It’s a lot of stuff.  You don’t really need to know very much about any of these things at all, you can just take them for granted.  One thing you might have to know about is this WP Config file.  You might have to open this up and answer a few questions.  Those questions would look like this.  I don’t think that we’re going to have to do it here because our full host is wide open but you might have to come in here and answer these questions.  You might have to define your database name right here, you might have to define your user name, your password and 99.9% of the time you don’t have to change this but sometimes you might have to change it to a different IP address but, typically you can just run off local hosts and it’s totally fine. 

Okay, who’s your host?

[0:22:55.1]

Yeah that makes sense.  So that’s all you have to do to get it started.  So let’s make it happen and by make it happen I mean we need to create a [0:23:11.5].  So just to re-cap, to install WordPress these are the steps.  You download – you unzip on server – create database – and then we do the config.  And the config could happen in two different ways, it could happen in the browser or by actually going to the WP Config file.  Either one of those ways.  This is why it so popular because in ten minutes our blog is going to be up.  Or our WordPress solution rather, I probably should stop calling it a blog.  It doesn’t help the cause. 

Alright so, how do we create a database?
Alright so, how do we create a database?  If we’re running this local host we have the ability to type in local host/phpmyadmin.  This is a user interface that allows us to create databases, delete databases, modify databases, update databases – I guess modify and update are the same. 

So we’re going to create a database.  Right here where it says create new database I’m going to call it WP Demo.  You can call this anything you want it doesn’t really matter.  I’m going to call mine WP Demo.  Now what does matter is that we need to remember the name of this database.  If you’re working on a client project this is when I recommend you get out a sheet of paper and you start writing a couple of things down because you’re going to need this in the future sometimes, especially if things go wrong.  So we create – bam we’ve created it and that was good.  We don’t need this anymore we can close out.  Here we are back at local host – WordPress Workshop – WordPress path and this option to create a configuration file.  So we’ll click on it and it says ‘okay welcome to WordPress we need to do some things here real quick, we need a database name, a user name and password and a host so you want to go ahead and get that started?  By the way this air gets a little bumpy if there’s some turbulence and I tried to do this and I totally freak out then I need you to go to this file and basically do that manually’.  That’s what that says.  Let’s go!

So the name of the database, I called it WP Demo.  Here on campus and only on campus our user name is Ruth and our password is Nothing.  Now this table prefix this is something that’s custom.  Typically people leave it the default WP but if you wanted to prefix it with something else you could.  It doesn’t… ultimately it doesn’t really matter.  Here we go we got our database name, our Ruth, our password of Nothing, our database host was Local Host. Yes sir?

[0:27:03.8]

No it’s, if you’re running locally that may work it may not work, I don’t know.  We might have… I don’t know do you have an account called David on MySql?  Well then it won’t work.  If it doesn’t work then we’ll get it working for you.  Alright so we’ll hit submit and it says ‘okay, alright sparky’, and I always thought that that was really cute, you’ve made it through the installation part, you want to run it’ and I’m like yeah, cross my fingers and woo!  Now it installed. 

[0:27:53.5]

PHP My Admin
Okay so your password is no good so what I want you to do… is your password okay, did it work?  Okay come over here and take a look at this real quick.  What I want you to do is I want you to go to My Sequel – PHP My Admin and I want you to go to Accounts, Privileges maybe.  Go to Home first, nope.  There you go and I want you to go to Privileges… where is it for you?  Oh Users, go to Users and I want you to create a user here – Add User and just call it like Bob B-O-B.  Okay, set your host to any local host… no, no, no, back, back, back, change that Any Host to Local and then for your password make it like 123 and then generate… uh yeah 123, no don’t hit generate that always gets me.  Go down to the bottom and see all these here, you want all those checked so hit check all.  No, no hit check all and go down to Add User, awesome and then try to use Bob and 123.  What’s that? 

Type in Chrome.  I think IE might have a security flag I don’t know.  It shouldn’t thought it should react the same in both, we’re going to find out huh!  Alright try it [0:29:59.8], user name Ruth – password Nothing, get rid of it and submit.  We were unable to select the database do you have Xamp running?  MySql consol, try again, submit.  Does the route have permission to the database?  No.  Local host – PHP MyAdmin.  Then you want flash right here and enter.  Awesome.  And somebody has changed some privileges for you so we’ll just go – home – database – sequel status [0:31:05.6] that’s what we want here and your user bob, all lower case – local 123 – 123 check all – go.  Come here I’ll try again bob – 123 – we were unable to connect to the database which means the user name and password was okay but [0:31:34.7] huh maybe there was on WP Demo database.  There was not whop, whop.  WP Demo, D-E-M-O, Demon huh huh that’s awesome.  Route and nothing and yeah we’re in, okay awesome.  So we are.  Did you guys get in?  Awesome, great. 

So here site title this is where we call it whatever we want to call our thing. So we want to title this as like My Awesome Website.  Now here’s a pro-tip, this is something that maybe you want to write down and keep in your back pocket.  If you’re making a client website you want to keep an admin with a user name of Admin and a password for you to pass onto the next administrator, maybe you’re the administrator for the life of the project, I don’t know but keep this separate from your client.  You can make your client an admin which is totally awesome but, what will happen eventually somebody’s going to make a mistake and blow the whole thing up and when I first started doing these I just gave the admin with the account admin to the client and the client blew everything up and I needed to gain access to it and I couldn’t gain access to stuff because I couldn’t get in.  So I kind of keep this separate and create a different account for them with admin privileges because they should have admin privileges but then you have the ability to come in and save the day later on.  So my pro-tip keep admin for you.  Password ‘m going to do 123, 123.  You probably don’t want that to be your real password and it’s going to ask for your email address, it doesn’t really matter at this level.  I don’t know if it will allow me to proceed without… yeah it’ll allow me to proceed without it.  No it didn’t I’ve got to do it again.  123, 123 I’ll just say [0:33:50.3] and I install WordPress and ducker, ducker, ducker, ducker there it goes, it has been installed.  Yes?

[0:34:02.9]

I didn’t check it.  I think as a reflex I think because I don’t really care right now but you would want it in that if it was a for real project, that’s a good question. 

Alright so now it’s going to ask us to log in.  So what this is created for us… I’m going to go back to my drawing board.  This has created two things.  This here is our web solution, it created this and it also created an admin area that give us access via user name and password only.  This is going to give us the ability to come in and do posts, pages and all sorts of different things and whenever we publish here that directly affects what our users see over there so, this is a two part thing.  Some people get really confused and they say like WordPress well what is WordPress. WordPress is a two part solution.  What you’re client sees and what the admin sees.    I used the wrong term client there.  What the rest of the world sees and what the administrator sees.  The public and then the admin.  So what we’re looking at here is the admin area.  So we type in admin and our super-secret password of 123 and we log in and ladies and gentleman oh you can do it, you can do it... we’re in!  We have just created our very own WordPress solution.  It is our blog because we’re using WordBlog for the class blog yes.  What’s up?

[0:36:05.1]

If we wanted to add a user...
That is correct.  So the question is if we wanted to add a user we would do that by going to Users – Add a New User and we could say okay their user name, email and all the stuff and we can give them different levels of access, whether or not they are a subscriber, administrator, editor, author and contributor.  So admin gives them everything.  Something like a contributor that they can write a post but somebody has to review it before it gets published, those kinds of things and if you’re interested in them you can look them up. 

So here we are at our dashboard and there’s one other place that I want you to take a look at.  Up top you can do this fly out menu called My Awesome Website and view site.  If you hold down your ctrl key on your keyboard [0:37:00.4] in a new tab we are now looking at the website.  Yes sir?

[0:37:16.1]

It’s really, really easy, yeah. 

[0:37:21.6]

Yes you do.

Now, I want you to take a look up here.  Some people get freaked out by this.  This admin bar will only be here if you’re logged in as an administrator.  The rest of the world will not see that. 

[0:37:27.7]

Absolutely you can.  So if you uploaded this to your public_html folder on your webserver, when it looks for index, it’ll find index.php and serve this out.  Yes sir?

[0:38:07.6]

I think it’s a… here’s the question, the question is how bad is it for us to use a theme for your portfolio site?  I think that depends on the kind of job that you’re going for but I would strongly recommend against it.

I’m not saying I’m going to do it.

Themes
No I think it’s a very valid question because it’s kind of like if you want to be a race car driver you have to have a race car right and if you want to be a web designer then you have to have a web design you know and so if you can only do themes that might get you a job in maybe the Marketing Department, maybe doing SEO, maybe doing social media that kind of thing but it might detract you from getting a web job.  Not from everywhere because some places may just want that but I would recommend against it but that’s something you have to… be your call.  Yes?

[0:38:59.5]

Okay so separate question.  The question is it’s not whether or not WordPress is good to have in your portfolio.  WordPress is excellent to have in your portfolio but downloading a theme and if you don’t know what that means I’ll show you in just a minute or making your own theme… if you make your own theme your stat goes up.  If you download a theme you’re just like oh… Does that kind of make sense?

[0:39:30.7]

Excellent, love that question.  Alright so here we are in WordPress.  We have our admin area and we have what the rest of the world sees so if we come… for just a moment I want you to take a look here and we have a home and we have a sample page.  This is what makes WordPress so awesome for clients.  Amazingly awesome.  I used to get calls, sometimes in the middle of the night and say you know what we have an event coming up, we would like to add another page to our website.  So I’ve got to fire open Dreamweaver of my favourite text editor, whatever and make a new document and type all the stuff out, copy code from another place like nope, all you have to do is say ‘sir or madam, kindly go to the page, click on add new, give your page a title and information like This is an Event for Awesome Source right.  Only you spell source correctly.  Once we have added all the text that we wanted we can come over here and hit publish but, what if I wanted an image?  That’s no problem we can go to add media and we can select our file.  I don’t know if I have any images anywhere.  How about pictures… yeah sample pictures.  Let’s put in the koala of course and so… yeah I should have done the penguin. So now I have the ability to put in like it’s an event for awesome source, yay! Koala bear and whenever I hit publish, when I come back to my page here and hit refresh, I now have an event page.  I click on event page and there it is. 

[0:41:35.5]

Not freely. You can do left justify, center justify and right justify. 

[0:41:42.7]

Yeah going back to sixth grade very much so.

[0:41:49.1]

That is correct, that is correct so Austin said that when he was looking at the course blog he clicked on this text option and you can type in HTML and you get that HTML to render out which is very, very valuable, very valuable. 

Features
So let’s look at the difference now between Home and a Page.  Home is a rolling blog, or posts.  When we make a new post it will show the most frequent post and the next most frequent post up to a certain number that you designate by default it’s either five or ten, I can never really remember what it is. So if we were inside of our admin area and we went to posts and created another new post and we’re like New Stuff, and we’ll go and add in… no I don’t want him… I want to grab the penguin.  I’ll insert that into the post and New Stuff and I’ll say “woah in a row, woo” and publish.  This will go directly to the Home page, whenever we refresh and the posts continue to roll, this is how that works.  Yes sir?

[0:43:21.5]

Yep, this happens automatically for you.  You don’t even have to set anything up it automatically knows and you can designate how many posts that you see on the homepage.  You can say I only want two or I want five or whatever and the customisation continues to get deeper and deeper and deeper for it for whatever it is you want to do. 

So we’ve set up WordPress, we’ve downloaded it, we have it rocking and rolling, we know a little bit about creating a page, we’ve uploaded an image, we’ve inserted an image, we’ve created a post, something else that’s really popular are plug-ins.  Sometimes you’re on the go when you’re working on a WordPress project and you need to do something that maybe you don’t know how to develop or you don’t have time to develop.  So there is a library all over the internet of different plug-ins.  Plug-ins that might do a handy feature like allow you to use PHP inside of your post here.  If I try to write a PHP command it gets denied, this will not happen.  You can download a plug-in that allows you to turn that on if that is a feature that you would like on and so to get a plug-in you simply download the plug-in.  So let’s see PHP – Plug-in – WordPress.  And well sorry this one hasn’t been updated for a while so maybe not a good one to have but let’s say we wanted it anyway, let’s roll the dice on this one.  You download the zip file and you take this zip file and you extract it in Program Files – Xamp – WWW – WordPress Workshop – WordPress. You extract it in a place that’s called WP Content Plug-in and whenever you copy that over the next time we go to our admin area and click on plug-ins we’ll have the ability to activate it.   Here it is right here.  Ta-Da! Pretty cool right, you got a WP Content plug-in.  That’s where you put them. 

Now the thing that has made WordPress really popular is a part of this thing and I only have two minutes to pull this off.  Its part of this idea called Model View Control or Model Control View.  The model is basically your HTML.  The view is basically your CSS and the Control is everything that allows you to interact with it.  If we drop in a new view then our HTML and our content really shouldn’t change and our controls shouldn’t change.  You’d still be allowed to go to all the different pages and all my content should be the same it should just look different.  That’s the idea of themes.  So if we come to the theme tab here… I’m sorry appearance.  If we go to the appearance tab and then go to themes… let’s try again, lets’s try again two minutes, we can do it, we can do it.  This gives us the ability and I lost my freaking mind the first time I saw this.  If we want to change how our website looks, all we have to do is activate another theme.  I’m going to search for a theme… no, let’s go… I want to download a theme… let’s install some themes. 

[0:47:11.8]

Yeah it is like that.  So sure I’ll find whatever theme comes up, sounds great, I don’t care.  Oh we’ll do that one and thanks.  Oh man… MMB 311.  So here’s a theme that I know about already called Free Sweet Baby WordPress Theme or whatever so, we’re going to download… oh yeah there’s god there could be like millions.  So I’m downloading this theme here and I’m going to go and grab it and I’ll open it up and we’ll take all of this C – Program Files – Xamp – WWW – WordPress Workshop – WordPress – WP Content Themes and I’m going to create a folder here called New Theme and inside of there we’ll put all of the stuff and we’ll pop that in here and when we go to WordPress…

[0:48:36.7]

It can be.  So I refresh and a theme is going to pop up, wait for it, wait for it, wait for it… there it is.  So now I would like to take advantage of this “theme”.  So I hit Activate.  I wait for it to do it’s dance and when it’s done doing it’s dance when I refresh this page it will have pink everywhere.  You ready? Bam!  It’s coming, it’s coming, give it a second.  Isn’t that crazy? 

Alright buyer beware.  Themes are developed by lots of different people.  Some people are skilled, some people are not skilled. There are lots of bad themes out there. Lots and lots of bad themes that will blow your code because they are designed to work for every possible scenario that is out there and you might only need one small thing.  Yes sir?

[0:49:45.6]

Sometimes you do and sometimes you don’t it depends on how they are licenced.  Some you pay for, there could be a $50 theme, there could be $150 theme.  Some people sell them for $500 because if it’s got like a slide show on it and it seems like it’s going to solve your problems it seems like $500 is a lot cheaper than paying somebody else to build it except, themes rarely solve all your problems they only solve some of your problems and then you typically have to hire people like us to fix the last part that you didn’t know how to do.  So that is time for today.  You were an amazing audience. Tomorrow we’re going to pick up right here where we left off and we’re going to start creating our own custom themes.  Any questions before we wrap up?

Alright awesome. 

 

Recording Ends – 0:50:43.2



About the instructor...

 Josh Sager
Joshua is the Founder of Second Block Studio and the Program Director of Multimedia Technologies for the Pittsburgh Technical Institute where he writes and teaches courses in web design and development He frequently teaches workshops on design, development and printmaking to teens as well as working professionals. Joshua is passionate about interactive technologies and loves to build things for all sizes and devices. Previously, he has spoken at conferences such as Web Design Day, FlashBelt, FlashPitt and Podcamp Pittsburgh.


 


Learn more about the Web Interactive Program



Leave a reply

Your email address will not be published. Required Fields are marked *


subscribe to Video Workshops