AN INTRODUCTION TO WORDPRESS 

  On completion of this lesson you should:  

● Know your way around the WordPress Dashboard ● Know how to publish new web pages and blog posts 

  INTRODUCTION  WordPress is the world’s most popular content management system, used by more than 25% of websites on the internet. WordPress bridges the technology gap between web developers and ordinary people, allowing people of any experience level to quickly and easily build and maintain their own websites.  The strength of WordPress is in its quick installation and the massive user and developer community. This results in a large number of plugins and enhancements for the platform. Add to that a vast template library and easy file editing from within the admin screen and it’s quite clear why WordPress is used for everything from personal blogs to e­commerce websites.   WordPress.com vs WordPress.org  Before we get started, we should note there are two different WordPress websites:  

● WordPress.com ● WordPress.org 

 WordPress began life as a hosted blog platform at WordPress.com. You can still head to that website and sign up for your free blog. The problem with this solution is it cannot be customised ­ you are restricted to the tools that WordPress.com allow you to use.  For the rest of the lesson, when we talk about “WordPress”, we are talking about the software you can download at WordPress.org. This software gives you free reign to do anything you like to your website, including adding functionality, changing the look and feel, and even creating your own customisations. 

  What Is WordPress?  WordPress in a “content management system” (CMS) ­ that is, a program that allows you to quickly and easily create and publish web pages. You may have seen or heard of others ­ Joomla, Wix, Squarespace, or Drupal ­ but WordPress is by far the most popular, and the most supported.  WordPress is free and can be downloaded from WordPress.org. To make it work, you only need two things:  

● A domain name ● A hosting account 

 A hosting account is simply some space on the internet for you to store your website, and a domain name just points everyone to your website i.e. www.yourwebsite.com.au.  WordPress is also famous for its ease of installation. In most case, installing WordPress is a very simple process and takes less than five minutes to complete. Many web hosts also provide one­click installation of WordPress.  Who Uses WordPress?  With more than a quarter of the entire internet made up of WordPress websites, it is massively popular. A favourite with small business because of the low cost and ease of use, it’s also used by some very large brands, including:  

● Fortune ­ publisher of the annual Fortune 500 list ● The Rolling Stones ­ the world’s biggest rock band ● Time Inc ­ publisher of Time magazine, Sports Illustrated and NME ● Facebook Newsroom ­ Facebook’s announcement blog ● The New Yorker ­ popular American magazine ● 007.com ­ official James Bond website ● Usain Bolt ­ the fastest man on Earth ● Van Heusen ­ popular fashion label 

 We can safely assume that these brands aren’t using WordPress because it’s cheap ­ they’re using it because of just how powerful it is.   

HOW TO USE WORDPRESS  When installing WordPress, you set up a username and password to access the admin screen, known as the “WordPress Dashboard". The Dashboard is found in the wp­admin folder. To login to the WordPress Dashboard, just go to that folder in your browser and you will be prompted to login:  http://www.yourdomain.com/wp­admin/  If you ever forget your password, there is a “Lost Password” link on this page, which will email you a reset link.  The WordPress Dashboard  Once you’ve logged in, you’ll be greeted with a page that looks something like this:  

  The main menu is listed down the left side of the screen. As you hover your mouse over any of those items, secondary menus for each will appear.  Any time you’re logged in to the Dashboard, a grey bar appears along the top of the screen. This gives you the tools to switch between the public front­end of your website and the back­end Dashboard.  In the example above, if we put our mouse over the words “WordPress Demo” (which is the name of this website), we’d be given the option to “Visit Site” which 

takes us to the front­end. Then, when looking at the Home page of our website, we can use the grey bar to return to the Dashboard.  In the top right of the screen, underneath the grey bar, are two tabs that open when you click on them ­ Screen Options  and Help .  The Help  tab provides relevant links to the WordPress documentation, depending on which Dashboard page you’re currently viewing.  The Screen Options  tab allows you to show or hide various tools (or “widgets”) on each page of the Dashboard. For example, clicking on it from the main Dashboard page, we’d get the option to hide some of the items cluttering up the screen:  

  Unchecking the tickbox removes the item from the screen, and checking it again will put it back. You can safely uncheck Quick Draft, WordPress News and Welcome.   Posts vs Pages  Within WordPress, there are two ways of publishing content ­ Posts  and Pages . They’re both very similar, but are used for two completely different tasks.  Posts  are a throwback to when WordPress was used primarily as a blogging platform. A blog lists its posts in reverse­chronological order, with the most recent post being first, and the older posts listed below. For this reason, we typically use posts when publishing time­sensitive information ­ latest news, upcoming events, that sort of thing. The longer the post has been on your website, the less relevant it might become.  Pages  are used to publish content that is always relevant. Your Home page will be a page, plus information about services, contact information, and your personal or business profile.    

Creating Your First Post  To create a new post, put your mouse over Posts  in the Main Menu on the left, then click on Add New :  

  To create a post, give your post a title in the top section (where it says “Enter title here”) then start typing in the post editor ­ the large box below. When you’re done, simply click the blue Publish  button on the left and your post will be live on your website.  The post editor provides a number of tools you may already be used to using. With the buttons at the top of the post editor, you can highlight sections of text and make them bold or italic, you can create bullet points, and you can center the text. Hovering your mouse over each button provides an explanation as to what it does. Clicking on the last button (the Toggle Toolbar  button) provides another row of tools, allowing you to change the font size and colour, justify or indent text, and insert special characters.  There are two tabs on the right, above the post editor ­ Visual  and Text . This allows you to swap between the Visual editor (where you can see a visual represenation of any formatting) and Text editor (where you see the behind­the­scenes HTML code).  On the right, under the Publish  button, you have the option to categorise and tag your post. Categories  are broad topics you might want to write about. Tags  are the keywords used in this post. These are tools that allow your readers to find other posts you may have written in the same category, or using the same keywords. 

 You may also choose a Featured Image  to be representative of your post.   Uploading An Image  The Add Media  button on the left above the post editor allows you to upload images to the website in order to insert them into your post. It also allows you to access all the images that have previously been uploaded to your website.  Once you upload an image, there are a number of fields you need to fill in before inserting the image into your post:  

  Title  and Description  are for internal use, allowing you to find the image to use again at a later date. Caption  adds text underneath the image. Alt Text  is the most important field ­ it is used to describe the image so that visually impaired visitors know what they’re looking at. It’s also the text that the search engines use when ranking your website, so make sure you use your keywords there!  You also need to choose from the display settings. Alignment  is how the image sits on the page ­ choose Left, Right or Center, just don’t leave it as None. Link To  is where you decide what happens if someone clicks on the image. You can link to a custom URL, or to a larger version of the image if you’re only inserting a small version. Size  is where you choose the size of image you want to embed in the page. WordPress automatically creates smaller versions of your image when you upload it.  When you’re done, click on the blue Insert Into Post  button at the bottom right to use the image. In the visual editor, you can click on the image to further edit your image.  

 Creating a Home Page  Creating a page is almost exactly the same as creating a post, only you don’t have to worry about Categories, Tags and Featured Images.  By default, WordPress is set up like a blog, listing your Posts on the homepage of your website. You do have the option to display a Page as the home page, and relegate the Posts to a sub page.  First, you will need to create two pages ­ a Home page, and a Blog page. (You may choose to call your Blog page “News” or “Updates” ­ whatever you like.) The Home page will obviously contain the information you want to display on the front page of your website, but leave the Blog page content empty.  Once you have published both pages, put your mouse over Settings  in the Main Menu, and select Reading .  

  From here, in the Front Page Displays  section, you select “A static page”, then choose the pages you want as the Front page and the Posts page.   WordPress Themes  One of the really powerful features of WordPress is its ability to change the look and feel of your website. WordPress allows you to do that using Themes .  A Theme  contains all the instructions WordPress needs to layout a web page ­ things like what font to use, what colours, even mobile­responsive rules. You can upload multiple themes, but only one of them can be active at any one time. You change the look of your website by simply uploading and activating a new theme. When you activate a new theme, the old theme is automatically deactivated.  

From the Appearance  menu, you have the opportunity to view all the Themes that are currently installed, plus search or upload new themes.  

  In the above example, we can see the Twenty Sixteen theme is currently active. To activate one of the others, put your mouse over it and click on the “Activate” button.  To add a new theme, click on the “Add New” button at the top. This page allows you to search WordPress’s archive of themes. This archive can also be found here:  https://wordpress.org/themes  You might find a theme that works for you as you browse them, but most of them are not very professional. A better option would be to purchase a “premium” theme.  We use and recommend ThemeForest for all our premium WordPress themes. There are thousands to choose from and only cost around US$50.  You might be tempted to use your favourite search engine to look for “free premium themes” but many of the search results contain spam links and even malware, so don’t recommend you do this. We recommend using a professional provider instead.   WordPress Sidebars and Widgets  Under the Appearance  menu is the Widgets  option. Most themes have at least one “widgetized area” ­ an area that allows you to display various “widgets”. This area is usually a sidebar, but is often also sections in the footer or header of each page.  These areas are designed to allow you to drag and drop the various available widgets into them. WordPress comes with a number of default widgets, but certain plugins will also install additional widgets.  

For example, adding a Facebook feed into your sidebar can be done with an appropriate plugin. The plugin will create a widget, which you then drag into the area where you want it displayed.  This is what the Widgets page looks like.  

  The available widgets are on the left, and the widgetized areas are on the right. Simply drag the widget you want to use into the area you want it to be displayed. To remove a widget, drag it from the widgetized area back to the left and drop it. There is no need to save this page ­ as soon as you drop a widget in place, the website updates.   WordPress Menus  Also under the Appearance  menu, is the Menus  option. This is very similar to the Widgets area, allowing you to visually create menus for your website by dragging and dropping pages.  As well as adding Pages  and individual Posts  to your menu, you can also add Post Categories  and Custom Links .   The theme you are using will have at least one area to display a menu. You first create a menu by giving it a name, and selecting the items you want added to it. Once added, each element of the menu can be dragged and dropped into place. You 

can even create sub­menus by indenting pages under a parent page. In the example below, the various services are sub­pages of the Services page.  

  Once you’ve created your menu, you need to select the Theme location for this menu to be displayed from the available locations below. Unlike Widgets, you do need to click the Save button to save your changes.  There is a widget called “Menus” which allows you to display a menu in your sidebar. Create the menu first, then it will become available to choose within the widget.   WordPress Plugins  The other truly remarkable feature of WordPress is its ability to add functionality using Plugins .  Rather than making WordPress into a content management system that was all things to all people, the WordPress developers created a sleek, simple CMS that allows you to add extra tools as you need them.  Click on the Plugins menu to see what plugins are currently installed on your website. Most WordPress installations are loaded with two default plugins ­ Akismet and Hello Dolly.  

  Akismet  is a plugin that helps keep your website free of comment spam. To use it, you first need to sign up for an account with Akismet. It’s a really useful plugin, but a new websites don’t usually get a lot of spam. The longer your website has been online, however, the more likely it is that you will be targeted.  Hello Dolly  is completely useless ­ when you activate it, it displays a random line from the song “Hello Dolly” at the top of the Dashboard. It’s not designed to be useful ­ it’s designed to be an example of how you might get started writing your own plugin.  Each plugin has a link to Activate  it, Edit  it or Delete  it.  You don’t need to know the name of a plugin to install it. When you click on the “Add New” button, you can use the search tool to find what you are looking for. In the same way that the Themes  search works, this search looks through the WordPress archive of free plugins:  https://wordpress.org/plugins/  These free plugins are typically of a much higher quality than the free themes. Still, before you install, take a look at the information below the plugin:  

  Probably the most important thing to look for is when the plugin was updated ­ the more recently, the better. Another good indicator of quality is the number of active installs.  Like Themes, you can also buy premium plugins. But unlike themes, you will usually find a free plugin that does the job. You will find many of the best plugins are free, and come with a premium upgrade which adds extra features.  

Recommended Free Plugins  

● Yoast SEO ­ helps you optimise your content for the search engines ● Google Analytics by MonsterInsights ­ ads Google tracking to your site ● WooCommerce ­ allows you to sell products from your website ● iThemes Security ­ lets you protect your website from hackers ● WP Super Cache ­ speeds up the load time of your website 

 Recommended Premium Plugins  

● BackupBuddy ­ schedule backups of your website and store them offsite ● Gravity Forms ­ create contact forms using a drag and drop editor ● Visual Composer ­ adds many new features to the standard editor ● Revolution Slider ­ powerful plugin for creating sliders and carousels 

  Adding New Users  WordPress allows you to create additional users to help you manage your website. To create a new User, hover over the Users  menu and select “Add New”.  When creating a new user, there are several Roles you can choose from:  

● Administrator – Has access to all administrative options and features ● Editor – Can manage and publish posts. Traditionally, editors review posts 

submitted by contributors and then schedule them to be published ● Author – Can publish their own posts when they wish ● Contributor – Can write posts but cannot publish them. Instead, they need to 

submit their posts for review ● Subscriber – Has basic functionality such as changing their profile and leaving 

comments   WordPress Updates  From time to time, your WordPress installation, or your theme or plugins, will need to be updated. Updates may contain new features, bug fixes or security patches, so it’s important to keep everything up to date.  WordPress makes applying updates very easy. There is an Updates  page which can be selected under the Dashboard  menu item, but plugins can be updated directly from the Plugins  page, and themes from the Themes  page. 

 The vast majority of the time, clicking “update” applies the update with no problems. But be aware that occasionally updating a plugin, or WordPress itself, can cause a conflict that breaks some aspect of your website. We recommend you backup your website before running any updates.