Using WordPress Blogging Features to Build a Website

51
Using WordPress as a Streamlined CMS More than just a blogging platform Case study of PMCoursefinder.ch

description

A detailed demonstration of how to build a website that benefits from WordPress' built-in blogging features, without making the website look like a blog. The presentation provides hands-on tips for modifying your site's visual display and choosing between Posts and Pages.

Transcript of Using WordPress Blogging Features to Build a Website

Page 1: Using WordPress Blogging Features to Build a Website

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

Page 2: Using WordPress Blogging Features to Build a Website

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

Page 3: Using WordPress Blogging Features to Build a Website

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.

Page 4: Using WordPress Blogging Features to Build a Website

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

Page 5: Using WordPress Blogging Features to Build a Website

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.”

Page 6: Using WordPress Blogging Features to Build a Website

Planning the Site

Discovery of your data and content needs

Page 7: Using WordPress Blogging Features to Build a Website

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

Page 8: Using WordPress Blogging Features to Build a Website

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

Page 9: Using WordPress Blogging Features to Build a Website

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

Page 10: Using WordPress Blogging Features to Build a Website

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.

Page 11: Using WordPress Blogging Features to Build a Website

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:

Page 12: Using WordPress Blogging Features to Build a Website

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.

Page 13: Using WordPress Blogging Features to Build a Website

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

CATEGORYSELECTION

Page 14: Using WordPress Blogging Features to Build a Website

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

Page 15: Using WordPress Blogging Features to Build a Website

Building the Site

Page 16: Using WordPress Blogging Features to Build a Website

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

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

Page 17: Using WordPress Blogging Features to Build a Website

Homepage : Basic

Page 18: Using WordPress Blogging Features to Build a Website

Homepage : Basic

LET’S REMOVE THE DATE & TIME AND COMMENTS LINK

Page 19: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…Inspecting Your Style Sheet

RIGHT CLIGK ON THE ELEMENT TO INPSECT IT

Page 20: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…Inspecting Your Style Sheet

Page 21: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…

Private ServerOn WordPress

Page 22: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…

Private ServerOn WordPress

Page 23: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…

Private ServerOn WordPress

Page 24: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…

Private ServerOn WordPress

Page 25: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…Editing Your Style Sheet

Page 26: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…Amending Your Style Sheet

Page 27: Using WordPress Blogging Features to Build a Website

Removing Comments, Date, Author…Amending Your Style Sheet

.entry-meta {display: none;

}

Page 28: Using WordPress Blogging Features to Build a Website

Removing the Search box

Page 29: Using WordPress Blogging Features to Build a Website

Removing the Search box…Amending Your Style Sheet

.entry-meta {display: none;

}

#search {display: none;

}

Page 30: Using WordPress Blogging Features to Build a Website

Homepage : Modified

Page 31: Using WordPress Blogging Features to Build a Website

Homepage : Modified

YOU CAN USE TAGS TO CREATE POSTS WITH STYLE ENHANCEMENTS

Page 32: Using WordPress Blogging Features to Build a Website

Using Tags

Page 33: Using WordPress Blogging Features to Build a Website

Using Tags to Enhance Content

Page 34: Using WordPress Blogging Features to Build a Website

Using Sticky Posts for Featured Content

Page 35: Using WordPress Blogging Features to Build a Website

Using Sticky Posts for Heading Text

Page 36: Using WordPress Blogging Features to Build a Website

Using Sticky Posts for Heading TextIdentifying “Post ID”

Page 37: Using WordPress Blogging Features to Build a Website

Using Sticky Posts for Heading Text

Page 38: Using WordPress Blogging Features to Build a Website

Using Sticky Posts

Page 39: Using WordPress Blogging Features to Build a Website

Customizing the Main Menu

Page 40: Using WordPress Blogging Features to Build a Website

Customizing the Main Menu

Page 41: Using WordPress Blogging Features to Build a Website

Creating a Custom Menu

EASILY BUILD MENUS WITH CATEGORIES, PAGES, & CUSTOM LINKS

Page 42: Using WordPress Blogging Features to Build a Website

Using Widgets

Page 43: Using WordPress Blogging Features to Build a Website

Using Widgets

Page 44: Using WordPress Blogging Features to Build a Website

Using WidgetsAdding a Custom Menu

Page 45: Using WordPress Blogging Features to Build a Website

Using WidgetsAdding a Custom Menu

Page 46: Using WordPress Blogging Features to Build a Website

Using WidgetsAdding a Site Footer

Copyright

Privacy Policy

Terms of Use, Legal

Page 47: Using WordPress Blogging Features to Build a Website

Using WidgetsAdding a Site Footer

Copyright

Privacy Policy

Terms of Use, Legal

Page 48: Using WordPress Blogging Features to Build a Website

Category Archives : Basic

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

Page 49: Using WordPress Blogging Features to Build a Website

Category Archives : Modified

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

Page 50: Using WordPress Blogging Features to Build a 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

Page 51: Using WordPress Blogging Features to Build a Website

Prepared for The Geneva WordPress Meetup Group

www.meetup.com/geneva-wordpress

sunnyingeneva.wordpress.com [email protected]/in/eweinberg

Copyright 2014 Eileen Weinberg