WordPress basic Part 4: Creating pages

Up to this point, you have been using WordPress to create posts, as you would with a blog site. You will now begin creating pages and creating a structure for your website. This also constitutes the structure of your site. Prior to this step, you should have your content ready in order to create pages that actually contain information for anyone who visits the site.

Overview

Starting in the dashboard, you will look for the section called “Pages”. Clicking this section brings you the “Pages” section from which you can create or edit your website static content.

menu-pages

Creating new pages

In the Pages section, you will find all pages that have been create. Initially, this section contains only sample content (this should be deleted once you have begun building your own pages). So let’s imagine that there is nothing here. Having your content ready to incorporate to your website, simply click on the “Add New” button.

image-2-pages-section

As you can guess, the initial page is blank. You need to give your page a meaningful name. It could be something like “Home” or “Recipes”. Our advice is to keep the name short and to the point. At this time, you can also transfer your content to the page. It is not advisable to write the content directly in the page. You want to have text that has already been proofread and contains no spelling errors. Nothing is more off-putting than spelling mistakes in a web page.

blank-page

So let’s look at a page that has already been created. Once the content is pasted into the Page section, you can format it to look its best. You can also add media (images, video, etc.) and hyperlinks to your other pages, or even external pages.

designing-your-page

Permalinks

You will notice that, just under the page title, there is a permalink. This is the hyperlink that tell the users’ browsers where to look for a given page. WordPress automatically creates this link based on the page title. However, this link could be very long, and you might want abbreviate it to make it look simpler in the browser address window. Luckily, you can edit the permalink directly in the page. Simply click the “edit” button so you can change it. Just remember to have hyphens (-) between the words. Also, certain characters cannot be used, such as commas, apostrophes and others. The rule of thumb is “word hyphen word”.

permalinks

Sub-pages

In some cases, you will want to create sub-pages. Sub-pages are more detailed information that is related to a subject that is more general. The structure is: “Page > Subpage > Subpage”. This helps to keep track of your page structure when you create menus.

subpages

Featured Image

In many case, you will also be able to add a featured image for the page that appears at the top. This is an esthetic touch that gives that page a little bit of life with an image that is related to the general them of the page.

featured-image

Publishing

Once your page is ready to incorporate to your website, you simply have to click “Publish” and it will be live. In this section, you also have options to save a draft of the page while you work on it, preview your draft, and publish the page at a later date.

publish

Conclusion

With all these options, it should be rather easy to create pages that have substance and look good. The only limit is your imagination. The final product, using the theme that we have installed for K-Logik Media, is this:

rendered-page

In the next installment, we will look at creating and managing menus in WordPress. Please stay tuned!

Completed Project: Wild Sphynx Cat Breeders

If you enjoyed this article, please share it.

We are on the verge of completing a website for Wild Sphynx. They are a Mercier, Québec-based cat breeding business run by a mother and daughter, Nancy and Marianne Lapointe.

Wild Sphynx logo

About the project

Once more, we gave ourselves the challenge of exploiting the tools we had at our disposal. And it was a real pleasure to go through this veritable toy box of design tools. This time we upped our game by integrating video to the website. Basically, we added a short 1 minute 20 seconds video of her cats. With the integration of text and image animations, it is quite impressive.

Once again, it was a great pleasure to work with this customer. It always is when there is passion for the business that we are showing off through the website. Nancy was very clear as to what she wanted in regards to the esthetic and functionality of the website. She demanded a photo gallery and we found a quite functional solution for her. It permits browsing through the photos posted on the website, and also doubles as a slideshow.

In addition to that, we created many parallax sliders containing famous quotes about cats. There will also be blogging to announce new kittens and to reach out with photos and general news. Oh yeah, and the site is completely bilingual. In the past, we had had issues regarding certain elements not translating to the second language, but these were overcome through a little bit of “sneaky” coding.

We also assisted in setting up their social media connections and provided training in the use of blogging functions. With the enthusiasm that we witnessed, there is no doubt that the new website will serve Wild Sphynx quite well.

Check out this link to their website: Wild Sphynx