Using WordPress as a Streamlined CMS


The Presentation inside:

Slide 0

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


Slide 1

Website or Blog website A set of interconnected webpages on the Internet containing information on a particular subject blog A weblog; A type of website which has characteristics of a journal content management system A platform for authoring, editing, publishing and administration of websites


Slide 2

WordPress Posts and Pages http://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.


Slide 3

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


Slide 4

WordPress Pages http://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.”


Slide 5

Planning the Site Discovery of your data and content needs


Slide 6

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


Slide 7

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


Slide 8

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


Slide 9

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.


Slide 10

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:


Slide 11

Standard Blog http://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.


Slide 12

Standard Blog A blog without modifications is already quite close to the layout requirements as defined by the wireframes. Category Selection


Slide 13

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


Slide 14

Building the Site


Slide 15

WordPress Theme : Academica Academica is a non-profit/education theme with a modern layout and elegant design. http://theme.wordpress.com/themes/academica/


Slide 16

Homepage : Basic


Slide 17

Homepage : Basic Let’s remove the date & time and comments link


Slide 18

Removing Comments, Date, Author… Inspecting Your Style Sheet RIGHT CLIGK On THE ELEMENT TO INPSECT it


Slide 19

Removing Comments, Date, Author… Inspecting Your Style Sheet


Slide 20

Removing Comments, Date, Author… Private Server On WordPress


Slide 21

Removing Comments, Date, Author… Private Server On WordPress


Slide 22

Removing Comments, Date, Author… Private Server On WordPress


Slide 23

Removing Comments, Date, Author… Private Server On WordPress


Slide 24

Removing Comments, Date, Author… Editing Your Style Sheet


Slide 25

Removing Comments, Date, Author… Amending Your Style Sheet


Slide 26

Removing Comments, Date, Author… Amending Your Style Sheet .entry-meta { display: none; }


Slide 27

Removing the Search box


Slide 28

Removing the Search box… Amending Your Style Sheet .entry-meta { display: none; } #search { display: none; }


Slide 29

Homepage : Modified


Slide 30

Homepage : Modified You can Use Tags to create Posts with style enhancements


Slide 31

Using Tags


Slide 32

Using Tags to Enhance Content


Slide 33

Using Sticky Posts for Featured Content


Slide 34

Using Sticky Posts for Heading Text


Slide 35

Using Sticky Posts for Heading Text Identifying “Post ID”


Slide 36

Using Sticky Posts for Heading Text


Slide 37

Using Sticky Posts


Slide 38

Customizing the Main Menu


Slide 39

Customizing the Main Menu


Slide 40

Creating a Custom Menu Easily Build menus with categories, Pages, & custom links


Slide 41

Using Widgets


Slide 42

Using Widgets


Slide 43

Using Widgets Adding a Custom Menu


Slide 44

Using Widgets Adding a Custom Menu


Slide 45

Using Widgets Adding a Site Footer Copyright Privacy Policy Terms of Use, Legal


Slide 46

Using Widgets Adding a Site Footer Copyright Privacy Policy Terms of Use, Legal


Slide 47

Category Archives : Basic Don’t forget to change default text to fit the content of your website


Slide 48

Category Archives : Modified Don’t forget to change default text to fit the content of your website


Slide 49

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 Reference CSS Reference


Slide 50

Prepared for The Geneva WordPress Meetup Group www.meetup.com/ geneva-wordpress sunnyingeneva.wordpress.com    [email protected] eileenw linkedin.com/in/eweinberg Copyright 2014 Eileen Weinberg


×

HTML:





Ссылка: