Docs

How to Use Special Pages

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

(Difference between revisions)
m (→Set Special Page Meta Settings)
 
(81 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
[[category:Draft]]
+
[[Category:Framework]]
−
The Pagelines Framework provides a robust solution for giving each WordPress special page its own unique layout and structure. Through the Special settings panel, you can change the settings for the Archive, Category, Tag, Author pages and more.
+
Through the PageLines "Meta Settings" panel, you can change the layout of the following ''"Special"'' pages:
  
−
==Set Special Page Meta Settings==
+
'''Blog Page, Archive Page, Category Page, Search Results, Tag Listing, Author Posts, & 404 Page.'''
−
[[File:special_pages.png|200px|thumb|right|image here]]
+
 
−
The below example sets the meta for the Archive Page. Follow similar steps for all special pages. [[Examples]] for other special pages at the end of this tutorial.
+
==What are Special Pages?==
 +
''Special'' pages refer to the WordPress pages which dynamically display data from your site. For example, your Blog Page is a ''Special'' page, because it takes all of your individually entered posts and displays them on one page.
 +
 
 +
Another example of a ''Special'' page is an Author Posts page which displays all the posts by an author.
 +
 
 +
Category pages display all the posts in a category. And so on... for all the ''Special'' pages.
 +
 
 +
===Special Pages are different than Regular Pages===
 +
On ''Special'' pages, you do not edit the content directly. Instead, content is pulled from other places and then displayed.
 +
 
 +
On regular pages (or static pages), you edit the content directly via:
 +
 
 +
'''WordPress Administration Panel''' => '''Pages''' => '''All Pages''' => '''Edit.'''
 +
 
 +
Here are some examples of some regular pages you might create: an About page, a Contact page, or even a Home page (if you have set your site to display your '''Front Page''' as ''static page.'') By default, WordPress displays your Blog on your front/home page. For more information on how to place a static page (which you can edit) as your front/home page, [[How to Get Started with PageLines#Choose_if_your_site_is_a_Blog_or_Website_and_setup_WP_to_do_this|click here.]]
 +
 
 +
===PageLines makes it easy to change the layout of Special Pages===
 +
Historically, it has been difficult to change the way information is displayed on ''Special'' pages without altering the underlying php code.
 +
 
 +
But help is here! The PageLines Framework provides a robust and simple drag-and-drop solution for changing the layout of these ''Special'' pages.
 +
 
 +
==Special Pages Panel==
 +
[[File:Special_pages_panel.png|200px|thumb|right|alt=Special Pages Panel|Special Pages Panel]]
 +
Here is a quick overview of the PageLines ''Special'' pages panel.
  
 
From your WordPress Administration Panel:
 
From your WordPress Administration Panel:
−
# Under Pagelines, select the "Special" panel.
+
# Select the "PageLines" panel, then "Meta"
−
# Choose the page you would like to edit. For this example, the Archive page is selected.
+
# Underneath the [[How to Use Site Defaults|Site Defaults]] tab, you will see tabs for all six ''Special'' pages. Select the ''Special'' page you want to change (in this example, the Blog Page)
  
−
===Page Setup for Special Pages===
+
# Select the Settings you want to change
−
[[File:.png|200px|thumb|right|image here]]
+
#* The "Page Setup" panel controls the overall layout of the ''special'' page. See [[How to Use Special Pages #Special Pages "Page Setup" Meta|instructions below]] for setting up Page Setup Meta.
−
From the "Select Settings Panel":
+
#* On the other panels ("Callout Meta," "Carousel Meta," etc.) you can add the content for each section and control how sections appear on the ''special'' page.
−
# Choose "Page Setup"
+
# Make changes in the meta panel
−
# Set page specific content layout to override the default Pagelines layout settings
+
# Save Options
−
# Choose to show or hide activated sections
+
−
#*Note that for sections to be available in this panel, they must have been activated in the Pagelines Settings [[Template Setup]] panel.
+
−
# Select a background image
+
−
# Select the secondary navigation menu
+
  
−
===Section Meta===
+
For this tutorial, the Blog Page is used. Settings will function the same across all ''Special'' pages, so you can use these same steps for any ''Special'' page you need to change.
−
[[File:image_here.png|200px|thumb|right|image here]]
+
  
−
As long as sections are active in the [[template setup]], you can set the meta from the Special Page Meta Settings Panel:
+
===Page Layout vs. Post Layout===
 +
The ''Special'' pages settings are used to layout the overall page and add meta to Sections. This panel does not handle how the post content itself is displayed.
  
−
# Choose the section from the Select Settings Panel
+
For Post Layout, see the tutorial: [http://www.pagelines.com/wiki/index.php?title=How_to_Use_the_Blog_and_Post_Settings How to Use the Blog and Post Settings]. From the PageLines / Settings / Blog and Posts page, you can manage Post Layout and Excerpt Handling and configure the Post Metabar and Sharebars. Changes to the "Blog and Posts" Settings are universal and will apply to all of the ''Special'' pages.
−
# Set the meta
+
−
#* For detailed documentation on meta settings for each section, see the documentation for each of those sections
+
−
## If you have a cloned section in your template (for example: "Boxes Section (Clone #1)" boxes or "Feature Meta (Clone #2)", you can also set the meta for those sections
+
  
−
===Inactive Sections===
+
==Special Pages "Page Setup" Meta==
−
[[File:image_here.png|200px|thumb|right|image here]]
+
[[File:Special_pages_page_setup.png|200px|thumb|right|alt=Page Setup for Special Pages|Page Setup for Special Pages]]
 +
The below example sets the meta for the Blog Page. Follow similar steps for all ''special'' pages. See the examples of all ''Special'' pages at the end of this tutorial.
  
−
If the section shows "Inactive":
+
From your WordPress Administration Panel:
−
# Click on the section under "Select Settings Panel"
+
# Select the "PageLines" panel, then "Meta"
 +
# Select the ''Special'' page you want to change
 +
# Select "Page Setup"
 +
# Set [[Glossary#Page Content Layout|Individual Page Content Layout]] if you wish to override the default Pagelines layout settings
 +
# Choose to show or hide activated sections
 +
#*For sections to be available in this panel, they must have been activated in the Pagelines Settings [[Glossary#Template Setup|Drag and Drop]] panel.
 +
#*If sections are set to ''[[Glossary#Hide This By Default|Hide This By Default]]'' in the [[Glossary#Template Setup|Template Setup,]] you can choose to ''Show'' the section for this ''Special'' page
 +
# Select a [[Glossary#Background Image|Background Image]]
 +
#* Use this setting if you want a background image that is different from the rest of your site.
 +
#* Otherwise, you can leave this setting blank, and any [[Glossary#Background Image|"Site Background Image"]] you setup in the [[Glossary#Color Control|PageLines / Settings / Color Control]] panel will be used.
 +
# Select a [[Glossary#Secondary Nav|Secondary Navigation Menu]]
 +
#* Use this setting to set a secondary navigation menu for the ''Special'' page
 +
#* There is no site-wide setup option for Secondary Navigation, so if left blank, the secondary navigation section will not appear on the ''Special'' page (even if active in the template.)
 +
# Save Options
 +
 
 +
==Activate Sections on Special Pages==
 +
[[File:Special_pages_activate_section.png|200px|thumb|right|alt=Activate Section|Activate Section]]
 +
PageLines [[Glossary#Sections|Drag-and-Drop Sections]] can be activated on ''Special'' page templates just as you would on any other template.
 +
 
 +
From your WordPress Administration Panel:
 +
# Select the "PageLines" panel, then "Templates"
 +
# Select the Template Area where you wish to place a section
 +
# Select the ''Special'' page (in this example, the Blog Page)
 +
# Drag-and-Drop Sections into "Active Sections"
 +
# Section Order is automatically saved
 +
 
 +
===Tip: If Sections are ''Inactive''===
 +
[[File:Special_pages_section_inactive.png|200px|thumb|right|alt=Section Inactive|Section Inactive]]
 +
If a section is [[Glossary#Inactive On Template|"Inactive"]], the meta data can be added, but the section will only appear on the ''Special'' page if it has been activated in PageLines / Templates.
 +
 
 +
To easily activate the section from the ''Special'' pages panel:
 +
# Click on the inactive section under "Select Settings Panel"
 
# Click on "Inactive On Template"
 
# Click on "Inactive On Template"
−
#* This will take you to the Pagelines Templates Panel
+
#*This will take you to the PageLines / Templates panel where you can activate the section following the instructions above
−
# Under Select Template Area, select "Page Templates" or "Content Area" depending on where you would like to activate the section
+
 
−
# Under "Which type of page?" select the Special Page. (For this example the Archive Page)
+
==Special Pages "Section Meta"==
−
# Drag & Drop to add/activate the section (See [[Template Setup]] for more details)
+
[[File:Special_pages_section_meta.png|200px|thumb|right|alt=Set Section Meta|Set Section Meta]]
−
# Return to the Special Settings page to view the change. The section will now be active and meta settings can be set
+
Add content to sections and control how they appear on the ''Special'' page.
 +
 
 +
From your WordPress Administration Panel:
 +
# Select the "PageLines" panel, then "Meta"
 +
# Select the ''Special'' page you want to change (in this example, the Blog Page)
 +
# Select the Section you want to change
 +
# Set the meta
 +
#* For tutorials on setting up various sections (e.g. Callout, Boxes, etc.), see the [[Main Page#Core Sections|How to Use "Sections" tutorials]]
 +
## If you have a [[Glossary#clone|cloned section]] in your template (e.g. "Callout Meta (#2)", set the meta for those sections by clicking on the cloned section
 +
# Save Options
 +
 
 +
==Special Pages Examples==
 +
[[File:Special_pages_find.png|200px|thumb|right|alt=Where to Find Special Pages|Where to Find Special Pages]]
 +
[[File:Special_pages_examples.png|200px|thumb|right|alt=Special Pages Examples|Special Pages Examples]]
 +
The first image shows how ''Special'' pages might be accessed from your website.
 +
# Notice the Archives, Categories, Search and Tags areas in the Sidebar.
 +
# The Blog Page is accessible in the header navigation.
 +
# Author Posts pages are accessible by clicking on the Author link in the post metabar.
 +
* To test the 404 ''Special'' page, go to a page on your site that does not exist. (e.g. www.yoursiteURL.com/jibberish)
  
−
==Special Page Examples==
+
''Special'' page examples:
 +
# Blog Page
 +
#* With a section added to the Full Width Page Templates area. Try adding a [[Glossary#Features Section|Feature]] or [[Glossary#Carousel Section|Carousel]] Section here!
 +
# Archive Page
 +
#* With a section added within the content area below the [[Glossary#Posts Info Section|Posts Info Bar]]
 +
# Category Page
 +
#* With a [[Glossary#Carousel Section|Carousel]] section added in the Header
 +
# Search Results
 +
#* With a section added within the content above the [[Glossary#Posts Info Section|Posts Info Bar]]
 +
# Tag Listing
 +
#* With a section added within the content area below the [[Glossary#Posts Info Section|Posts Info Bar]]
 +
# Author Posts
 +
#* The layout is changed so the Sidebar appears on the left
 +
# 404 Page
 +
#* The default [[Glossary#No Posts Section|"No Posts"]] section is removed and replaced with a text section

Latest revision as of 14:34, 10 May 2012

Through the PageLines "Meta Settings" panel, you can change the layout of the following "Special" pages:

Blog Page, Archive Page, Category Page, Search Results, Tag Listing, Author Posts, & 404 Page.

Contents

[edit] What are Special Pages?

Special pages refer to the WordPress pages which dynamically display data from your site. For example, your Blog Page is a Special page, because it takes all of your individually entered posts and displays them on one page.

Another example of a Special page is an Author Posts page which displays all the posts by an author.

Category pages display all the posts in a category. And so on... for all the Special pages.

[edit] Special Pages are different than Regular Pages

On Special pages, you do not edit the content directly. Instead, content is pulled from other places and then displayed.

On regular pages (or static pages), you edit the content directly via:

WordPress Administration Panel => Pages => All Pages => Edit.

Here are some examples of some regular pages you might create: an About page, a Contact page, or even a Home page (if you have set your site to display your Front Page as static page.) By default, WordPress displays your Blog on your front/home page. For more information on how to place a static page (which you can edit) as your front/home page, click here.

[edit] PageLines makes it easy to change the layout of Special Pages

Historically, it has been difficult to change the way information is displayed on Special pages without altering the underlying php code.

But help is here! The PageLines Framework provides a robust and simple drag-and-drop solution for changing the layout of these Special pages.

[edit] Special Pages Panel

Special Pages Panel
Special Pages Panel

Here is a quick overview of the PageLines Special pages panel.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Meta"
  2. Underneath the Site Defaults tab, you will see tabs for all six Special pages. Select the Special page you want to change (in this example, the Blog Page)
  1. Select the Settings you want to change
    • The "Page Setup" panel controls the overall layout of the special page. See instructions below for setting up Page Setup Meta.
    • On the other panels ("Callout Meta," "Carousel Meta," etc.) you can add the content for each section and control how sections appear on the special page.
  2. Make changes in the meta panel
  3. Save Options

For this tutorial, the Blog Page is used. Settings will function the same across all Special pages, so you can use these same steps for any Special page you need to change.

[edit] Page Layout vs. Post Layout

The Special pages settings are used to layout the overall page and add meta to Sections. This panel does not handle how the post content itself is displayed.

For Post Layout, see the tutorial: How to Use the Blog and Post Settings. From the PageLines / Settings / Blog and Posts page, you can manage Post Layout and Excerpt Handling and configure the Post Metabar and Sharebars. Changes to the "Blog and Posts" Settings are universal and will apply to all of the Special pages.

[edit] Special Pages "Page Setup" Meta

Page Setup for Special Pages
Page Setup for Special Pages

The below example sets the meta for the Blog Page. Follow similar steps for all special pages. See the examples of all Special pages at the end of this tutorial.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Meta"
  2. Select the Special page you want to change
  3. Select "Page Setup"
  4. Set Individual Page Content Layout if you wish to override the default Pagelines layout settings
  5. Choose to show or hide activated sections
    • For sections to be available in this panel, they must have been activated in the Pagelines Settings Drag and Drop panel.
    • If sections are set to Hide This By Default in the Template Setup, you can choose to Show the section for this Special page
  6. Select a Background Image
  7. Select a Secondary Navigation Menu
    • Use this setting to set a secondary navigation menu for the Special page
    • There is no site-wide setup option for Secondary Navigation, so if left blank, the secondary navigation section will not appear on the Special page (even if active in the template.)
  8. Save Options

[edit] Activate Sections on Special Pages

Activate Section
Activate Section

PageLines Drag-and-Drop Sections can be activated on Special page templates just as you would on any other template.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Templates"
  2. Select the Template Area where you wish to place a section
  3. Select the Special page (in this example, the Blog Page)
  4. Drag-and-Drop Sections into "Active Sections"
  5. Section Order is automatically saved

[edit] Tip: If Sections are Inactive

Section Inactive
Section Inactive

If a section is "Inactive", the meta data can be added, but the section will only appear on the Special page if it has been activated in PageLines / Templates.

To easily activate the section from the Special pages panel:

  1. Click on the inactive section under "Select Settings Panel"
  2. Click on "Inactive On Template"
    • This will take you to the PageLines / Templates panel where you can activate the section following the instructions above

[edit] Special Pages "Section Meta"

Set Section Meta
Set Section Meta

Add content to sections and control how they appear on the Special page.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Meta"
  2. Select the Special page you want to change (in this example, the Blog Page)
  3. Select the Section you want to change
  4. Set the meta
    1. If you have a cloned section in your template (e.g. "Callout Meta (#2)", set the meta for those sections by clicking on the cloned section
  5. Save Options

[edit] Special Pages Examples

Where to Find Special Pages
Where to Find Special Pages
Special Pages Examples
Special Pages Examples

The first image shows how Special pages might be accessed from your website.

  1. Notice the Archives, Categories, Search and Tags areas in the Sidebar.
  2. The Blog Page is accessible in the header navigation.
  3. Author Posts pages are accessible by clicking on the Author link in the post metabar.
  • To test the 404 Special page, go to a page on your site that does not exist. (e.g. www.yoursiteURL.com/jibberish)

Special page examples:

  1. Blog Page
    • With a section added to the Full Width Page Templates area. Try adding a Feature or Carousel Section here!
  2. Archive Page
    • With a section added within the content area below the Posts Info Bar
  3. Category Page
    • With a Carousel section added in the Header
  4. Search Results
  5. Tag Listing
    • With a section added within the content area below the Posts Info Bar
  6. Author Posts
    • The layout is changed so the Sidebar appears on the left
  7. 404 Page
    • The default "No Posts" section is removed and replaced with a text section
Retrieved from "http://www.pagelines.com/wiki/index.php?title=How_to_Use_Special_Pages&oldid=5115"