Step 4: Learning WordPress

Step 4: Learning WordPress

WordPress Basics

WordPress enables website owners to update page content and operates a blog page through a friendly interface (avoiding the need to learn web design skills).

Before beginning, it’s really important to understand the difference between pages and posts.

Your website will consist of any number of web pages containing updatable content. One of the pages is the blog page (unless you’ve chosen not to run a blog/news page). The blog page can sometimes be set as the home page or it might be a completely separate page called News, instead of Blog.

Wordpress Fundamentals

Posts

The blog page of your website automatically lists individual stories (posts) added by yourself. These can be of any length – short punchy updates or incredibly long features or stories. It’s your choice…

Posts are often dated marked (and sometimes the post author is displayed also). They appear in reverse chronological order; as you publish new posts, older posts get pushed down the page. If you’re blogging a lot, it can help users if you categorise your posts. But speak to your designer about this first.

Your design will determine how many posts are listed on your blog page. If you’re showing too few or too many posts, there’s a simple setting to control this in the admin area. You might need to ask your web designer to change this for you.

Once a post drops off the bottom of the page, it can still be accessed using other methods (e.g. ‘Older Posts’ links and Archive pages). And of course, each and every post is individually indexed by search engines.

Pages

Pages are more permanent. Typical examples would be your home page, About us, Contact us, etc. Here’s a good explanation from WordPress.com:

Once you publish them, they stay put. They’re handy for timeless content, like an About or Contact Me section. This stuff probably isn’t going to change very often, and you want your visitors to be able to access it easily no matter where they are on your site. Your pages are displayed in a menu somewhere on your blog that’s always visible (usually up near your header or in a sidebar), so people can explore your site with ease.

Before updating your website, be clear in your mind about the task you wish to perform. Are you updating a page or a post?

Logging into WordPress

1. In your favorite browser, go to:
www.yourwebsiteaddress.co.uk/wp-admin

It’s important to use a high-quality browser such as Firefox or Chrome. Issues are known to arise with other browsers.

2. At the login screen, enter your username (or the email address for your WordPress account), password and click ‘Log In’.

The WordPress Log in box

Forgotten your username?

If you have forgotten your username (or the email address for your WordPress account), you will probably need to contact your web designer for a reminder.

Forgotten your password?

If you have forgotten your password, click the ‘Lost your password?’ text link.

On the next page, enter your username or email address and click ‘Get New Password’. You should receive a link to create a new password via email.

If all else fails, contact your web designer who will be able to reset your password for you.

Using the Admin bar

If you can see the Admin bar (as shown below) you are already logged into WordPress and can click on your website name (in the Admin bar) to go to your Admin Panel.

The WordPress Admin bar

Editing pages

You must be logged in to edit pages.

Method 1 – from the Dashboard

  1. Click Pages (left sidebar)
  2. Click the name of the page to be edited
  3. Edit as required and click the Update button
    (don’t forget to do this!)

Editing Pages in WordPress via the Administration Panel

Method 2 – from the Admin Bar

  1. Go to the page to be edited (on the live website)
  2. Click Edit Page (top right of Dashboard)
  3. Edit as required and click the Update button

Editing a page in WordPress via the Admin bar

Writing Blog Posts

You must be logged in to write blog posts.

Don’t forget to categorize your blog post if required. Categories can be selected using the tick boxes presented.

Method 1 – from the Dashboard

  1. Click Posts (left sidebar)
  2. Click Add New
  3. Add a title and post content
    Select a relevant category (if required)
  4. Click the Publish button (don’t forget to do this!)

Adding a post in WordPress via the Administration panel

Method 2 – from the Admin bar

Adding a post in WordPress via the Admin Bar

  1. Click New > Post on the Admin bar
  2. Add a title and post content
  3. Click the Publish button (don’t forget to do this!)

 

Adding images

  1. Before proceeding, log into WordPress and open the appropriate page or post for editing. Also, ensure that you know the name and location of the image to be added. Your image should be a JPG, GIF or PNG type file.
    For example, it could be a file called beach.jpg and could be located on your desktop or in your Pictures folder.
  2. Next, position the cursor carefully where the image is to be added. You are advised to position the cursor at the very start of a paragraph or heading (or blank line). It’s best to avoid positioning the cursor within text. You will be able to align the image relative to this position later.

WordPress Add media button

  1. Click the Add Media button (above the toolbars)
  2. Click Upload Files if adding a new image (or Media Library if adding an image already uploaded).
  3. Click Select Files and locate the file to be uploaded. WordPress will now import your image to its media library, ready to be used wherever needed.

upload-file

  1. When the image has been uploaded, complete the options using the help notes further below. Then press the Insert into Page/Post button.

Add Media dialog box Options

  • Title: A short text description of the image
  • Caption: Not required unless your design supports the display of image captions
  • Alt Text: Usually the same as the title
  • Description: Usually not required
  • Alignment: As required. None usually works better when the image is positioned on a blank line (paragraph). Left and Right works best when the image is being positioned with text or headings. The available text will wrap around the image automatically. Center is often avoided.
  • Link URL: Leave blank (None) or select Media File if the image is to be linked to the full-size version (this allows the user to enlarge the image). You can also link to any web address (URL) of your choice. This could be to another page on your website or an external web page.
  • Size: Choose as required. If the sizes displayed are not appropriate for your design and layout, you may need to speak with your web designer. NB – If the image is too large for the containing element, this may cause the layout to break.

Changing the options after an image has already been inserted…

If you wish to edit the options for your image, click the image once and then click the ‘Edit’ button (pencil icon) which appears. Alignment options can also be changed quickly here. There’s also a button to delete an image (displaying a cross).

Editing an image in WordPress

Another way to create image links

The Insert Link button on the Toolbar can also be used to create linked images (select the image first).

Imsanity! Compress your images to a sensible size

TIP: We recommend the use of image compression plug-ins such as Imsanity. This will automatically resize your image to a sensible size. This is especially important if inserting images which have come directly from a camera. This will save valuable disk space on your hosting server.

If you want to edit an image previously uploaded, go to your Media Library, click the image you wish to Edit and then use the ‘Edit Image’ button underneath the image.

Edit Image in WordPress

The Media Library

All the images uploaded to your website can be viewed and edited in the Media Library. Click Media in the left-hand navigation menu of the dashboard to view.

 

Have Me Set Up Your Blog For Free Today!FREE BLOG SETUP