IntroductionWelcome| 00:04 | Hi, I'm Morten Rand-Hendriksen, and welcome
to Installing and Running WordPress: WebMatrix.
| | 00:11 | In this course I'll show you how to install
WordPress on your Windows computer so that
| | 00:16 | you can experiment with and develop content
for WordPress without relying on an external
| | 00:21 | web host or an Internet connection.
| | 00:24 | I'll start by showing you where to get
WebMatrix and how to install it on your computer.
| | 00:30 | We'll look at how to work
with WordPress under WebMatrix.
| | 00:34 | And finally, I'll show you how to use
WebMatrix as a web development application.
| | 00:39 | Having WordPress installed on your computer
makes a huge difference when you want to experiment
| | 00:44 | with or build content for WordPress.
| | 00:47 | So, let's get cracking with
Installing and Running WordPress: WebMatrix.
| | 00:52 |
| | Collapse this transcript |
| Who is this course for?| 00:00 | WordPress is a web publishing application
designed to publish content onto the web.
| | 00:06 | So why would you want to install a web
publishing application on your computer so you can access
| | 00:11 | it but no one else can?
Well, the answer lies in that question.
| | 00:16 | Having WordPress installed on your
computer has a huge benefit both for bloggers,
| | 00:22 | for beginners, and for developers.
| | 00:25 | As a beginner, you need to understand how
WordPress works and familiarize yourself
| | 00:29 | with WordPress and all the ins and outs.
| | 00:32 | By having WordPress installed on your computer,
you can experiment it without having to install
| | 00:36 | it on an external host, and you can also get
to know the application in a safe environment.
| | 00:43 | And once you know how it works, and you're
comfortable with it, then you publish it to
| | 00:46 | a host, and then you can go live.
| | 00:49 | As a developer, if you want to develop a
child theme or a regular theme or a plug-in or some
| | 00:55 | other content for WordPress, you should
always do it in a local environment. Because if you
| | 01:01 | didn't have a local environment, you'd have
to make a change to your file, and then push
| | 01:05 | that file onto the web, and then onto a web
server, and then check it, and then push another
| | 01:12 | change on to the web server, and check it.
| | 01:14 | But if you have a local environment to
work in, you simply make a change to the file,
| | 01:19 | reload your browser, and you
see that change immediately.
| | 01:22 | For myself, I have WordPress installed on
my computers so that no matter where I am,
| | 01:27 | I can always work on WordPress projects
without having to rely on an Internet connection.
| | 01:32 | Because let's face it, even though the Internet
is pretty much everywhere, you don't always have
| | 01:37 | a connection to the Internet on your computer.
| | 01:40 | But if you want to work with WordPress, you
really either need that, or you need to have
| | 01:44 | WordPress installed on your computer locally.
| | 01:47 | Down to brass tacks, WordPress installed on your
computer is the number one tool in your WordPress Toolkit.
| | 01:54 | And whether you're a beginner or an
advanced user, this is something you should have.
| | 01:59 | We've created this course series to give
you four different options that you can use to
| | 02:03 | install WordPress either on Macs or on PCs, and we go through
how to set it up, how to use it, and how to uninstall it.
| | 02:12 | That way, you'll have all the tools necessary to be able to
run WordPress locally on your computer, and develop great things.
| | 02:19 |
| | Collapse this transcript |
| Overview of options: BitNami, WAMP, MAMP, and WebMatrix| 00:00 | This course is one of a series of four
courses that map out four different tools you can
| | 00:05 | use to install WordPress on your local computer.
| | 00:09 | Depending on your platform, your level of
expertise, and what you want to achieve,
| | 00:14 | either one of these four tools
may be the correct one for you.
| | 00:18 | So, before we get started, let me break
down the different options so you can pick the
| | 00:22 | right tool and the right course
for your needs right off the top.
| | 00:27 | If you're a Mac user, I recommend using MAMP.
| | 00:31 | MAMP is an application that installs a web
server on your Mac, and then you can link
| | 00:37 | that web server to WordPress so that you can run
WordPress as you would on a web server on the web.
| | 00:44 | MAMP requires a bit of configuration
to work, and it can be a bit tricky.
| | 00:48 | But once it's up and running,
it's very easy to work with.
| | 00:51 | The second option for Mac users is BitNami.
| | 00:55 | BitNami is a one-click installation that
installs both a MAMP server--just like what you had
| | 01:01 | on option one--and WordPress,
and links it all together.
| | 01:05 | So, you just install BitNami and then
you have WordPress running on your Mac.
| | 01:10 | The problem is BitNami can be a bit buggy
on Mac, and it can be a bit hard to stop and
| | 01:16 | start, and things tend to happen with it.
| | 01:18 | That's why I don't
recommend Bit as the first option.
| | 01:21 | But if you're looking for a simple one-click
install, and you don't want to worry about
| | 01:25 | configurations, BitNami is the way to go.
| | 01:28 | For Windows users, my primary
recommendation is to use BitNami.
| | 01:32 | It's the same application as the one available
for Mac users, but it works a lot better on Windows.
| | 01:39 | In fact, I use BitNami for all my development work
because it's so easy to work with, and it works really well.
| | 01:46 | I've tried all the other
options, but I stick with BitNami.
| | 01:50 | If you want an option, you can
install WAMP on your Windows computer.
| | 01:54 | Now, WAMP is exactly the same as MAMP except
the W at the top stands for Windows, whereas
| | 02:01 | in MAMP, the first M stands for Mac.
| | 02:04 | So, it's a web server that you install, and
then you can configure it to talk to WordPress,
| | 02:09 | and make it all work together.
The last option for Windows users is WebMatrix.
| | 02:15 | Now, WebMatrix isn't exactly
the same as BitNami and WAMP.
| | 02:20 | In addition to being a server environment
where you can run WordPress and other open-source
| | 02:25 | applications, WebMatrix is also a web development
tool that you can use to develop web applications.
| | 02:32 | So, in addition to having WordPress run under
WebMatrix, you can also use WebMatrix to build
| | 02:39 | WordPress or build themes for
WordPress, or build plugins for WordPress.
| | 02:43 | However, WebMatrix is very different from
BitNami and WAMP, in that, it installs a large
| | 02:50 | list of applications onto your computer
and changes the overall configuration of your
| | 02:55 | computer in the process, in effect making your
computer into a proper Windows-based web server.
| | 03:02 | Before you embark on this course, it's important
that you pick the correct tool for your purposes.
| | 03:08 | You can either watch all the four courses
and then based on those decide which tool
| | 03:13 | you want to use, or you can pick the tool
you think will work the best for you, and
| | 03:19 | then just watch that course.
| | 03:21 | We've created one course for each tool so
that it's easy to compare them and also so
| | 03:26 | that it's easy to both install,
troubleshoot, and uninstall each of the solutions.
| | 03:32 | In this course, we'll be looking
at WebMatrix for Windows users.
| | 03:37 | If you're a Windows user, and you plan to
use BitNami or WAMP, or if you're a Mac user,
| | 03:43 | and you plan to use MAMP or BitNami, go
back to the lynda.com online training library,
| | 03:48 | and select a course that
corresponds with your choice.
| | 03:52 | And don't worry about making the wrong choice.
| | 03:54 | Each of the courses of this series also shows you
how to uninstall each of the options if you don't like it.
| | 04:04 |
| | Collapse this transcript |
|
|
1. Introduction to WebMatrixWhat is WebMatrix?| 00:00 | Before we get started, it might be a good idea
to clarify what WebMatrix is and how it works.
| | 00:07 | Saying that we are running WordPress
under WebMatrix is a bit imprecise.
| | 00:12 | WebMatrix itself is a web development
tool for most modern web languages.
| | 00:18 | But when you install WebMatrix you're
also installing the Microsoft Web Platform.
| | 00:24 | That means you're installing a Microsoft web
server on your computer as well as the Microsoft
| | 00:30 | Database System called SQL
Server and the web framework.
| | 00:36 | If you're familiar with open source systems
like LAMP, and MAMP, and WAMP Stacks, this
| | 00:42 | is similar except we're using
the Microsoft framework instead.
| | 00:46 | Now, open source users might get confused
by this, because after all, WordPress runs
| | 00:53 | on PHP and MySQL, and that's Linux-based frameworks,
whereas the Microsoft Framework is .NET framework
| | 01:01 | that uses different languages,
and a different kind of database.
| | 01:04 | Well, what's happened is Microsoft has embraced open
source and made their frameworks accessible to open source.
| | 01:12 | So, even though you're running a Microsoft
server with a Microsoft database, you can
| | 01:17 | still run open source software like WordPress
on it, and PHP, and everything works just fine.
| | 01:24 | The benefit of running WordPress on
WebMatrix on your computer is pretty obvious.
| | 01:29 | Because WebMatrix is installed on your computer, you
don't need Internet access to use your WordPress site.
| | 01:36 | That also means that the site is only
accessible from your computer, that is unless you've
| | 01:41 | decided to make your computer a public web
host, something I don't recommend you do.
| | 01:46 | By having WordPress running on WebMatrix on
your computer, you can work with the files
| | 01:51 | directly, and you don't have to keep uploading
and downloading them to and from your web server.
| | 01:56 | They are all there, ready for you
to work with and experiment with.
| | 02:01 | As an added benefit, WebMatrix is a complete
web development and publishing application.
| | 02:06 | So, once you have WordPress running, you
can do all your work right in the application,
| | 02:12 | and publish content to the web through it.
| | 02:15 | That's something none of
the other options can offer.
| | 02:18 | Before we jump in and
install WebMatrix, one caveat.
| | 02:22 | WebMatrix makes a lot of changes to your
Windows configurations and installs a lot of software.
| | 02:28 | This can, in some cases, make it hard to set
up and configure other web server software
| | 02:33 | solutions like BitNami or
WAMP on your computer later.
| | 02:37 | So, before you follow me down this particular
rabbit hole, make sure WebMatrix is the solution
| | 02:43 | you want to go with. Don't get me wrong.
WebMatrix is great.
| | 02:47 | I just want to make sure you're aware that
this is a point from which a return can be
| | 02:52 | a bit trickier than you expected.
| | 02:57 |
| | Collapse this transcript |
| Downloading WebMatrix| 00:00 | The first step in installing WebMatrix on
your computer is getting the application.
| | 00:06 | WebMatrix is available for Windows
only and comes straight from Microsoft.
| | 00:11 | To get WebMatrix, you go to microsoft.com/web,
and you can see it here.
| | 00:17 | If for some reason they decide to change the website,
and you can't find it right on the front page,
| | 00:23 | you can hover over the Platform option
on the Main menu and go to WebMatrix.
| | 00:28 | From here, you just need to
download WebMatrix itself.
| | 00:32 | Click Free Download and WebMatrix is
downloaded on your computer, or rather the installer
| | 00:39 | for WebMatrix is downloaded on to your computer.
| | 00:43 | WebMatrix is a one stop solution for
installing and running WordPress and many other open
| | 00:49 | source applications on your Windows computer, and it's also
a full web development platform for your Windows computer.
| | 00:57 | Once downloaded, it's
time to set everything up.
| | 01:02 |
| | Collapse this transcript |
|
|
2. Installing WebMatrixInstalling WebMatrix| 00:00 | To use WebMatrix, all you have to do is
run the WebMatrix installer as downloaded.
| | 00:06 | I have downloaded WebMatrix onto my computer.
| | 00:10 | I'll go to my Downloads
folder, and run the Installer.
| | 00:16 | When you run the WebMatrix Installer, you
actually run the Web Platform Installer
| | 00:22 | and WebMatrix is part of the Web Platform.
| | 00:24 | You follow the steps like this one to say
Install WebMatrix, and then the web Platform
| | 00:31 | will tell you what
components need to be installed.
| | 00:34 | As you can see, here we're installing
WebMatrix as well as a bunch of other components like
| | 00:41 | the SQL Server and ASP.NET
and a bunch of other things.
| | 00:46 | All these things will now be downloaded onto my
computer and installed to set up a full web platform.
| | 00:52 | I click I Accept and the install begins.
| | 00:57 | Now, this may take some time, so if you want to go
grab a coffee, this would be a good time to do so.
| | 01:05 | Once the WebMatrix install is complete, you
get a full list of everything that was installed.
| | 01:10 | And, as you can see, you've installed quite
a lot of items here to get WebMatrix and also
| | 01:15 | the Web Platform to work
properly on your computer.
| | 01:19 | Now that the install is complete, I'll click Finish,
and we're taken back to the Web Platform Installer.
| | 01:25 | This is where we'll install WordPress into the
platform so that we can use it on our computer.
| | 01:30 |
| | Collapse this transcript |
| Installing WordPress with Web Platform Installer| 00:00 | When you finish installing WebMatrix, the
Installer jumps straight to the Web Platform Installer.
| | 00:07 | This is the application that will download, configure, and
install whatever web application you want to work with.
| | 00:13 | What's cool about the Web Platform Installer
is that it allows you to seamlessly install
| | 00:18 | pretty much any application for future use.
| | 00:21 | And you're not restricted to just one application,
or even just one iteration of that application,
| | 00:27 | you can install as many applications as you want
and even different versions of those applications.
| | 00:32 | The Web Platform Installer should already
be opened if you just installed WebMatrix.
| | 00:37 | If it's not, you can go to your Start menu and find
Web Platform Installer and just launch it from here.
| | 00:45 | This is also good to know for later because
if you ever want to install new applications
| | 00:49 | later, you can do so simply by opening the
Web Platform Installer again, and then install
| | 00:54 | that new application.
Right now, we want to install WordPress.
| | 00:59 | To do so, I am going to go to Applications, and
here you see in my case WordPress is right at the top.
| | 01:06 | This list changes all the time, so
you might not see WordPress at the top.
| | 01:11 | Then if you want to find WordPress, you can
either go to Blogs here on the sidebar and
| | 01:15 | scroll down, and you find WordPress, or
you can type in WordPress in the Search box.
| | 01:21 | It all takes you to WordPress.
| | 01:23 | But what you see here is that Web Platform
Installer isn't restricted to just WordPress
| | 01:28 | or other CMSs, you can install
a lot of different things here.
| | 01:33 | You can install publishing applications like
WordPress or Umbraco or even Drupal, and you
| | 01:39 | can also install all
sorts of other applications.
| | 01:42 | For example, if you scroll to the bottom here,
you will see you have MediaWiki which allows
| | 01:47 | you to build a Wikipedia like site.
But we're going to install WordPress.
| | 01:52 | So I will go to Blogs, scroll down,
find WordPress, and click Add.
| | 01:57 | Now that I've added WordPress, I click Install,
and now the Web Platform Installer will find
| | 02:03 | out what applications I need to
install in addition to make WordPress work.
| | 02:08 | In this case, I need to get MySQL
installed so that we can set up a database.
| | 02:13 | Web Platform Installer says, we need MySQL,
it's not currently installed, and asks me to
| | 02:18 | set up a password for the root account
for MySQL, so we can access it later.
| | 02:24 | I am just going to set the password to root because
this installation will only be accessible on my computer.
| | 02:31 | However, if you're making a public web server,
you need to set the password to something
| | 02:35 | a lot stronger than the same as the username.
| | 02:38 | I set the password, I click Continue, and
now again I get a list of the applications
| | 02:43 | that will be installed, in this
case, WordPress, PHP, and MySQL.
| | 02:49 | I click Accept and the install starts.
| | 02:53 | When the installation is complete, you get
this page that tells you what was successfully
| | 02:57 | installed, WordPress, PHP, and MySQL, and
you also get this Password Settings section,
| | 03:04 | and this is really important.
| | 03:06 | When you set up WordPress, WordPress
needs to talk to the database that was set up.
| | 03:10 | The database was set up for you, and
WordPress was configured to talk to that database,
| | 03:15 | but now you're getting the information on how
to get WordPress to talk to the database,
| | 03:19 | you have the database name, the database
username, and the database password, and you need to
| | 03:24 | copy this information out, and paste it into a
file so that you save it if you ever need it later.
| | 03:31 | So here it says, Hey there! Before you go,
click the link to copy your password.
| | 03:36 | So I am going to click the
link to copy the password.
| | 03:38 | Then I am going to go to Start menu and open
Notepad, and I will paste in the password information.
| | 03:48 | I will go ahead and save this file under my
Documents, and I will save it under a file
| | 03:53 | called WPinfo, and I will say
WebMatrixPasswords and click Save.
| | 04:07 | Now, if sometime in the future, I need to
reset the passwords inside WordPress, or if
| | 04:12 | I get my configuration files messed up, I
have a backup of the password information
| | 04:18 | so that WordPress can talk to the database.
| | 04:20 | Now that I have my passwords backed up, I
can go back to the Web Platform Installer,
| | 04:25 | and click Finish, and WebMatrix opens.
| | 04:30 | And I am also taken directly to my new
WordPress site that's installed on my computer.
| | 04:35 | When I see this, I know that everything worked.
| | 04:38 | WebMatrix was installed properly and
WordPress is running on my computer.
| | 04:42 | The next step is to
configure WordPress and work with it.
| | 04:47 |
| | Collapse this transcript |
| Configuring WordPress| 00:00 | Now that we have WebMatrix installed and
WordPress is up and running properly, all that's left
| | 00:05 | to do is configure WordPress itself so that
we can start working with the application.
| | 00:10 | If you're familiar with WordPress, you will
recognize this, this is the standard 5-minute
| | 00:15 | install or rather is the end of the 5-minute
install where we configure WordPress.
| | 00:20 | If you haven't seen it before
I'll show you what it is.
| | 00:23 | You simply insert the Site Title.
You can change this all later if you want to.
| | 00:27 | So this will be the title of your site.
I will call it WebMatrix WordPress Site.
| | 00:33 | You should probably call it something else.
You have to set a Username.
| | 00:37 | By default, it's set to admin.
| | 00:40 | But it's a good habit to just always change the
username immediately, so I will change it to my own name.
| | 00:45 | You set a Password, this is the
password you use to access WordPress.
| | 00:50 | And at the bottom, you have set up an Email
address so that WordPress can email you your
| | 00:55 | own password when you forget it.
So I will set up my email address.
| | 00:59 | And then on the bottom here,
you have the Privacy option.
| | 01:03 | For a WordPress site on the
Internet, this makes sense.
| | 01:06 | You can toggle on and off whether or not
search engines are able to index your site.
| | 01:11 | But in this case, you are installing WordPress on
your own computer, so Google can't access your site.
| | 01:18 | Even so, I'd suggest you to leave this
checked because some applications change behavior
| | 01:23 | depending on whether or not
this is checked or unchecked.
| | 01:26 | So, assuming that you're going to use your
WordPress site under WebMatrix to test things,
| | 01:31 | I would suggest leaving it on.
| | 01:33 | But like with anything else on this
page, all this can be changed later.
| | 01:37 | So you can choose whether you
want to leave it on or turn it off.
| | 01:40 | When you've set all this information, click
Install WordPress, and you're taken to the
| | 01:44 | page where you can either login directly, or
you can simply delete all this information
| | 01:50 | and go just to localhost, and then whatever
port it's been set to, this port number will
| | 01:56 | probably be different for you,
and you go to your WordPress site.
| | 02:01 | Now, if you see what I'm seeing now,
WordPress looks like this with the big Arial text at
| | 02:07 | the top and then the big image, it means that
WebMatrix installed an old version of WordPress.
| | 02:13 | If that's the case, you
should update WordPress right away.
| | 02:17 | To do that, we're going to use the
Auto Updater built into WordPress.
| | 02:20 | So I will go up to my Address bar here,
type /wp-admin to get to the login page.
| | 02:28 | Here I will log in with information I
just set up, so my username and my password.
| | 02:34 | I'll check Remember Me so I don't
have to keep doing that all the time.
| | 02:39 | And then because this is an older version
of WordPress, you see here right at the top
| | 02:44 | we have a warning that says WordPress
3.5 is available, please update now.
| | 02:48 | I will click Please Update Now, and then click
Update Now to run the Auto Updater, and WordPress
| | 02:57 | will automatically go onto the Internet,
grab the latest version of WordPress, download
| | 03:02 | it onto your computer, swap out all the files,
update the database, and make everything work
| | 03:08 | so that you now have the
latest version of WordPress.
| | 03:11 | Currently, the latest version of WordPress
is 3.5, but my guess is by the time you watch
| | 03:16 | this video, it will probably be 3.5.1
or .2, or might even be 3.6.
| | 03:23 | So whatever the most recent version of
WordPress is that's what you want to have running.
| | 03:28 | So if you see that warning that we had before,
the yellow warning at the top, saying there's
| | 03:31 | a new version of WordPress just click to update
to be current with the latest version of WordPress.
| | 03:38 | Now you have a fully functional
installation of WordPress running on your computer.
| | 03:42 | As you can see, a great thing about having
a local installation of WordPress is that
| | 03:47 | you have full access to
WordPress at the click of a button.
| | 03:51 | That means you can build your own child themes,
your themes, your plug-ins, and do whatever
| | 03:56 | experiments you want in a safe environment that
doesn't require web access. Pretty cool, eh?
| | 04:01 |
| | Collapse this transcript |
| Running WordPress under WebMatrix| 00:00 | So far in this course we've installed WebMatrix
and WebMatrix in turn installed the Web Platform
| | 00:06 | Installer that installed
WordPress onto our computer.
| | 00:10 | A lot of applications were installed and to
make everything work you have to make sure
| | 00:14 | that all of them are running at the same time.
I'll show you what I mean.
| | 00:18 | If I go to my browser right now,
and I try to access WordPress.
| | 00:22 | So I will go to localhost and then to :2067
which is the port that the Web Platform Installer
| | 00:31 | assigned for WordPress for me.
That number might be different for you.
| | 00:36 | You see that I get nothing.
WordPress is not here.
| | 00:40 | That's because WebMatrix
is not currently running.
| | 00:43 | To get access to WordPress I
need to start up WebMatrix.
| | 00:46 | I can do that from my Start menu.
I click the Start menu.
| | 00:49 | If you don't see it here on the main Start
menu, you can go to All Programs, and then
| | 00:53 | find WebMatrix down here and start it.
| | 00:58 | When you start WebMatrix you go directly to
this page where you can choose if you want
| | 01:02 | to open an existing site, you want to create a new site
from a template, or you want to go to the App Gallery.
| | 01:08 | This is because WebMatrix is
a web development platform.
| | 01:12 | So from here you can actually create all new
websites from scratch if you want to, or you
| | 01:17 | can go to the App Gallery that opens the
Web Platform Installer and start new apps.
| | 01:22 | You can install Drupal or Joomla
or whatever else you want.
| | 01:26 | I want to open an existing site.
| | 01:29 | Because we installed WordPress, so I will
click Open Site and My Sites and here I get
| | 01:35 | a list of all my sites.
| | 01:37 | So if I installed several different versions
of WordPress, for example, I would have several
| | 01:41 | different versions of WordPress here.
| | 01:42 | I am going to select the
WordPress site and click OK.
| | 01:47 | Now I'm taken to the page
that has my WordPress site.
| | 01:51 | From here I can go to Site Admin, I can go to
Community, and I can go directly to my WordPress site.
| | 01:59 | So if I click on the URL to
my site, it opens WordPress.
| | 02:04 | And if I go back and click on Site Admin, it
takes me directly to the backend of my WordPress site.
| | 02:10 | You see here WordPress under localhost:2067 and
the dashboard is under localhost:2067/wp-admin.
| | 02:21 | My point here is that WordPress is
running because WebMatrix is running.
| | 02:27 | WordPress has become part of WebMatrix.
So to access one you have to turn on the other.
| | 02:33 | This also means WordPress
can be closed at anytime.
| | 02:37 | So if you don't want to use resources running WordPress when
you're not using it, you can simply turn WebMatrix off.
| | 02:44 | See if I turn WebMatrix off, and I just try to reload my page
here, I get nowhere. It's that simple. WebMatrix runs WordPress.
| | 02:55 | When you install WordPress with WebMatrix,
WordPress is part of the WebMatrix framework.
| | 03:01 | That means when WebMatrix is
turned off so is WordPress.
| | 03:05 | That has both benefits and drawbacks.
| | 03:07 | The major drawback is that WebMatrix has
to run for WordPress to run, but the benefit
| | 03:13 | is that if you don't want to waste computer
resources running a web server in the background
| | 03:17 | when you're not working with
WordPress, you don't have to.
| | 03:21 | But the true benefit of WebMatrix is not
that it can run WordPress, it's that WebMatrix
| | 03:26 | is a full web development application that can work with
WordPress and help you create great WordPress applications.
| | 03:36 |
| | Collapse this transcript |
|
|
3. WordPress and WebMatrixEditing WordPress in WebMatrix| 00:00 | As I mentioned in the beginning of this course, WebMatrix is
more than just a method for hosting WordPress on your computer.
| | 00:07 | With WebMatrix you get a full-fledged
web development and publishing application.
| | 00:12 | That means you can use WebMatrix to work with
WordPress developing child themes, themes, and plug-ins.
| | 00:19 | And when you're done developing you can use
WebMatrix to publish your new content to a
| | 00:23 | web host or to other
services like Windows Azure.
| | 00:27 | WebMatrix is a huge and full-featured
application and going through all of its functionality
| | 00:33 | is well beyond the scope of this course.
| | 00:35 | For now, let's take a shallow swim in its
features and see how we can use it to quickly
| | 00:40 | edit some WordPress files and publish them.
| | 00:43 | I am going to open WebMatrix and then give you
a demo of how to create a simple child theme.
| | 00:49 | So I will navigate to my WordPress site.
| | 00:51 | I will open the site to my
browser so that I can see it.
| | 00:55 | I will navigate to my Dashboard
and go to Appearance > Themes.
| | 01:01 | For now you see we have the Twenty Eleven
theme installed, and we also have the Twenty
| | 01:07 | Ten theme and the Twenty Twelve theme.
| | 01:10 | What I want to do is create a new child theme of
Twenty Twelve and make some small changes to it.
| | 01:17 | To do that, I am going to go back into
WebMatrix and then I am going to go down here on the
| | 01:22 | left-hand side to Files.
Here I can see all the files inside WordPress.
| | 01:28 | If you're familiar with WordPress
you will recognize the file structure.
| | 01:31 | You have the three folders wp-admin, wp-content, and wp-includes,
and then you have all the other WordPress files.
| | 01:38 | You will notice that most of
these files are grayed out.
| | 01:42 | That's because you shouldn't
really be touching any of these files.
| | 01:45 | The only files you should work with in WordPress
are the files under wp-content and the wp-config file.
| | 01:53 | In this case, because we're creating a new
child theme, we are working inside wp-content.
| | 01:57 | So I will open that folder and here you see we
have the plugins folder and the themes folder.
| | 02:03 | I'll open the themes folder and
here I am going to create a new folder.
| | 02:07 | So I will just right-click
on it and click New Folder.
| | 02:10 | I will give the new folder
the name of my child theme.
| | 02:14 | That will be childoftwentytwelve, and
within this folder I want to create a new file.
| | 02:22 | So I will right-click on it, select New File.
| | 02:24 | Here I will select CSS, because
this is going to be a style sheet.
| | 02:28 | I will go down here and
change the name to style.css.
| | 02:33 | That's the standard
style sheet name for WordPress themes.
| | 02:35 | Then I will click OK.
Now I can put in the code I want.
| | 02:41 | I am making a child theme and a child theme
always starts with /*, and you see because
| | 02:48 | this is a web development application when I make
one tag the application automatically closes it for me.
| | 02:55 | The /* is signifying that this
is going to be commented out.
| | 02:59 | So anything within the beginning tag
and the end tag will be commented out.
| | 03:05 | Here I am going to type in the necessary code to
make WordPress recognize this as a child theme.
| | 03:10 | So I will say Theme Name: this
will be the name of the theme.
| | 03:15 | I will call it Child of Twenty Twelve.
Then I need to put in the version number.
| | 03:22 | So I will say Version: 0.1.
Then I need to put in the Template name.
| | 03:31 | The template name refers to the
folder name of the parent theme.
| | 03:37 | In this case it's Twenty Twelve.
So I will just type in twentytwelve.
| | 03:43 | Now I can save this to make
sure that my new child theme works.
| | 03:47 | So I will simply hit Ctrl+S to save.
| | 03:49 | I will go back to WordPress
and reload the Themes page.
| | 03:55 | Now you see we have a new theme here,
Child of Twenty Twelve, and if I click on it to
| | 03:59 | activate it you will see that my
new child theme looks terrible.
| | 04:04 | That's because I have yet to install the
style sheet from the original parent theme.
| | 04:10 | So I will go back, cancel this, I will go
back to WebMatrix, and I will import style sheet
| | 04:17 | from the Twenty Twelve theme.
| | 04:19 | So I will start by typing @import and
here you will see something really cool.
| | 04:24 | WebMatrix is a fully built out web
development application, and because of that it can do
| | 04:30 | things like guess what I'm trying to do.
| | 04:32 | So it will suggest here when I start writing
import, I will hit Enter, I will hit Space,
| | 04:40 | and I will type url Bracket--the bracket is ended--
then I'll put attack, then I'll say dot dot
| | 04:42 | because I am going back one folder,
/twentytwelve/style.css').
| | 04:54 | I will end the line with a
semicolon, Ctrl+S to save,
| | 05:02 | go back into WordPress, and
try activating my theme again.
| | 05:06 | I will click on it, and this time you see my
child theme looks exactly like the parent theme.
| | 05:12 | I can click Save & Activate.
| | 05:14 | Now I am using my child theme
instead of the original theme.
| | 05:19 | Now I want to make a small
change to my child theme.
| | 05:22 | If we go to the front page of our site,
you'll see that right now you can see the comment
| | 05:28 | count here at the top of each post.
But what if I don't want that?
| | 05:32 | Then I need to change one of the template files.
I know I am really jumping ahead here.
| | 05:37 | If you're not familiar with working with WordPress
themes, this is all going to be new and quite confusing.
| | 05:44 | If you want to understand exactly what I'm
doing you should go check out the WordPress:
| | 05:49 | Building Child Themes course right here
in the lynda.com online training library.
| | 05:54 | But if you're familiar with WordPress
themes just see what I'm doing right now.
| | 05:59 | I need to make a change to my templates, and
I know that the original template is inside
| | 06:04 | the twentytwelve folder, because
that's the theme I am currently using.
| | 06:09 | The template I want to change
right now is called content.php.
| | 06:13 | So I will copy content.php, Ctrl+C, then I
will go to childoftwentytwelve and paste it in.
| | 06:21 | Now I can work with the child theme
version of content.php. So I will open it.
| | 06:27 | I will scroll down until I find where the
comments are being inserted, it's right here,
| | 06:32 | it says, if comments are open,
then put in the comments-link.
| | 06:35 | So here I am simply going
to remove that whole section.
| | 06:42 | Save my file, go back to my browser and reload
the page, and you see the comment count is gone.
| | 06:49 | But I want to show you one last thing.
| | 06:51 | What's really cool about
WebMatrix is that it knows WordPress.
| | 06:55 | What I mean by that is the following.
What if I want to insert something here?
| | 06:59 | I want to use one of the standard WordPress tags,
like for instance, the contents that you see down here.
| | 07:05 | If I start typing it here--so I will make a php delimiter--
and then I will write the content, notice what's happening.
| | 07:13 | WebMatrix actually has a list of all of the
different functions of WordPress, and it's
| | 07:18 | suggesting which
functions I might be looking for.
| | 07:23 | In this case, I want get_the_content,
and it will actually type it out for me.
| | 07:27 | And not only that if you noticed, if I go
back and do it again, it will even tell me
| | 07:34 | in a flyout what this function
does, Retrieve the post content.
| | 07:39 | And if I don't want that, I want to get_the_
category for instance, it will say return an array
| | 07:44 | of objects, like the object for each category.
| | 07:47 | So WebMatrix is actually helping you build
WordPress themes and also helping you understand
| | 07:53 | how different components work together.
| | 07:55 | That means by using WebMatrix if you're unfamiliar
with WordPress it will be much easier to understand
| | 08:01 | how everything fits together, and you'll have an
easier time building new themes and new child themes.
| | 08:08 | As you can see, if you don't already have
a preferred web development and publishing
| | 08:12 | application, chances are
WebMatrix may very well be all you need.
| | 08:17 | Not only does it have full code editing capabilities,
but it also has code helpers for most WordPress functions.
| | 08:25 | That's more than what you will
get with most other applications.
| | 08:27 | And like I said, when you are done you can
publish your new WordPress child themes, themes,
| | 08:33 | or plug-ins straight from WebMatrix.
| | 08:38 |
| | Collapse this transcript |
| Publishing WordPress from WebMatrix| 00:00 | WebMatrix has many more tricks up its sleeves,
but maybe the most useful one--now that you
| | 00:06 | know how to create your own content or the application--
is how to publish that content to an external host.
| | 00:13 | With WebMatrix, you can publish your
WordPress files seamlessly to your web host, and also
| | 00:18 | import existing content from that web host.
| | 00:22 | To publish content to an external web host,
you first need to have an external web host,
| | 00:27 | and you have to get the
correct information from that host.
| | 00:30 | If you're going to be using FTP, you need
the FTP address for the server as well as
| | 00:35 | your username and password, the path
directly to the folder you want to upload files to,
| | 00:41 | and also the path to the website itself.
| | 00:44 | Once you have that information, you can
click on the Publish button inside WebMatrix, and
| | 00:49 | this will take you through the process of
setting up a new publishing destination.
| | 00:54 | If you want to publish using FTP, you select the Enter
settings into your FTP or Web Deploy credentials manually option.
| | 01:03 | This takes you to the Publish Settings where
you can set the protocol for publishing, either
| | 01:09 | FTP or Web Deploy, and you put-in your
server name, the Site Path, that is the folder on
| | 01:16 | your server you want to
place your content under.
| | 01:18 | You also need to put in your username,
your password, and the destination URL.
| | 01:23 | So, that would be the URL for
the site when it's published.
| | 01:27 | You can choose whether you
want to use passive mode.
| | 01:29 | In most cases, you should
probably leave that checked.
| | 01:32 | And you can choose whether you
want WebMatrix to save your password.
| | 01:36 | To make sure that all the information is correct,
you can click Validate Connection and WebMatrix
| | 01:41 | will quickly try to access the FTP server.
In this case, it worked.
| | 01:46 | And then down here, you see that in some cases, you
can link up your database to the database on the server.
| | 01:52 | You can't do this through FTP, but
you can do it through Web Deploy.
| | 01:57 | It's actually really neat, because then
you can mirror the database on your WordPress
| | 02:01 | site on a server on the web with the
one that you have on your computer.
| | 02:04 | So, you're working with the
exact same data on both sites.
| | 02:08 | When you save the settings, WebMatrix
wants to test compatibility to make sure it can
| | 02:12 | actually push files onto,
and get files from the server.
| | 02:17 | When you click on Continue here, it will run through
a test where it tries to push up data onto the server.
| | 02:23 | You can see it was not able to push up the
database because that function is not available.
| | 02:29 | But it was able to push up an HTML page,
a PHP page, and some other information.
| | 02:34 | When I click Continue now, WebMatrix will go
through the site on the web, and then compare
| | 02:40 | that to my site inside WebMatrix, and tell
me which files are changed, so the files are
| | 02:46 | newer on my computer
than they are on the server.
| | 02:50 | Then I am allowed to add
those files onto my server.
| | 02:53 | If I click Continue, all those
files will be published onto my server.
| | 02:58 | You can see it happen down
here on the bottom of my window.
| | 03:01 | When the publishing is complete, you
get the message Publishing Complete.
| | 03:06 | You get a link directly to the site you
published your content to and you can also open your
| | 03:10 | log file to see what
actually went on in the publishing.
| | 03:14 | This is a good idea if you think something
went wrong, because then you will see in
| | 03:17 | the publishing log file, what went wrong.
| | 03:20 | When the publishing is complete, you can close the little
tab, and now you can keep working. Here's the cool thing.
| | 03:27 | Because we're now connected to an external
server, it means that as you are making changes
| | 03:32 | to your files, you can first test them locally
on your computer, and then when you know they
| | 03:36 | work, you can simply right-click on the file,
and go upload local version, and it will get
| | 03:41 | pushed up to your external server.
| | 03:44 | That way, you're working with files locally, and
then publishing them immediately when you're done.
| | 03:51 | This makes for an extremely agile work
environment, and it makes it very easy for you to quickly
| | 03:57 | develop content for WordPress like
themes, and plugins and other elements.
| | 04:02 | As you can see, WebMatrix is pretty much a
one-step solution if you want to develop your
| | 04:07 | own WordPress sites in an easy way.
| | 04:10 | It's powerful for beginners as well as advanced
users, and because it's in near constant development,
| | 04:17 | chances are, you'll see
more cool features coming soon.
| | 04:22 |
| | Collapse this transcript |
| Uninstalling WebMatrix| 00:00 | In this course we've been looking at how to
use WebMatrix basically as a host for WordPress,
| | 00:06 | and we've also skimmed the surface of
what's possible in using it as a code editor, and
| | 00:11 | also as a publishing application.
| | 00:13 | If you want to use WebMatrix you should really
sit down and experiment with the application
| | 00:18 | and learn all its features. Because this is a
fully built out web development application,
| | 00:24 | and what we've done is only a very small
component of what is possible with the application.
| | 00:29 | In the beginning of this course, I mentioned
that WebMatrix is not like the other solutions
| | 00:34 | we've been covering in this course series.
| | 00:36 | Unlike WAMP and BitNami, WebMatrix makes
substantial changes to the setup of your computer, and
| | 00:42 | turns your computer into a permanent web server.
| | 00:46 | That means uninstalling WebMatrix does not
mean you're uninstalling all the changes that
| | 00:51 | were made when you first installed it.
| | 00:53 | That also means uninstalling, and then
reinstalling WebMatrix and reinitializing a site that you
| | 00:59 | have built in WebMatrix is not as easy
as it would be in BitNami or in WAMP.
| | 01:05 | However, if you do things the
right way, it's still possible.
| | 01:08 | You just have to think of
WebMatrix a bit differently.
| | 01:11 | If you're going to uninstall WebMatrix,
but you want to retain your content, you have
| | 01:15 | to use the WordPress Export function.
| | 01:18 | You find it inside the Site Admin for WordPress,
you can go down to Tools, and select Export.
| | 01:24 | And from here, you can export all your content.
| | 01:27 | Then you have to do a backup of the export
file, and also of all your content files,
| | 01:32 | so your themes, your plug-ins and your
content, and then save that on your computer.
| | 01:38 | Once you install WebMatrix again and install
WordPress under what WebMatrix, you then have
| | 01:43 | to use the Import tool inside
WordPress to import your content back in.
| | 01:47 | It's not as seamless as it is
with WAMP and BitNami, but it works.
| | 01:54 | If for whatever reason, you want to uninstall
WebMatrix permanently, and switch to a different
| | 02:00 | solution, here is how you
would go about doing that.
| | 02:04 | Go to Control panel on your computer, go to Uninstall a
program, scroll down until you find Microsoft WebMatrix.
| | 02:15 | And here you see that we also have two other
applications, one called Microsoft Web Deploy
| | 02:20 | and one called Microsoft Web Platform Installer.
| | 02:23 | What you want to do is
uninstall all three of these.
| | 02:26 | So, we'll start with WebMatrix.
I will click Uninstall.
| | 02:30 | Yes, I want to uninstall WebMatrix.
| | 02:34 | Then you can uninstall
the Web Platform Installer.
| | 02:40 | And finally, you can
uninstall Microsoft Web Deploy.
| | 02:47 | By uninstalling these three applications,
you have removed the key components you added
| | 02:52 | when you have installed WebMatrix, but you
have still left a bunch of other features
| | 02:56 | installed or configured on your computer.
| | 03:00 | And that's why I say you would only want
to uninstall WebMatrix if you are planning
| | 03:03 | on switching to a different solution,
and you don't want to use WebMatrix again.
| | 03:08 | If you want to keep using WebMatrix in the
future, you should really leave it on your
| | 03:13 | computer, and then just not use it for now.
| | 03:16 | Now you know how to install, set up, and use
WordPress on your Windows computer using WebMatrix,
| | 03:23 | all that's left to say is go forth and code.
| | 03:28 |
| | Collapse this transcript |
|
|
ConclusionNext steps| 00:00 | Now that you have WordPress running on your
computer using WebMatrix, it's time to delve
| | 00:05 | deeper into the topic of WordPress.
| | 00:08 | If you haven't really used WordPress before, I
encourage you to take the WordPress Essential
| | 00:12 | Training course right here in the
lynda.com online training library.
| | 00:16 | But that's not all we have to offer.
| | 00:18 | If you go to lynda.com and then you put a
forward slash at it, and type in mor10--
| | 00:26 | because that's my name--you will find a list of all of my
courses on WordPress that are in the lynda.com library.
| | 00:34 | We have everything from Essential Training
to how to Build Child Themes, to how to use
| | 00:38 | different themes, and way
beyond that, to very advanced topics.
| | 00:43 | And I'm not the only author in the lynda.com
library to talk about WordPress, there are
| | 00:48 | lots of extra courses on everything from
security to multi-sites to other topics that you can
| | 00:54 | really invest some time in and learn how to
use WordPress to make professional websites.
| | 01:00 | To get more information about WordPress
itself, you should go check out wordpress.org.
| | 01:06 | This is the website that has all the
information about WordPress the application, and here
| | 01:10 | you find a lot of cool
stuff like Themes and Plug-ins.
| | 01:15 | You can also find lots of information in
the Forums, and most importantly, if you're
| | 01:20 | a developer, you find the WordPress Codex.
| | 01:23 | This is where you find information about how
WordPress works and what you can do with it.
| | 01:28 | Every piece of code that's in WordPress is
documented in the WordPress Codex, and this
| | 01:32 | is the website I pretty much live on,
because anytime I need to do something advanced,
| | 01:38 | I can always find information about
how to do it in the WordPress Codex.
| | 01:42 | Now, all that's left to say is good luck, build
something awesome, and come back and learn more.
| | 01:47 |
| | Collapse this transcript |
|
|
