How to Use Special Pages
(Difference between revisions)
| (25 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | [[ | + | [[Category:Framework]] |
| − | Through the PageLines | + | 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.''' | ||
==What are Special Pages?== | ==What are Special Pages?== | ||
| − | Special | + | ''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 | + | 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 | + | Category pages display all the posts in a category. And so on... for all the ''Special'' pages. |
===Special Pages are different than Regular Pages=== | ===Special Pages are different than Regular Pages=== | ||
| − | On Special | + | On ''Special'' pages, you do not edit the content directly. Instead, content is pulled from other places and then displayed. |
| − | On | + | 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=== | ===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 | + | 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 | + | 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== | ==Special Pages Panel== | ||
[[File:Special_pages_panel.png|200px|thumb|right|alt=Special Pages Panel|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 | + | Here is a quick overview of the PageLines ''Special'' pages panel. |
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| − | # Select the "PageLines" panel, then " | + | # Select the "PageLines" panel, then "Meta" |
| − | # Select the Special | + | # 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) |
| + | |||
# Select the Settings you want to change | # 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. | + | #* 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. |
| − | #* 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. | + | #* 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. |
# Make changes in the meta panel | # Make changes in the meta panel | ||
# Save Options | # Save Options | ||
| − | For this tutorial, the Blog Page is used. Settings will function the same across all Special | + | 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. |
===Page Layout vs. Post Layout=== | ===Page Layout vs. Post Layout=== | ||
| − | The Special | + | 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: [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 | + | 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. |
==Special Pages "Page Setup" Meta== | ==Special Pages "Page Setup" Meta== | ||
[[File:Special_pages_page_setup.png|200px|thumb|right|alt=Page Setup for Special Pages|Page Setup for Special Pages]] | [[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 | + | 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: | From your WordPress Administration Panel: | ||
| − | # Select the "PageLines" panel, then " | + | # Select the "PageLines" panel, then "Meta" |
| − | # Select the Special | + | # Select the ''Special'' page you want to change |
# Select "Page Setup" | # Select "Page Setup" | ||
# Set [[Glossary#Page Content Layout|Individual Page Content Layout]] if you wish to override the default Pagelines layout settings | # 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 | # 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| | + | #*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 | + | #*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]] | # 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. | #* 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. | #* 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]] | # Select a [[Glossary#Secondary Nav|Secondary Navigation Menu]] | ||
| − | #* Use this setting to set a secondary navigation menu for the Special | + | #* 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 | + | #* 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 | # Save Options | ||
==Activate Sections on Special Pages== | ==Activate Sections on Special Pages== | ||
[[File:Special_pages_activate_section.png|200px|thumb|right|alt=Activate Section|Activate Section]] | [[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 | + | 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: | From your WordPress Administration Panel: | ||
# Select the "PageLines" panel, then "Templates" | # Select the "PageLines" panel, then "Templates" | ||
# Select the Template Area where you wish to place a section | # Select the Template Area where you wish to place a section | ||
| − | # Select the Special | + | # Select the ''Special'' page (in this example, the Blog Page) |
# Drag-and-Drop Sections into "Active Sections" | # Drag-and-Drop Sections into "Active Sections" | ||
# Section Order is automatically saved | # Section Order is automatically saved | ||
| Line 74: | Line 79: | ||
===Tip: If Sections are ''Inactive''=== | ===Tip: If Sections are ''Inactive''=== | ||
[[File:Special_pages_section_inactive.png|200px|thumb|right|alt=Section Inactive|Section 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 | + | 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 | + | To easily activate the section from the ''Special'' pages panel: |
# Click on the inactive section under "Select Settings Panel" | # Click on the inactive section under "Select Settings Panel" | ||
# Click on "Inactive On Template" | # Click on "Inactive On Template" | ||
| Line 83: | Line 88: | ||
==Special Pages "Section Meta"== | ==Special Pages "Section Meta"== | ||
[[File:Special_pages_section_meta.png|200px|thumb|right|alt=Set Section Meta|Set Section Meta]] | [[File:Special_pages_section_meta.png|200px|thumb|right|alt=Set Section Meta|Set Section Meta]] | ||
| − | Add content to sections and control how they appear on the Special | + | Add content to sections and control how they appear on the ''Special'' page. |
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| − | # Select the "PageLines" panel, then " | + | # Select the "PageLines" panel, then "Meta" |
| − | # Select the Special | + | # Select the ''Special'' page you want to change (in this example, the Blog Page) |
# Select the Section you want to change | # Select the Section you want to change | ||
# Set the meta | # Set the meta | ||
| − | #* For tutorials on setting up various sections (e.g. Callout, Boxes, etc.), see the [ | + | #* 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 | ## 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 | # Save Options | ||
| Line 97: | Line 102: | ||
[[File:Special_pages_find.png|200px|thumb|right|alt=Where to Find Special Pages|Where to Find Special Pages]] | [[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]] | [[File:Special_pages_examples.png|200px|thumb|right|alt=Special Pages Examples|Special Pages Examples]] | ||
| − | The first image shows how Special | + | The first image shows how ''Special'' pages might be accessed from your website. |
# Notice the Archives, Categories, Search and Tags areas in the Sidebar. | # Notice the Archives, Categories, Search and Tags areas in the Sidebar. | ||
# The Blog Page is accessible in the header navigation. | # The Blog Page is accessible in the header navigation. | ||
# Author Posts pages are accessible by clicking on the Author link in the post metabar. | # Author Posts pages are accessible by clicking on the Author link in the post metabar. | ||
| − | * To test the 404 Special | + | * To test the 404 ''Special'' page, go to a page on your site that does not exist. (e.g. www.yoursiteURL.com/jibberish) |
| − | Special | + | ''Special'' page examples: |
# Blog Page | # Blog Page | ||
| − | #* With a section added to the Full Width Page Templates area. Try adding a Feature or Carousel Section here! | + | #* 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 | # Archive Page | ||
| − | #* With a section added within the content area below the Posts Info Bar | + | #* With a section added within the content area below the [[Glossary#Posts Info Section|Posts Info Bar]] |
# Category Page | # Category Page | ||
| − | #* With a Carousel section added in the Header | + | #* With a [[Glossary#Carousel Section|Carousel]] section added in the Header |
# Search Results | # Search Results | ||
| − | #* With a section added within the content above the Posts Info Bar | + | #* With a section added within the content above the [[Glossary#Posts Info Section|Posts Info Bar]] |
# Tag Listing | # Tag Listing | ||
| − | #* With a section added within the content area below the Posts Info Bar | + | #* With a section added within the content area below the [[Glossary#Posts Info Section|Posts Info Bar]] |
# Author Posts | # Author Posts | ||
#* The layout is changed so the Sidebar appears on the left | #* The layout is changed so the Sidebar appears on the left | ||
# 404 Page | # 404 Page | ||
| − | #* The default "No Posts" section is removed and replaced with a text section | + | #* 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
Here is a quick overview of the PageLines Special pages panel.
From your WordPress Administration Panel:
- Select the "PageLines" panel, then "Meta"
- 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)
- 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.
- Make changes in the meta panel
- 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
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:
- Select the "PageLines" panel, then "Meta"
- Select the Special page you want to change
- Select "Page Setup"
- Set 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 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
- Select a 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 "Site Background Image" you setup in the PageLines / Settings / Color Control panel will be used.
- 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.)
- Save Options
[edit] Activate Sections on Special Pages
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:
- 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
[edit] Tip: If Sections are 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:
- Click on the inactive section under "Select Settings Panel"
- 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"
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 How to Use "Sections" tutorials
- 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
- Save Options
[edit] 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:
- Blog Page
- Archive Page
- With a section added within the content area below the Posts Info Bar
- Category Page
- With a Carousel section added in the Header
- Search Results
- With a section added within the content above the Posts Info Bar
- Tag Listing
- With a section added within the content area below the Posts Info Bar
- Author Posts
- The layout is changed so the Sidebar appears on the left
- 404 Page
- The default "No Posts" section is removed and replaced with a text section