using wordpress blogging features to build a website

Using WordPress as a Streamlined CMSMore than just a blogging platformCase study of PMCoursefinder.ch

Website or Blog

website A set of interconnected webpages on the Internet containing information on a particular subject

blogA weblog; A type of website which has characteristics of a journal

content management system A platform for authoring, editing, publishing and administration of websites

WordPress Posts and Pageshttp://codex.wordpress.org/Pages

In WordPress, you can write either Posts or Pages. When you're writing a regular blog entry, you write a post. Posts, in a default setup, appear in reverse chronological order on your blog's home page.

In WordPress, you can write either Posts or Pages.

WordPress Pages

Pages are for content such as "About," "Contact," etc. Pages live outside of the normal blog chronology, and are often used to present timeless information about yourself or your site − information that is always applicable. You can use Pages to organize and manage any content…

http://codex.wordpress.org/Pages

WordPress Pageshttp://codex.wordpress.org/Pages

What Pages are Not:

Pages are not Posts... They do not cycle through your blog's main page.

Pages cannot be associated with Categories and cannot be assigned Tags. The organizational structure for Pages comes only from their hierarchical interrelationships, and not from Tags or Categories.

Pages and Posts may attract attention in different ways from humans or search engines.

Pages (or a specific post) can be set as a static front page if desired with a separate Page set for the latest blog posts, typically named "blog.”

Planning the Site

Discovery of your data and content needs

WireframesA set of images which display the functional elements of a website or page, typically used for planning a site's structure and functionality

Data NeedsWireframes help you understand the content needs for your website Homepage content feed Meta data

Solution By focusing on Data needs

we can determine needed features and functions

Display elements are more easily modified

✗

✗

If we use Pages, we lose two WordPress features that will gives us core functionality for this website:

Pages do not cycle through your blog's main page

Pages cannot be associated with Categories and cannot be assigned Tags

Solution By focusing on Data needs

we can determine needed features and functions

Display elements are more easily modified

We can use Pages to build a standard website, but we will need to organize the content and navigational hierarchy manually.

Solution By focusing on Data needs

we can determine needed features and functions

Display elements are more easily modified

Remove all references to comments, time and date, author, modified, posted by, posted in, or whatever else it is that makes it look like a blog

✓

If we use Posts, we keep the feed, categories, and tags features, but need to modified visual display elements:

Standard Bloghttp://sunnyingeneva.wordpress.com/

Theme: Ascetica

By AlienWP

A minimal theme with responsive layout, sticky posts slider, and a plenty of widget space to suit any blogger.

Standard BlogA blog without modifications is already quite close to the layout requirements as defined by the wireframes.

CATEGORYSELECTION

Standard BlogIt just requires suppressing the unwanted display elements like meta data.

Building the Site

WordPress Theme : AcademicaAcademica is a non-profit/education theme with a modern layout and elegant design.

http://theme.wordpress.com/themes/academica/

Homepage : Basic

Homepage : Basic

LET’S REMOVE THE DATE & TIME AND COMMENTS LINK

Removing Comments, Date, Author…Inspecting Your Style Sheet

RIGHT CLIGK ON THE ELEMENT TO INPSECT IT

Removing Comments, Date, Author…Inspecting Your Style Sheet

Removing Comments, Date, Author…

Private ServerOn WordPress

Removing Comments, Date, Author…

Private ServerOn WordPress

Removing Comments, Date, Author…

Private ServerOn WordPress

Removing Comments, Date, Author…

Private ServerOn WordPress

Removing Comments, Date, Author…Editing Your Style Sheet

Removing Comments, Date, Author…Amending Your Style Sheet

Removing Comments, Date, Author…Amending Your Style Sheet

.entry-meta {display: none;

}

Removing the Search box

Removing the Search box…Amending Your Style Sheet

.entry-meta {display: none;

}

#search {display: none;

}

Homepage : Modified

Homepage : Modified

YOU CAN USE TAGS TO CREATE POSTS WITH STYLE ENHANCEMENTS

Using Tags

Using Tags to Enhance Content

Using Sticky Posts for Featured Content

Using Sticky Posts for Heading Text

Using Sticky Posts for Heading TextIdentifying “Post ID”

Using Sticky Posts for Heading Text

Using Sticky Posts

Customizing the Main Menu

Customizing the Main Menu

Creating a Custom Menu

EASILY BUILD MENUS WITH CATEGORIES, PAGES, & CUSTOM LINKS

Using Widgets

Using Widgets

Using WidgetsAdding a Custom Menu

Using WidgetsAdding a Custom Menu

Using WidgetsAdding a Site Footer

Copyright

Privacy Policy

Terms of Use, Legal

Using WidgetsAdding a Site Footer

Copyright

Privacy Policy

Terms of Use, Legal

Category Archives : Basic

DON’T FORGET TO CHANGE DEFAULT TEXT TO FIT THE CONTENT OF YOUR WEBSITE

Category Archives : Modified

DON’T FORGET TO CHANGE DEFAULT TEXT TO FIT THE CONTENT OF YOUR WEBSITE

Resources

WordPress Codex : http://codex.wordpress.org/The online manual for WordPress

Google Searches : “How do I … “

w3schools.com : http://www.w3schools.com/HTML Tag ReferenceCSS Reference

Prepared for The Geneva WordPress Meetup Group

www.meetup.com/geneva-wordpress

sunnyingeneva.wordpress.com eileen@psas.cheileenwlinkedin.com/in/eweinberg

Copyright 2014 Eileen Weinberg