Tuesday, 9 of March of 2010

Category » WordPress

WordPress: How to Add Blank Lines

One of the drawback in using a template website system like WordPress is that you often run into limitations as soon as you want to do anything ‘out of the box‘.

While you might think that a simple task like adding a blank line after a paragraph or an image should be easily done, unfortunately, it’s just not the case.

There are two ways around this. Neither are great. (If you know of another solution, let me know!)

HTML Mode Solution:

Add the following code whenever you want an extra line feed:

<div style="height:25px;"></div>

The height of 25px is approximately 2 line feeds. Adjust it to any number you like.  When you add this code in HTML mode, stay in HTML mode, then Publish your changes. If you switch to Visual mode, the code will disappear.

Visual Mode Solution:

Add a  horizontal image the same colour as your post background where you want the blank space to appear. (In this case, the image is white.)

Below this line there is a white image 25  pixels high with no borders:
spacer_H_25

The above image is causing this line to appear twice as far down as it normally would.

For even more space, here is an image 100 Pixels High:

spacer_H_100

Feel free to use these ’spacer’ images in your posts.

For the 25 pixel spacer, enter the following URL in the Image URL box after you select the add an image icon and the From URL tab:

http://www.smvancouver.ca/wp-content/uploads/2009/11/spacer_H_25.jpg

Use this URL for the 100 pixel spacer:

http://www.smvancouver.ca/wp-content/uploads/2009/11/spacer_H_100.jpg

Once the spacers are in your post, they can  be made  thinner by clicking on the image, selecting the mountain icon to edit the image, and selecting either 60%, 70%, 80%, or 90%.  Then click on the Update button at the bottom left.


WordPress: Adding New Pages and Posts

Adding Posts to WordPress is almost identical to adding pages. The only difference is that you have the option to assign the post to a category. All of the following applies to both Posts and Pages.

When you first login to WordPress you will see your Dashboard which will look something like this:

The left column has all your navigation buttons. Under both  Posts and Pages you have the option to  Edit or Add New. Under the Pages Sub-menu, click on Add New.

This will bring up the Add New Page Screen:

Enter the name of your new page in the thin white box at the top. For example: About , or Services. The larger white box below will contain the text and images for your page.

WordPress has 2 modes for entering text: Visual and HTML. Visual is a what-you-see-is-what-you-get (more or less) mode, whereas in HTML mode you can see and edit the actual HTML code for the page. Simply click on each tab to toggle back and forth between modes.

Button Icons

With only a few exceptions, you should always use Visual mode. The above image is in Visual mode as there are two rows of icons. In HTML mode you will only have one row of icons.

Many of the icons you will be familiar with from using Microsoft Word such as bold, italic, underline, paragraph justification, font colour, indent and bullet list. These can be applied to any text on the page by highlighting the text, and clicking the desired button.

Hovering over the button will give you a brief description of what the button does. Here are the most common buttons you will need to become familiar with:

Read the How to add Images post to learn more about uploading photos to your site.

Block Quote

Block Quote will indent the highlighted text. Exactly how the text will appear on your website will depend on the theme you’ve chosen. Different themes handle block quotes it different ways.

This is a Block Quote.

Adding Links

Whenever you would like to add a link either to an external website, or another page or post within your website, highlight the text you would like to display for the link and click the chain-link icon.

This will bring up a mini-screen where you enter the URL of the webpage you would like to link to. Simply copy and paste the URL (including the http://) into the top box.

The drop down box below labeled Target will allow you set whether you would like to open the destination link  in a new window, or in the same browser window.

My general rule of thumb is to open external websites in a new window, and links to my own website in the same window. Click on the Insert button once you’ve set the target.

Paragraph

This drop-down menu is called Paragraph, but you only need to use it when you would like to format a heading within your page. There are 6 sizes of headings. I generally just use Heading 1 or Heading 2 and just use bold on the regular size text for smaller headings. Different themes handle block quotes it different ways:

Example of Heading 1

Example of Heading 2

As all Posts have a Title, often there is no need for an additional heading. You may wish to add sub-headings to break up a long post and divide it into sections.

Great for SEO

Another advantage of using Headings is that they are more likely to be picked up by search engines than your regular text, especially Heading 1.

Editing Pages

Once you’ve added some content to a new page it’s a good idea to save is as a draft. Pages saved as drafts will not appear on your website. You can sign out of WordPress and come back anytime to continue working on the page.

When you are wish to make changes to previously saved pages, click on edit pages under the dashboard menu. You will then see all your pages listed. Pages listed as draft beside the page title are not visible online. Only pages listed as Published (under the date column at the far right) are visible.

Select the page you wish to edit and hit the Preview button to see what the page would look like if you were to Publish it. Once your happy will your page, hit the Publish button, and the Page will be visible by anyone online.


WordPress: How to Upload an Image

When uploading images to your website, you should make sure they are a reasonable size. Large, high-res image take longer to load, and WordPress with re-size them anyway. Here’s a good rule of thumb for image sizes:

  • Maximum 96 dpi.
  • Maximum Width: 600 pixels (or whatever your column width is)
  • Maximum Image size: 150 kb

There are exceptions of course, like your website header for example. Ofter they are over 900 pixels wide.

Most image formats will work with WordPress such as JPeg, Giff, Tiff, and PNG. PDF’s are handled differently.

Before you upload a new image onto your page, place your cursor where you would like the image to appear. You can move the image later, but it’s easier to place it in the correct spot to begin with.

Hit the Add an Image button and the follow window appears:

Click the Select Files button. Then you will a see larger box with the following at the bottom:

The important information here to set is the Alignment and the Size.

Image Alignment Options:

None: Your image will be left justified on your page. Text above the image will appear above it, and text below the image will be below it. No text will be displayed to the right of the image.

Center: Your image will be centered on your page. Text above the image will appear above it, and text below the image will be below it. No text will be displayed to the right or left of the image. (Some Themes will not allow the Center option.)

Left: Your image will be left justified on your page. Text below the image will be displayed to the right of the image.

Right: Your image will be right justified on your page. Text below the image will be displayed to the left of the image.

Image size Options.

Usually you will select the far right option, as this is the maximum size your image can be displayed. Select one of the smaller options if you would like your image reduced in size.

When you’ve set the desired alignment and size, hit the Insert into Post button.

Editing Images

Once your image is in your post, you can still change the size and alignment. To edit or delete an image:

Click on the image. A mountain icon and a delete icon will appear:Click on the mountain icon and another screen will pop up where you can change the image size and alignment.


WordPress: The Difference Between Pages and Posts

WordPress has two ways of displaying content to your site – Pages and Posts.

Both Pages and Posts can include any combination of text and images and can be added to or changed at any time.  Here are a few of the key differences:

Pages

WordPress Pages are a lot like traditional webpages. They form the basic framework of your website. Unlike a traditional website, with WordPress you can easily add new pages, or change or delete existing pages.

While you can create as many pages as you like to your WordPress site, common pages include:

  • Home Page
  • About US
  • Contact
  • Products
  • Services
  • FAQ
  • Blog

Using short, one or two-word page-names is useful, as more pages can then be listed on your pages menu or Navigation bar (Nav-bar):
nav_bar example

Whenever you add a new page it will automatically appear on your list of pages in your Nav-bar. Simply clicking on an of the Page names will automatically take you to that page.

Like all pages in WordPress, you can name them whatever you like. This page of your website doesn’t have to called ‘Blog’, it can be easily called ‘News’ or anything else.

Once set up, Pages generally stay the same from day to day. The big exception is the Blog Page. The Blog Page is where all your new posts will appear and will change every time you add a new post.

More on WordPress Pages.

Posts

Posts are used to easily add new information to your website. They will appear one after the other on the Blog page with the most recent posts on top.

Your blog is a great place to post any news about your company. You can announce a new product or service, profile an existing client, or point to a link on another website that might interest your readers.

The title you chose for a post is usually longer, and more descriptive than a Page title. This makes it easier for readers to look through your posts and find the specific post they are interested in.

Posts can also be assigned to different categories to group similar post together. You can chose as many categories as you like. This post is listed under the WordPress category.


WordPress SEO – All in One SEO Pack Plugin

The easiest and most effective way top optimize your WordPress site is with the The ALL in One SEO Pack Plugin.

The ALL in One SEO Pack Plugin gives you full control over your  titles, keywords, and descriptions for each page and post.

Home Page SEO

Once installed and activated, select All in One SEO from the Settings menu.

all_in_one_settings

Check Enabled beside Plugin Status.
As your home page is the most important page in your website in terms of SEO, take some time to decide what your keywords will be and ensure they appear in the following sections:

all_in_one_seo

Title:
This is the most important field in terms of SEO. It’s also the text that appears in the top bar of the browser for anyone viewing the page. Place the most important keywords for each page at the beginning of page title for the greatest impact. As your page Title is also used a s the underlined title in the Search Results, be sure your title is readable and encourages searchers to click through.

Description:
Search Engines use this is the information to display what the page is about in the search results. A good description can also encourage visitor to click through to your site. Any keywords searched with will appear in bold.

Keywords:
While Google has long ignored this field do to misuse, there’s no harm in copying your keywords from the page title into this field and separating them by commas. It doesn’t take long, and some search engines may still use the keywords tag.

Just leave the Title Attribute and Menu Label fields blank.

Hit the Update Option button at the bottom to save your settings.

SEO for All other Pages and Posts

The information entered from the Settings menu will only apply to your home page. For every other page and post, the same boxes will appear at the bottom of the page under All in One SEO Pack.

If you leave the title blank, the default tile will be the name of your post, followed by the name of your blog. For some posts this may be perfectly acceptable, but it’s nice to have the ability to override this whenever you like.


Make Your WordPress Blog Look Like a Website

How to Make Your WordPress Blog Look Like a Website

More and more small business are using WordPress as their primary website. While traditionally known as a powerful blogging platform, WordPress can also be used as a flexible, low-cost alternative to designing a website from scratch.

The key to making your WordPress site look more like a Website and less like a blog is the use of Pages, rather than Posts. Unlike posts which are constantly updated, pages can be designed once, then left alone.

Here’s an example of a WordPress site using the Vigilance theme (Just one of over 1,000 free templates)

Nav Bar Across the Top
Selecting a theme with a Nav Bar across the top automatically makes this home page seem more like a website, and less like a blog. The effect is even greater due to the elements that are NOT there. Notice there is no mention of comments, pings, categories, blog rolls, or an achieved list of posts.

Call to Action on Every Page
In this example, when navigating to the other pages, the right column will remain the same on each page. The advantage to this type of layout, is that the big orange button with my phone number on it (my ‘Call to Action’) is visible on every page.

The right column is made up entirely from easy to manage widgets. Widgets are point-and-click, fill-in-the-blanks preset elements like photos, lists of services, and quote boxes for testimonials. No programming required.

Make a NEWS Page
A common reason I hear small business owner give for not starting a blog, is the time it will take, and the added pressure of feeling they have to keep posting to their blog on a regular basis.

One simple solution is to call your website updates NEWS instead of BLOG. If you don’t feel like updating your website, you don’t have to! But any time you wish to announce the completion of a new job, introduce a new product or service, or run a promotion, just add it to your NEWS page.

Single-column Themes
Another option is to select a single-column theme allows you to have each page look completely different. With thousands of free or low-cost themes, you’ll certainly be able to find one that matches the look and feel of your business. Check out the Free Themes Directory to find one you like.

Here’s another post from Louis Lazaris on how to Make Your WordPress Blog look like a Website.

With a WordPress Website you won’t have to call your web designer every time you need to update your site. Hosting costs range for $5-$7 month and I charge $300 for my WordPress Setup Service
Call 604-817-1032 for more information. I’d be happy to help!


Selecting WordPress Themes for SEO

When it comes to Selecting WordPress Themes. Some are better than others in terms of SEO. One feature you should look for is the ability to customize your footer. As the footer will appear on every page, it's a great place to place your keywords.

When it comes to Selecting WordPress Themes. Some are better than others in terms of SEO. One feature you should look for is the ability to customize your footer.

As the footer will appear on every page, it’s a great place to place your keywords.

Here’s an example using the Constructor WordPress theme from a WordPress site I set up for Vancouver environmental painting company, Metal Dog Painting.

By including their areas of services in the footer, they increase their chances of appearing in the search results for those areas, without having to repeat them on each page manually.

The footer is low-key is a light grey colour, so it doesn’t detract from the desired focus of each individual page.

Regardless of the theme you chose, you should always add the All In One SEO Pack. This will also you to have complete control of the Title Tag on your Home page, and will automatically generate an SEO Page Title for each post.

While your at it, install the Google Sitemaps Generator as well so your sitemap is automatically updated every time you add a page or post.

If you would like a WordPress Website or Blog Setup for your company, call 604-817-1032. It’s a great place to start if you don’t yet have a website.