Over the years, their business has outgrown the available functionality. They specifically wanted a photo gallery and we recommended additional pages for their website visitors, and for better visibility in the search engines.

We redesigned the look of the website, and also arranged to the have the hosting account changed from Windows to Linux so that we could install Wordpress without any problems. The old pages were recreated and a couple of new pages added, including a photo gallery of some of the luxury bathroom projects already completed by Protea Bathrooms.

Protea Bathrooms are utilizing our content management services due to a lack of available time to add the content themselves.

Matt Cutts from Google made a little Youtube video in which he discusses adding tags and categories from a search engine perspective. He says that Google can tell what your post is about, so tags aren’t needed. However, some aggregators use categories to show up in different feeds, so they are quite useful.

We build websites on Wordpress, which means search engines can easily find out what the crux of your website is. I’d like to reiterate that any posts that you write, must be written for your website visitors (and not search engines). If your visitors find tags and categories handy, say for navigating or searching for related content, then add them in a thoughtful way. Otherwise, you don’t need to ;-) Check out the video below.

]]> http://webdesign.marvic.biz/google-video-about-categories-and-tags/feed http://webdesign.marvic.biz/marketing-via-viral-videos http://webdesign.marvic.biz/marketing-via-viral-videos#comments Thu, 25 Jun 2009 07:25:39 +0000 admin http://webdesign.marvic.biz/?p=1085 Wildlife photographer Yvonne van Mey takes gorgeous wildlife and nature photos and to let more people become acquainted with her work, Nico Bulder (wildlife oil painter and Youtube fan) made a beautiful little video of her photos depicting the four seasons in the Veluwe (Dutch wildlife nature reserve).

Youtubers will be more than happy to share this video with their friends and family, and as a result Yvonne will become even more well known for her work. A great example of marketing through a viral video (watch the video below).

Go to Google Maps and type your street address in and press . Ensure that the map shows the right address! On the top right hand side of the map, you’ll see three links: Print / Send of Link. Click on Link.

Click on Paste HTML to embed in website. Then you’ll see some html code that you need to copy and paste into your website page.

If you’d like to change the size of the map, or adjust other details, then click on Customize and preview embedded map, and follow the instructions on the screen. At the bottom of that page, you’ll see a block that has the altered html code for you to copy.

• Press <Ctrl+A> to select all and then <Ctrl+C> to copy it to the clipboard.
• Go to the page/post where you’d like to insert the map.
• Now here comes the advanced bit … click on the HTML button on the top right
• The press <Ctrl+V> to paste the html code into the page.
• Then click on Wysiwyg and make changes to the rest of the page.
• Click on Save Draft and then on Preview.
• When you’re happy with the page, click on Publish.

Tip: it might be easier to copy and past the html code first before making changes to the rest of the page, otherwise you need to find the spot within the html code view, which can look rather daunting. Using wysiwyg (what you see is what you get) is easier than editing in html view.

View Larger Map

How can I show my company name on the map?

You need to add your business to Google Maps (follow the instructions on the screen). Once your business has been added, then you can type in the business name and use that as the location. Add the map using the instructions shown above.

Our first priority was to find a hosting company that spoke both Swedish and English, and then after Sandra had registered their website, we installed the content management system and database and replicated the design. Värmlands Parkett Slipnings Service is live.

The look of the website was kept the same, but the header needed to be altered to reflect the Swedish business name and slogan. Sandra sent us the translated pages by email, and we recreated the site for them. It was great fun seeing familiar words in a completely foreign language and how they all tie up together!

We wish Sandra and Rudolf a lot of success with their business and happiness in their new home.

There is room for a few changes, but if you want to try more options, like a different colour here or another font there, or perhaps change the layout again, then these changes will be charged for separately on an hourly basis. A fair method for everyone!

We’d also like you to consider the functionality that you’re getting with your website - a content management system (CMS) with full interactivity for your visitors.

We build sites using Wordpress, which is an open-source software program built by volunteers for free. That’s right … free! If you paid someone to build a CMS for you, it would cost anywhere from $ 10,000 to perhaps $ 100,000, depending in your requirements.

WordPress is both free and priceless at the same time

Wordpress is constantly evolving and changing with the times, and because the developers aren’t being paid for their work, they don’t have the time to ensure that it works 100% all the time.

It’s very likely that you’ll encounter a couple of glitches and snags along the way. For the most part, fortunately, it works beautifully and is easy to use.

It’s important that you know we’re not providing you with an absolutely flawless system.

If you are looking for perfection, then please rather contact a web developer and be prepared to pay $$$$$’s. There is an excerpt below and a table showing what different types of websites could cost to build.

Boiling down the cost of building a web site is like boiling down the cost of commissioning a portrait: prices vary widely, depending on who’s doing the painting and who’s doing the paying. Still, here’s our best effort to sum things up:

[Source: The Price of Ignorance]

1. What is the purpose of the picture?
2. Edit the photographs (resize your pictures)
3. Add photos to your post
4. Add a link (optional)
5. Save draft or update post

What is the purpose of the picture?

It makes your life much easier if you decide beforehand which pictures you’d like to add and where, and what the purpose of the picture will be, because that will determine its size. For instance,

• small pictures can be floated on the right/left hand side of your text (e.g. 75 to 150 pixels wide), or
• medium pictures that have a bigger impact, but are small enough to let the text float around it on the left or right hand side (e.g. 130 - 350 pixels wide)
• big pictures with no text on either side - the maximum width depends on how wide your text column is.

Edit the photographs (resize your pictures)

Depending on the purpose of the picture, resize your photograph accordingly (see point above) in your favourite photo editor like Photoshop, Paint, Picasa, VSO Image Resizer, …

Add the picture to your post

Once you’ve got the right size for your photo, add a new post or edit an existing post, then place your cursor at the beginning of where you’d like the top of the picture to start from.

• Click on the “Add an Image” next to Upload/Insert at the top of the post editor.
• Select “Browser Uploader” (you can use “Flash Uploader” but sometimes it’s a little wonky and then frustrating to work with).
• Find your photo and upload it.
• You’ll then see a small version of it and the name of the photo will automatically appear.
• Change the Alt text to be something recongnisable (this appears when someone hovers their mouse over the picture).
• Add a caption that should appear underneath the photo (optional)
• Select the alignment for the photo, with respect to the text immediately after the photograph.
• * “Left” will make the text flow around the right side of the photo, good for smaller photos / thumbnails
• * “Right” will make the text flow around the left side of the photo, good for smaller photos / thumbnails
• * “None” will left-align the photograph, good for larger photos
• * “Center” will place the photo in the centre of your text, good for larger photos
• Then select full size
• Click on Insert into Post
• Click on “Save Draft” or “Update Post”

Because you’ve already made your picture the right size, you can select Full Size. Remeber it’s better not to add large photos, because they gobble up the disk space of the website and slow down the loading/viewing time for people reading your posts. Your photo should appear where your cursor was before you clicked on “Add an Image”.

Add a link to your photo

Firstly, go to the target website page that you’d like to link to - this can be on your website or on another website. Then copy the URL (http://…) and go back to your post and click on the photograph to which you’d like to add the link.

The easiest way to add a link to a picture is the same way for adding a link to text i.e. once the picture (or words) are selected, click on the link button at the top that looks like little links in a chain.

A little window will pop up, where you can paste the URL into. Then if the website is external i.e. not your own, select the target as “Open in new window”. Otherwise you can leave this option as “Target not Set”. Click on Insert.

Remember to save your post and check that your photo(s) are loading properly and any links that you’ve added are working properly.

Pre-emptive Troubleshooting …

If you need to move the photo to a different place, you can just click and drag it, but this doesn’t always work as well as it should! Because the html codes sometimes get all mixed up, I find it much easier just to delete the photo and insert it again into the right spot.

This time you can select “Media Gallery” instead of uploading the photo again from your computer, unless of course if you’d like to change the photo altogether!

When you copy any text and paste it into your Wordpress page or post, it’s most likely that the underlying style codes will be copied too. These codes will override the style sheet that is set out in your web design and show each article with different fonts, colours and sizes. This could also happen when you copy and paste text from e-mails (or other sources). 

So what if it’s completely different? Will the sky fall on my head?

Perhaps. Perhaps not.

Personally I prefer the information I’m reading to look uniform and neat, but then I’m rather pedantic. Other people might enjoy reading posts that look different to each other, with a mish-mash of fonts, colours and text sizes.

It could come across as being free-minded and fun-loving, but it could also be (mis)interpreted as being scatter-brained and that you’ve lost sight of the ball. Hmm.

Hang on a mo’ … before you get the wrong idea - I am not saying that your writing should be boring or not show any imagination! It’s just better if the styling is done in a uniform way and with purpose. Take a look at How to Style Your Text to get great looking website pages.

So how do I copy and paste text without the underlying codes?

In the text document or e-mail, highlight the text that you’d like to use in your article. Press <Ctrl+C> to copy the text to your computer’s clipboard. Then instead of pasting it directly into Wordpress, you need to make a quick detour.

In Vista, go to the Windows Start button, All Programs, Accessories and choose Notepad (you can normally find Accessories quite easily in the other versions of Windows).

Then you’ll get a blank screen in Notepad. Press <Ctrl+V> to paste the text. You’ll see the text appear in the blank window. Then, to make sure you’ve selected everything, press <Ctrl+A> to select all. Press <Ctrl+C> to copy it again.

Now go to your Wordpress post (or page) and place your cursor (left-click with your mouse) in the spot where you’d like to insert the text. Then press <Ctrl+V> to paste it. Voila!

Your text has been copied without any underlying codes. Now you can style the text to suit your website.

Hang on a minute … there were pictures too, but now they’re gone!

Okay, you’re on to me.

Notepad is a basic text editor and doesn’t know what to do with pictures. You on the other hand are bright and intelligent and can insert an image yourself through Wordpress.

Or it might work if you copy the picture itself and paste it into the right spot.

Might … what kind of training is this?

The path of the image plays a role in whether it will appear in your post or not. Sometimes the route to the pictures can’t be found, then instead, you’ll see that dreaded white box with a little red X, which should rather say, “Sorry, would you mind trying something else?’ in a friendlier tone, don’t you think?

Tip: consider the size of the picture in relation to the width of your text column. You might receive a lovely big photograph by e-mail, but if you to try to squeeze it into a narrow column of text, it could just fall off the side and only show half the picture. Refer to How to add a picture for further details.

Steps for adding a photo gallery

1. Edit / resize your photographs
2. Create a Gallery
3. Upload photos into the gallery
4. Change the title for your gallery
5. Add a description of your gallery
6. Scan folder for new images (if necessary)
7. Change the sort order of your photographs (optional)
8. Change the Alt + Title text and Description
9. Create a new post with magic code to show off your gallery
10. Add tags and categories (posts only)
11. Preview (optional) and update post

1. Edit / resize your photographs

Using your favourite photo editor (Paint, Picasa, Photoshop, VSO Image Resizer, etc.) resize your photograph to your chosen size. To make viewing and navigating between your pictures easier, the height shouldn’t really be taller than 575 pixels … we’ve found this to be the best size in respect to the differing screen resolutions. Some people have wider, shorter monitors while others have taller, narrower screens on which to see your pics.

What size can your photos be?

When you upload the photos, you’ll see a maximum amount (in Megs) that you’re allowed to upload. Be kind to your website visitors and rather think in terms of kB’s - and your galleries will load far quicker if you keep each photograph under 300 kB (we try to aim for 100 kB). Another advantage of smaller photographs is the amount of disk space that you’ll be saving on your hosting package i.e. you won’t need to upgrade and pay more.

• 640 x 480 for landscape photographs
• 380 x 560 for portrait photographs

2. Create a Gallery

At the Dashboard on the left hand menu, click on Gallery, and then on Add Gallery / Images. Then type in a name for your gallery folder e.g. 090123-paris-project or something for you to recognise … with no spaces!! Then, also very important, click on Add Gallery. If you press <enter> your typing will disappear and your gallery won’t be created.

When your gallery has been created succesfully, you’ll get a confirmation message at the top of the screen, as well as a reference number for your gallery (galleryID) … write this number down - you’ll need it later to link your gallery to your post.

3. Upload photos into the gallery

On the same screen, click on the Upload Images tab, where you can select and upload your images for that gallery. NB: select your new gallery from the drop-down list to make sure the photos are included in your gallery, otherwise you can’t upload any pics. You’re welcome to try uploading your photos in zip file or folder, if you’re comfortable with that. Otherwise you can select which photos you want to upload one at a time.

Tip: select the first photo, then go to the last photo and hold the <Shift> key down and click again. All the photos will be highlighted, then you can click on upload to bring them in together.

4. Change the title for your gallery

After you’ve uploaded your photos, you need to edit your gallery. This information will appear in any Albums that you create. Go to Manage Gallery underneath Gallery. In multi-user environments, you’ll only be able to click on the titles of the galleries that you’ve created. The current title will be the folder name that you’ve just created, so you should make it more friendly. This time you can include spaces. Normally this title is the same as the title for your new post.

Tip: if you don’t see the title, but just they grey bar that says, Gallery Settings … then click on bar to see the rest of the details as per this pic above.

5. Add a description of your gallery

This description appears in albums that consist of different galleries, but it’s also helpful to recognise which gallery you’re working with … especially if there are quite a few!

NB: LEAVE THE PATH ALONE!!! If you change that, Wordpress won’t know where your photos are.

Depending on the setup of your gallery and website, you can change the “Page Linked to” setting or leave it as “Not Linked” - this is discussed with our clients during the website build. By default the first photograph becomes the thumbnail for your gallery. Again this is used for albums, and feel free to change it if you want to.

Tip: Click on “Save Changes” whenever you’ve made a change!! This gallery plug-in doesn’t warn you if you leave the page without saving first, you just lose your changes!

6. Scan folder for new images (if necessary)

After editing and saving your gallery title and description, click on Scan folder for new images. The plug-in will look for any new photographs and automatically create a thumbnail picture. This process can take a little while, so don’t interrupt it - let it go to 100% … then you should see little thumbnail pictures of all your photographs, sorted according to their file name.

7. Change the sort order of your photographs (optional)

If you’d prefer to show off your pictures in a different order, click on “Sort Gallery”. You’ll get a different window with square thumbnails of each photo. Move the photos around by clicking on a photo and dragging it to the new position in between two other photos. When you see a large I mark, you can drop the photo there. No mark, no move.

Tip: you can’t drag a photo to the last position. It just doesn’t work. So move your photo to the second last position, and move your last pic to its new position. Voila! Your photo is now in the last position.

8. Change the Alt + Title text and Description

The alt text (top row) is what appears when someone moves their mouse over the thumbnail picture, before viewing the larger pic. So it’s handy for visitors (and search engines) to see what the photo is about. The description line becomes the caption underneath the large picture’s popup window. You can copy and paste the same text from the Alt + Title text into the description field. You can also expand the description if you’d like.

Remember to save your changes!!

If you click somewhere else without saving … sorry for you! You’ve been warned.

Note for the tech-savvy: you can use basic html codes in the description like <strong>… </strong> to bold text, <br> to make a new line and <em> … </em> to italicise the words. Links can be created with <a href=”url”> … </a>.

9. Create a new post and add “the magic code” to show off your gallery

Once you’re done with the gallery and have added captions and titles for each photo (and have saved your changes), you need to create a post (or page) to accompany your photo gallery. Then at the spot where you’d like to include gallery, type in the “magic code” to make your gallery appear.

First press <enter> to create a blank line for your gallery. Then remeber Step 2 - Create a Gallery? You should have written down the gallery id. This is where you need to type in the number. If you didn’t write the gallery id down, then you can find it again under Gallery -> Manage Gallery … you’ll see a list of all your galleries, and the very first column on the left shows the gallery ids! Cool, hey?

In the blank link, type in [ gallery=id# ] but without the spaces!! I’ve needed to add the spaces so that this post won’t try to call up a gallery. If your gallery id is 9, then it would be [ gallery=9 ] without the spaces between square brackets!!

10. Add tags and categories (posts only)

Lastly, if this is not a page, then you’ll need to add tags and categories relevant to the post and photo gallery.

11. Preview / Publish

Then all that’s left is to preview (optional) and Publish your post/page, or Update Post/Page if it already exists.

This took a long time to implement and if the client changed his/her mind, it was a nightmare. For example, if a font colour was to be changed from a deep red to a slightly brighter red, it would take forever. With larger websites, this could take days, if not weeks. Style sheets are the solution!

CSS (cascading style sheets) 

Nowadays we create designs using Cascading Style Sheets that give your website a coherent look-and-feel. Style sheets allow us to determine global settings for various parts of your website.

For instance, the top menu can get one look, while a sidebar gets a different look. The header and footer each get their own styling. Then within the body of your website, there are specific settings for paragraphs, bullets and various sub-headers. Putting it simply, we separate your words from their styling.

This makes adding text VERY easy for you because you DON’T NEED to change any font types, colours or text sizes.

So, can I style my text for emphasis?

Yes you can. The question is what do you want to change? A paragraph? A sentence here and there? Or a heading or two? If your website starts looking like a Christmas tree with vulgar decorations, it will probably scare people away, so it’s better to keep a uniform style to your text.

Want to increase the impact of your words? Make effective use of (sub)headings and bullet points.

The best tip for making easy-to-read website pages is to make bite-sized paragraphs. If a page contains long sections of text, your rushed-for-time visitor can’t scan the page to see what’s in it. Inevitably, he or she will move on to another website.

Use Sub-Headings

You can use the different headings on title and even paragraphs within your page or post.

Type in your sub-headers and their following paragraphs. Then as indicated above, change the format for your sub-header from the default paragraph setting to Heading 1, 2, 3, 4, 5 or 6.

If you can’t see the dropdown tab for paragraph in the second row of buttons, then you need to show the “kitchen sink” (see picture above) which is normally the second last button in the first row, or press <Alt+Shift+Z>. Click on Save Draft and Preview to see what each option looks like.

NB: a heading gets applied to the entire paragraph, including any line breaks that you get from pressing <Shift+Enter>.

To better illustrate how text can be styled using sub-headers, below is a list of the different settings that have been created for this particular design … yours will most likely be different.

This is what Header 1 looks like

This is what Header 2 looks like

This is what Header 3 looks like

This is what Header 4 looks like

This is what Header 5 looks like

This is what Header 6 looks like

1. Type in a title (e.g. Contact Us)
2. Add the content of your page
3. Add the “Insert More” tag to separate the intro from the body
4. Select the Parent attribute, if a sub-page
5. Change the Page order, if required
6. Change the Discussion settings
7. Click on Publish
8. DONE!

This is how to add a new page in a nutshell. Looking for more details? Follow these easy steps below. 

On the Dashboard, click on Add New underneath Pages. Then you’ll get a blank page. Type in a brief title for the page name, and an introductory paragraph. Then continue with the body of the page and add an “Insert More” tag to separate your intro from the body. If required, select the Parent page and change the page order. Lastly, deselect the options to allow comments, pings and trackbacks on your page. Click on Publish.

1. Type in the title (and permalink)

The title of your page gets used as the name in your menu, so you should keep it quite short otherwise it could affect the menu layout because of a width problem. In the first line of the body, you could add a sub-header to tell people what that page is about.

By default, the title you have entered for your page also becomes the URL, known as a permalink, which stands for Permanent Link. You can change the title of the page at any time, and you can change the URL or permalink at any time, however …

If you change the permalink after publishing, then the original page won’t be found anymore. So any visitor who tries to access that page through a search result link, or perhaps from another website, will get an “Error 404 - File not Found” message instead.

Tip: if you’d like to change the URL, do so in the beginning i.e. while you’re busy with your draft. Once you’re happy with your page and have published it, then leave the permalink (URL) as it is to prevent visitors from getting the 404 error message.

2. Add the content of your page

Pages are normally used for “static information” like contact forms, legals notices or about us pages. But they could also be used for product pages or photo galleries. Here are some tips for writing a page:

• Before you add a new page, it’s easier if you first plan how you’d like the information to appear.
• Add the content first in the correct order, and then you can add thumbnails, bigger photos and/or photo galleries to the page.
• Keep your text in easy-to-read short paragraphs so that your visitors can quickly skim the page.
• When they get to the bit they’re interested in, they can slow down to read all the information.
• Give your pages a a logical clear order.
• Use sub-headers to split up the information into related topics.
• You should type an introduction, or short paragraph, and then the rest of the body.

3. Add the “Insert More” tag

By separating your first paragraph from the rest of your content, you’ll make it easier for your visitors to search for information. How does it work? After typing in their search term, they’ll get a list that shows all the pages and/or posts that contain the search words that he/she typed in, in chronological order.

If you don’t add the Insert More tag, then your visitor will see a huuuuuge list showing each and every single page in full detail. If there are just a few pages, then it wouldn’t be too bad, but if you’ve got lots of pages, it just tedious and boring wading through all the information.

Therefore, give your visitors a brief overview of what the pages are about by separating the intro from the body -> add the “Insert More” tag - a little button which can be found between the link buttons and the dictionary button in the top row (between the title and the post). Some tips:

• It’s probably easiest to add the “Insert More” tag last … after you’re happy with the layout of your post.
• If you’d like the words “read more” to appear on the same line as your intro, go to the end of the sentence, press a space and then click on Insert More.
• If you want the words “read more” to appear on the next line, go to the end of the introduction, and press <Enter> to create a new, blank paragraph. Then click on Insert More.
• Then you’ll see a dotted line appear with the word “more” in it.
• A little quirk with italics … if the last words of your intro are in italics, and you add the “Insert More” tag, the codes sometimes get a little mixed up, which could result in the rest of the text being italicized on category/tag/search page, after the faulty introduction. Prevent this by italicising your words after you’ve added the more tag.

4. Choose a Parent attribute

By default all new pages are added as a Main page. However, if this new page is a sub-page of another page, then select the other page as a parent.

You can change the relationship later, so that the page becomes a main page, or perhaps linked to a different parent page, but this would change the url of the page. If you have added a link to that page, or someone else has added a direct link to that page, then any visitors arriving via that link would get an “Error 404 - File not found” message. 

You can also have sub-sub-pages like grandchildren, e.g.

Parent page
-  Child page
    - Grandchild page

5. Change the Page Order 

Pages are first sorted numerically and then in alphabetical order. By default, each page is given a numerical value of 0. So, if you’d like to change the order of your pages, the easiest way is by changing the numerical values.

That means you should change the 0 to a 1 for the first page, then change the second page’s 0 to a 2. Carry on until you’re happy with the page order.

Please note: page orders are relevent within their parent, child or grand-child category. Therefore changing a grandchild page will have no affect on the order of the parent page and vice versa.

6. Change the Discussion settings

By default the discussion settings on pages and posts are set to allow comments, pings and trackbacks. And it’s a very good idea for (most of) your posts. However, because of the nature of static pages, we normally deselect this option not to allow any comments. 

Look for the discussion settings at the bottom of the page. You might only see a grey header, which you need to click on to see the two options, “Allow Comments” and “Allow Pings and Trackbacks”. Deselect both buttons and save your draft.

7. Draft, Preview & Publish

When you’re writing a new page, it’s better to Save as Draft first, while you’re typing and moving things around. Then you can click on Preview to see what it’s going to look like. When you’re happy, click on Publish.

Publish = LIVE

Your page only becomes visible to other people when you publish it.

Using his photographs, we created a theme with a clean structure and even made a little Landrover icon for his buttons. Sticking to the 4×4 theme, we used field jargon for the menu names and have started him off with his first 10 posts. The reaction so far has already been amazing.

• Anyone can build a good-looking website, but getting found among billions of others is the key….
• We don’t get you on the first page - YOU do!
• Maintain your site yourself. Adding and changing the content when YOU want to. Instantly.
• We help you get started and show you how to get results by your own efforts.
• A once-off payment and no more costs…
• Have a look HERE

1. Type in title above (e.g. how to write a new post)
2. Type in an introductory paragraph
3. Type in the body of your post
4. End off with a conclusion
5. Add any thumbnails, photographs or galleries
6. Add the “Insert More” tag to separate the intro from the body
7. Type in relevant Tags for that specific post
8. Select Categories to sort/link your posts together
9. Click on Publish
10.  DONE!

This is how to add a new post in a nutshell. Looking for more details? Follow these easy steps below and you’ll be posting away in no time. 

On the Dashboard, click on Add New underneath Posts. Then you’ll get a blank page. Type in a title, then add your first paragraph (introduction) and continue with the body of the post. Afterwards add an “Insert More” tag to separate your intro from the body. Then add tags to describe that post and check off all appropriate categories. Preview your post (optional) and click on Publish.

Add title (and permalink)

Add a descriptive title for your post that will tell visitors what the post is about. By default, the title you have entered for your post also becomes the URL, known as a permalink, which stands for Permanent Link.

You can change the title of your post at any time. And you can change the URL or permalink at any time, however …

If you change the permalink after publishing, then the original page won’t be found anymore. Any visitor who tries to access that page through a search result link, or perhaps from another website, will get an “Error 404 - File not Found” message instead.

Tip: if you’d like to change the URL, do so in the beginning i.e. while you’re busy with your draft. Once you’re happy with your post and have published it, then leave the permalink (URL) as it is to prevent visitors from getting the 404 error message.

Add introduction

The introduction of your post plays a crucial role on your website. Whenever someone clicks on one of the categories or tags, they will get a list of all your posts  underneath each other, in chronological order. If someones uses the search function, then your pages will be included in the list too.

The introduction should serve as a teaser for your website visitor, giving them clues as to whether or not the information that they are looking for is included in that post.

So to make searching through these lists easier for your visitors, you should separate the intro from the body by using the “Insert More” tag - a little button which can be found between the link buttons and the dictionary button in the top row (between the title and the post).

Tip for using the “Insert More” tag

• It’s probably easiest to add the “Insert More” tag last … after you’re happy with the layout of your post.
• If you’d like the words “read more” to appear on the same line as your intro, go to the end of the sentence, press a space and then click on Insert More.
• If you want the words “read more” to appear on the next line, go to the end of the introduction, and press <Enter> to create a new, blank paragraph. Then click on Insert More.
• Then you’ll see a dotted line appear with the word “more” in it.
• A little quirk with italics … if the last words of your intro are in italics, and you add the “Insert More” tag, the codes sometimes get a little mixed up, which could result in the rest of the text being italicized on category/tag/search page, after the faulty introduction. Prevent this by italicising your words after you’ve added the more tag.

Add the body of your story

Next you need to write the “actual content” of your post. Website visitors like to scan pages to get an overall picture of what the article is about. They’re in a hurry and they want answers quickly. Give them what they want!

Use sub-headers to categorize different topics in your post. By carefully planning the information in your post, you’ll be saving your visitor’s time. If it’s too long or too boring, they’ll go elswhere … it’s just one click away.

Aside from sub-headers to separate your paragraphs, keep your paragraphs short. Say, two or three sentences per paragraph? If your sentences are really short, then it might be better to use an unordered list (the list button with the dots not the numbers).

Finally, after you’ve finished adding the text, have read and re-read it, and you’re happy that it’s saying what you want it to say, then you can add your pictures, photographs or galleries. Okay, you can add them before, but it makes editing easier if you add the pics afterwards.

Add tags

Why use tags? It helps your visitors find related posts and makes your website more interesting! While categories are used broadly, tags are specific to the post you’re writing e.g. use the main topics of your post as tags.

You can type in tags one by one and press <Enter> or you can separate the tags with a comma and then press <Enter>. If you press <Enter> straight away, you’ll add the default text, “Add new tag” as a tag, which of course doesn’t make any sense to your visitors. You can remove unwanted tags by clicking on the little x next to them.

Tip: If you type in the first few letters of a tag that you’ve used previously and let it hover a little, then you should get a list of related tags to choose from. You can also click on option “Choose from the most popular tags”. These are handy ways to prevent typos and to ensures that your posts are properly linked together.

Choose categories 

By default there is always one category that is selected. The name gets chosen during the website build, as well as a few other major categories. Categories add structure and hierarchy to your website. Select the appropriate categories for the post you’re writing.

Draft, Preview & Publish

When you’re writing a new post, it’s better to Save as Draft first, while you’re typing and moving things around. You can then click on Preview to see what it’s going to look like. When you’re happy, click on Publish.

Publish = LIVE

Your post only becomes visible to other people when you publish it.

In April 2009 we migrated their website onto a content management website so that they can add their own photographs, update their special offers and most importantly, add new articles that tell their guests what is available at their lodge and in the area.

It was important that their website kept the same look and feel, so we refined the menus and their photographs.