PROJECT: Build a blog and a website


Project - Credit: 500px.com/photo/7575310In this project, you'll create a blog and website suitable for a publishing project or an author. The project will help you learn the concepts we've covered in the course so far. It will also provide you with a website and blog that you can use, with a little extra work, for your own marketing.

The project is in three parts:

  1. In Part 1 you'll learn how to set up a blog by actually creating a WordPress blog hosted on WordPress.com.
  2. In Part 2 you'll turn this blog into a fully-fledged website that promotes a book and an author.
  3. In Part 3 you'll use your new WordPress site and its content management system to create search engine-friendly articles.

So set aside some quiet time, turn off the distractions, and let's get started.

Image Credit: http://500px.com/photo/7575310 

Preliminary


We’ve created video tutorials to take you through each step. You’ll probably need a couple of hours and each part of the project is self-contained so you can break it up over two or three sessions.

Some preparatory items:

  • We suggest that you open a new browser window or tab for WordPress so that you can keep these instructions open to refer to.
  • The website you create will be a live website ready to use in your business if you wish. If you don’t wish to use it, you can delete it afterwards.
  • You cannot re-use the name of a deleted site. So if you plan to delete your practice blog, don’t choose a name that you might want to use in future. Wordpress.com site names are in the form sitename.Wordpress.com. You can, however, attach your own domain name to a WordPress.com site for a small charge.
  • We’ve supplied the images and placeholder text files we use in the video tutorials. You can download these demo files and use them in your project, or use your own files. If you use the demo files, you can easily delete and replace them with your own files later.

While WordPress is free and relatively simple to set-up and use, it’s very powerful and will handle a lot of traffic. It’s now the most popular content management system on the web for both large and small sites, so you’ll be in good company if you use it.

TIP: When doing this project, you’ll find it easiest if you open separate browser tabs or windows for this page, for WordPress.com, and for the video tutorials.

To open links in a new browser window or tab:

  • Windows: Right-click on the link, select New tab or window
  • Mac: Control-click on the link, select New tab or window
  • Tablets: Press and hold the link, select New window (Note: this exercise is best done using a computer)

Part 1. Build a blog using WordPress


My Demo WordpPress BlogObjective

Create a blog using the free hosted service WordPress.com.

Steps

  1. Go to WordPress.com, click the Get Started button.
  2. Complete the registration details.
  3. Choose your preferred customization options.
  4. Click Finish. You’re ready to start posting articles.

Resources

1. VIDEO: This video will take you step-by-step through setting up a WordPress blog

VIDEO: How to create a blog using WordPress (4:59)

TIP: We’ve provided an index of topics on each video so that you can quickly go to the section you want. To access it, click on the video title. This will open the video in YouTube where you’ll find the video index.


2. DOWNLOAD Project files

[wpdm_file id=6 title=”true” desc=”true” ]

Part 2. Customize WordPress and turn it into a complete website


Objective

Turn our WordPress blog into a complete website including a ‘proper’ home page and sections for each main topic.

We’ll do this by customizing its appearance, adding features to expand its usefulness, creating additional sections and a homepage, and adding website navigation.

Steps

  1. Log into our WordPress.com blog and go to the dashboard.
  2. Go to Appearance. Choose and customize a Theme, Header, and Background.
  3. Add and customize widgets.
  4. Add pages for new sections.
  5. Change Settings.
  6. Add a custom website menu.
  7. Finish. Your website is ready for you to add content that is easily screen-readable and search engine-friendly.

Resources

  • VIDEO: This 2-part video will take you step-by-step through customizing your WordPress blog then turning it into a complete website.
VIDEO: How to create a website with WordPress.com— Part 1 of 2 (13:12)

TIP: We’ve provided an index of topics on each video so that you can quickly go to the section you want. To access it, click on the video title. This will open the video in YouTube where you’ll find the video index.


VIDEO: How to create a website with WordPress.com— Part 2 of 2 (7:00)

TIP: We’ve provided an index of topics on each video so that you can quickly go to the section you want. To access it, click on the video title. This will open the video in YouTube where you’ll find the video index.


Part 3:  Creating articles that are easily read on-screen and search-friendly


Objective

Create articles for our WordPress blog and website. We’ll use techniques that produce posts which are easily read on-screen and rank well with search engines.

Steps

  1. Log into our WordPress.com website and go to the dashboard.
  2. Add text to a new post.
  3. Follow 4 steps to produce easy-to-read copy.
  4. Follow 4 steps to produce search engine-friendly copy.
  5. Insert images and image metadata.
  6. Add categories and tags.
  7. Publish post.

Resources

  • VIDEO: This video will show you how to use the WordPress editor to produce effective posts.
VIDEO: How to create a screen-readable, search engine friendly article using WordPress.com (11:55)

TIP: We’ve provided an index of topics on each video so that you can quickly go to the section you want. To access it, click on the video title. This will open the video in YouTube where you’ll find the video index.


Summary of the main steps.


Click to see a summary of instructions for setting up a WordPress blog and website

Here’s an outline of the steps to create a WordPress blog, then add the extra website features.

  1. Go to WordPress.com
  2. Sign Up for a free account then Login
  3. Go to Appearance > Themes
  4. Choose a theme (site design) and Activate it
  5. Go to Settings > General
  6. Add your site’s Title and Tagline
  7. Go to Posts > Add New
  8. Write your first story by adding a title and some text then click on Publish. Your first post is now live.
    This is all you need if you only want to blog. If you want to add features of a full website, continue with the set up.
  9. Go to Pages > Add New
  10. Write some copy for a home page. Give it a title (eg Welcome)
  11. Repeat for additional pages (About, Books, Contact, etc)
  12. Add a blank page with the title Blog
  13. Go to Settings > Reading
  14. For Front page display select A static page
  15. Choose a Page for the Front page (your Welcome page)
  16. Choose the Blog page for the Posts page (this will be your blog)
  17. (Optional) The following will vary, depending on the theme you’ve chosen.
  18. Go to Appearance > Menus
  19. On the top right corner, type in a Menu name and select Create Menu
  20. Under Theme locations, select this new menu and Save
  21. Under Pages, check the pages you added and select Add to Menu
  22. The pages will appear on the right. Drag them into the order you want.
  23. On the right of each page, click the down arrow symbol and type a Navigation Label, eg Home. This is the name that will appear on your website’s menu.
  24. Save Changes
  25. You’re done!

 

VIDEO: Learn about editing HTML and CSS to tweak your new WordPress site


VIDEO: Don't fear the internetYou can do a lot to make your new site your own without knowing any programming. But if you want more control over the site’s look and its content, it’s worth understanding a bit of basic HTML and CSS, the two main technologies behind the web.

Here’s a link to seven short, fun video tutorials called Don’t Fear the Internet. (They are oddly arranged in reverse order: the first video to view is the last one listed.) In a very simple style, they cover basic HTML and CSS, and show you how you use them to modify your WordPress site.

Note that, if you’re running a free site hosted on WordPress.com, you’ll need to pay a small upgrade fee to gain access to your site’s CSS. You can do this from within the Dashboard.

Resources


Find out more about this topic on our Digital Publishing 101 useful resources site.

 

Feedback Icon Feedback or suggestions for this page
(Visited 175 times, 1 visits today)