Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying WordPress 4.0 Site Blueprints (Second Edition)
  • Table Of Contents Toc
WordPress 4.0 Site Blueprints (Second Edition)

WordPress 4.0 Site Blueprints (Second Edition)

By : RACHEL MCCOLLIN
4.5 (4)
Buy this Book
close
close
WordPress 4.0 Site Blueprints (Second Edition)

WordPress 4.0 Site Blueprints (Second Edition)

4.5 (4)
By: RACHEL MCCOLLIN
Buy this Book

Overview of this book

WordPress is the world’s most popular Content Management System (CMS) and you can use it to create any kind of site you or your clients need. Using free plugins and themes for WordPress, you can create a store, a social media site, a review site, a video site, a network of sites or a community site, and more. Wordpress makes your job of creating your own website simple and hassle-free! If you’ve started using WordPress to create a blog or simple website, you’ll have had a taste of the opportunities offered by this massively popular CMS. This book will take you through the process of creating ten popular kinds of site using WordPress with free plugins and themes, each chapter covering various functionality of the web. After having learned how to migrate from your static site to Wordpress in the first chapter, you will then explore the world of social networking websites followed focusing on e-commerce. Without writing too much code, you’ll be able to create a store, a video streaming site, a team communications site, a jobs board, and more. This book is a one-stop solution to resolve all your worries about creating a website that will give the best experience to your users.
Table of Contents (12 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Migrating a Static Site to WordPress
chevron up
Icon
1. Migrating a Static Site to WordPress
Icon
WordPress versus static sites – the differences
Icon
Understanding how WordPress stores content
Icon
Installing WordPress
Icon
Installing a theme
Icon
Adjusting your site's settings
Icon
Adding content to your site
Icon
Setting up navigation menus and widgets
Icon
Installing plugins
Icon
Making your WordPress site live
Icon
Summary
2
2. Creating a Social Media Site
Icon
2. Creating a Social Media Site
Icon
Introducing BuddyPress
Icon
Designing your social media site
Icon
Installing BuddyPress
Icon
Configuring the BuddyPress settings
Icon
Installing a theme
Icon
Adding widgets
Icon
Testing your site
Icon
Managing your BuddyPress site
Icon
Summary
3
3. Creating a Network of Sites
Icon
3. Creating a Network of Sites
Icon
Introducing WordPress Multisite
Icon
Installing Multisite
Icon
Managing your network
Icon
Allowing signups
Icon
Managing your network
Icon
Summary
4
4. Creating an E-commerce Site
Icon
4. Creating an E-commerce Site
Icon
Planning your e-commerce site
Icon
Making your store secure with SSL
Icon
Installing WooCommerce and the Storefront theme
Icon
Configuring WooCommerce settings
Icon
Adding products to your store
Icon
Managing your store
Icon
Summary
5
5. Creating a Video Streaming Site
Icon
5. Creating a Video Streaming Site
Icon
Planning your video streaming site
Icon
Creating a YouTube channel and uploading videos
Icon
Installing and configuring the YouTube plugin
Icon
Installing and configuring a suitable theme
Icon
Managing and updating your videos
Icon
Summary
6
6. Creating a Review Site
Icon
6. Creating a Review Site
Icon
Planning your review site
Icon
Creating the site and installing a theme
Icon
Installing the WP Customer Reviews plugin
Icon
Creating posts for our review site
Icon
Moderating and publishing reviews
Icon
Adding maps to our review site
Icon
Tidying up the site – adding widgets
Icon
Summary
7
7. Creating a Jobs Board
Icon
7. Creating a Jobs Board
Icon
Planning your jobs board
Icon
Installing and configuring the WP Job Manager plugin
Icon
Installing and configuring a theme
Icon
Adding Job Listings
Icon
Managing Job Listings
Icon
Searching and applying for jobs
Icon
Managing users
Icon
Summary
8
8. Creating a Team Communications Site
Icon
8. Creating a Team Communications Site
Icon
Installing and configuring the P2 theme
Icon
Adding users to your site
Icon
Configuring privacy and discussions
Icon
Adding posts and comments to the site
Icon
Summary
9
9. Creating a Gallery Site
Icon
9. Creating a Gallery Site
Icon
Installing a theme
Icon
Installing the NextGEN Gallery plugin
Icon
Adding galleries
Icon
Creating posts to display galleries
Icon
Editing images
Icon
Creating an album
Icon
Adding a menu and widgets
Icon
Summary
10
10. Creating a Membership Site
Icon
10. Creating a Membership Site
Icon
Designing and planning your membership site
Icon
Installing the Paid Memberships Pro plugin
Icon
Configuring membership settings
Icon
Adding a menu and widgets to the site
Icon
Adding content to your site
Icon
Registering and accessing content
Icon
Summary
11
Index
Icon
Index

Installing WordPress

Now that you understand how WordPress works, you're probably itching to get started! So, let's start by installing WordPress. There are two ways to do this:

  • Using an installer such as Softaculous or Fantastico, which may be provided by your hosting company
  • Directly installing WordPress using the Famous 5 Minute Install

Let's start with the easier way, which is to use an installer.

Installing WordPress using an installer

If your hosting provider gives you access to an installer, it will probably be accessible via your hosting dashboard or cPanel, which is a dashboard many hosting providers give you to manage your site.

Note

The exact way this looks and where you find it will vary from host to host, so your screen will probably look slightly different from what you see here, but the process is much the same.

My hosting provider includes a link in its control panel called Web Apps. Yours might be called Fantastico, Softaculous, or something else. If you're unsure, check with your hosting company and ask them if they provide a WordPress installer.

Installing WordPress using an installer

Fig 1.2: Accessing an installer

When I open this, I see a list of the web apps available to me, including WordPress:

Installing WordPress using an installer

Fig 1.3: Choosing WordPress in the installer

These are the steps you need to follow now:

  1. Click on WordPress and then on Install Now.
  2. You will be presented with a list of fields to complete. Fill them out as follows:
    • Prefix: I prefer to use just http:// as the www really isn't necessary these days.
    • Domain: This will already be filled out with your domain name; leave it as it is.
    • Directory: If you add something here, WordPress will be installed in a subdirectory of your site and not in your root directory. If you already have a static site running on this domain, using a subdirectory will mean that your static site will still work while you install and set up WordPress. If not, it's easier to leave this empty. You'll learn later in this chapter how to manage your old site while you're setting up WordPress.
    • Database Name: You can leave this as it is or change it to something that's more memorable to you. If you're not going to be working on your database, just leave it alone.
    • Table Prefix: Leave this as wp_.
    • Site Name: This is where you enter your site's title.
    • Site Description: This is where you enter your description or strapline. Most themes will display this below the title at the top of your pages. If you don't have a description, leave this blank.
    • Enable Multisite: If this is offered by your installer, leave it unchecked.
    • Admin Username: The default is admin, but for security reasons, you should change this to something unique and memorable for you.
    • Admin Password: Enter your password twice for logging in to your site. Be sure to make it secure, including uppercase letters, numbers, and other characters.
    • Admin Email: Enter your e-mail address.
    • Select Language: If this is an option, select your language if it isn't English.
    • Select Plugins: This isn't offered by all installers, so you may not see it. I leave this blank, preferring to install plugins later on.
    • Email recipient: If you add your e-mail address here, you will receive an e-mail with details of your new WordPress installation, including a link to the admin screens.

Tip

Some installers offer a backup option, which is a good idea to select if available. It's also a good idea to use a backup plugin in your site too. For a review of some of the best backup plugins, visit http://premium.wpmudev.org/blog/premium-freemium-wordpress-backup-plugins/.

Here, you can see an example for the installation I'm setting up:

Installing WordPress using an installer

Fig 1.4: Enter your site details

Once you've entered your details, click on Install and the installer will do its work. You will see a screen with a link to your new site and to the admin screens. Well done!

But what do you do if your hosting provider doesn't give you access to an installer? That's where manual installation comes in.

Installing WordPress manually

Installing WordPress manually takes a little longer, but isn't difficult as long as you know the steps to take. You'll need to learn how to do this if your hosting company doesn't provide an installer or if you want to install WordPress locally on your PC or Mac. This can be useful for working on a development site, where you're creating a dummy version of the site before you launch it to the world.

Note

If you want to install WordPress on your local machine, the process is very similar to the one here, but you'll also need to install an app such as MAMP (for Mac and Windows) or XAMPP (for Mac, Windows, or Linux). You can find instructions at http://codex.wordpress.org/Installing_WordPress_Locally_on_Your_Mac_With_MAMP and http://premium.wpmudev.org/blog/how-to-install-wordpress-locally-for-pcwindows-with-xampp/. For a guide to migrating your site to the live site once you're happy with it, refer to http://code.tutsplus.com/tutorials/migrating-a-wordpress-site-from-a-local-server-to-production--wp-26.

Installing WordPress manually consists of four steps:

  • Downloading the WordPress files
  • Creating a database on your web server
  • Uploading the WordPress files to your server
  • Running the WordPress installation script by accessing the URL for your site in your browser

Let's work through each of those steps in turn.

Downloading the WordPress files

To download the WordPress files, follow these steps:

  1. Go to https://wordpress.org/download/ and click on the Download button to download the files.
  2. This will download a .zip file to your computer. Unzip this.

Creating a database on your server using phpMyAdmin

Your site will need a database to hold all of your content. WordPress doesn't create this for you; you'll have to do it yourself.

  1. In your hosting provider's dashboard or in cPanel, go to phpMyAdmin. If you can't find this, ask your hosting provider; they might have a different way to create a database, such as using a wizard.
    Creating a database on your server using phpMyAdmin

    Fig 1.5: The phpMyAdmin home screen

  2. Click on the Databases tab.
  3. You will see a field labeled Create a new database. Type the name of your database in this field. Make a note of this as you'll need it again later.
  4. Click on OK.

You now have an empty database set up. The next step is to upload WordPress.

Note

Some hosting providers don't let you create databases in phpMyAdmin; you have to do it in your hosting dashboard instead. If this is the case, follow the instructions given by your hosting provider.

Uploading WordPress to your server

To upload WordPress, you'll need an FTP client or a code editing program with FTP built in. I tend to use Coda (http://panic.com/coda/), which is a code editor for the Mac, or FileZilla (https://filezilla-project.org), which is a free FTP client.

  1. In your FTP client or code editor, display your Downloads folder locally and the files on your remote server.
  2. If you already have a static site on your server and want to keep it running while you create your new site, create a folder inside your public_html folder. I'm creating a folder called blueprints1, as you can see in the following screenshot. If you don't have an existing site, you can skip this step.
    Uploading WordPress to your server

    Fig 1.6: The blueprints1 folder

  3. Now copy the contents of the wordpress folder from your Downloads folder to the folder you've created. If you haven't created a folder, copy it to the public_html folder. Don't copy the wordpress folder, copy its contents.
  4. Make yourself a coffee while you wait for the files to upload!

Now that you have a database and the WordPress files uploaded, you just need to activate the WordPress installation script by visiting your new site's URL in your browser.

Activating the WordPress installation script

To activate the installation script, you'll need to perform the following steps in your browser:

  1. In your browser of choice, type in the URL for your new site. Remember that if you've created a folder for your site, it will be http://yourdomain.com/folder, where folder is the name of your new folder and yourdomain.com is your domain name.
  2. You will be presented with the first of the installation screens, where you choose your language. Select your language and click on Continue.
  3. The next screen tells you what's coming up. Give it a quick read (and don't worry!) and click on Let's go!.
  4. The following screen is where you need to give WordPress some information about your database so that it can access it. Input the following:
    • Database Name: Enter the name you gave your database earlier
    • User Name: Enter the username you created for your database earlier
    • Password: Enter the password you assigned to your new username
    • Database Host: Leave this as localhost (unless your hosting provider uses a different hostname)
    • Table Prefix: Leave this as wp_

    You can see what I've entered in the following screenshot:

    Activating the WordPress installation script

    Fig 1.7: Entering your database details to install WordPress

  5. You'll now see a screen congratulating you on getting this far. Click on the Run the install button to continue.
  6. You're nearly there! All that's left is to enter your site details on the next screen:
    • Site Title: Enter the name of your site.
    • Username: Enter your username for logging in to your site (which is different form your database username—don't use the same username as this will make your site less secure).
    • Password twice: Enter the password you want to use to log in.
    • Your Email: Enter your e-mail address for notifications.
    • Privacy: Uncheck this for now as this is a development site and you don't want search engines finding it just yet. Don't forget to go back and check the box when you launch the site, otherwise you won't get picked up by Google.

    Here's what I've added:

    Activating the WordPress installation script

    Fig 1.8: Entering information about your site

  7. Next, you'll see the success screen. Click on the Log in button to access your new site.
  8. Now simply log in with your username and password and you'll be able to start administering your site.

The WordPress Dashboard and administration screens

Now that you've installed WordPress (whichever method you used) and logged in, you'll see the Dashboard screen. If you can see this screen, you've done everything correctly. Well done!

The WordPress Dashboard and administration screens

Fig 1.9: The main Dashboard screen in WordPress

But before you start configuring your site and adding content to it, let's take a moment to look at how this affects your old site.

Keeping your old site live while setting WordPress up

In the previous section, I mentioned installing WordPress in a subdirectory if you have an existing static site that you want to keep live while you create your new one.

Let's look at how this works:

  1. You install WordPress in a subdirectory, which has a different name from any of the pages in your site (if you have an HTML file with the same name as your subdirectory, the browser might go to the WordPress installation instead of that HTML page when a link to it is clicked).
  2. You uncheck the box, allowing search engines to index your site so that people won't stumble upon it when it's not ready. If you missed this step, you can make the change in the WordPress admin. Simply go to Settings | Reading and click on the Search Engine Visibility checkbox. Then, click on Save Changes. While WordPress does give you a warning that this is up to the search engines, in my experience, they do honor this and your site won't get found.
    Keeping your old site live while setting WordPress up

    Fig 1.10: The Reading Settings screen

  3. Once your new site is ready, you don't need to move it to the root directory; you just make a couple of small edits to the files and settings, and this tells WordPress that the site is in a subdirectory. We'll look at this later on in the chapter once your site is set up.
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
WordPress 4.0 Site Blueprints (Second Edition)
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon