Docs

How to Use the Highlight Section

[edit] Please Note

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

(Difference between revisions)
(Created page with "Needs to be written")
 
 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
Needs to be written
+
[[Category:Core Sections]]
 +
{{#ev:youtubehd|Jr5L8HoNFaQ|600|PLET-2.6: How to use the Highlight Section - PageLines Essential Training}}
 +
Setup the "Highlight Section" to ''highlight'' important information to your site visitors.
 +
 
 +
The Highlight section can be placed in the Header, Page Template, Content Area, Sidebars, & Morefoot template areas and is available to use on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results).
 +
 
 +
To view some examples of a Highlight, click on our [http://demo.pagelines.com/core/highlight/ Core demo site.]
 +
 
 +
==Activate Highlight==
 +
There are different ways to setup the Highlight Section.
 +
 
 +
===Activate the Highlight Section from the Templates Panel===
 +
[[File:Activate_highlight.png|200px|thumb|right|alt=Activate Highlight Section|Activate Highlight Section]]
 +
 
 +
From your WordPress Administration Panel:
 +
 
 +
# Select the "PageLines" panel, then "Templates"
 +
# Select the Template Area where the Highlight section will appear
 +
#* In the default Pagelines installation, the Highlight section can be added to the following [[Glossary#Template Area|Template Areas]]:  [[Glossary#Header|Header]], [[Glossary#Page Template|Page Templates]], [[Glossary#Content Area|Content Area]], or [[Glossary#Morefoot|Morefoot]]
 +
#*If you select the "Page Template" area, by default the Highlight section will be displayed on ''every page'' that is assigned to the type of Page Template you choose
 +
#*If you select "Header" or "Morefoot," by default the Highlight section will be displayed on every page regardless of the Page Template
 +
# Select the "Type of Page" or "Content Area Type" to which the Highlight will be added
 +
#* This selection is not available for [[Glossary#Header|Header]] and [[Glossary#Morefoot|Morefoot]] template areas. If the callout section is added to these areas, the section will appear on all page types. Although, the section can be disabled on each individual page under [[Glossary#Page Setup Meta Settings|Page Setup Meta Settings]].
 +
# Drag & Drop the "Highlight" section from the "Available/Disabled Sections" into the "Active Sections" list
 +
#* To activate more than one Highlight Section, click "Highlight ''Options''"
 +
#* Then click "Clone"
 +
# The Section Order will be saved automatically
 +
 
 +
You will now see the Highlight section on every page that it is active on. Return to individual pages to add the content to your "Highlight" sections.
 +
 
 +
===Hide the Highlight section on individual pages===
 +
[[File:Hide_highlight.png|200px|thumb|right|alt=Hide Highlight Section|Hide Highlight Section]]
 +
 
 +
From your WordPress Administration Panel:
 +
 
 +
# Select the "Pages" panel, then "All Pages"
 +
# Click to edit the page on which you wish to hide the Highlight section
 +
# On the "Meta Panel," click the "Page Setup" tab
 +
# Under "Individual Page Section Control," click "Hide Highlight"
 +
# Click "Save Meta Settings"
 +
 
 +
Because the Highlight section is displayed by default when you Enable it, you will need to use this method for every page or post on which you do not want the Highlight section displayed.
 +
 
 +
===''Show'' the Highlight section on individual pages===
 +
[[File:Hide_highlight_by_default.png|200px|thumb|right|alt=Hide Highlight by Default|Hide Highlight by Default]]
 +
Alternatively, you can hide the Highlight section by default and enable it on individual pages or posts.
 +
 
 +
From your WordPress Administration Panel:
 +
 
 +
# Select the "PageLines" panel, then "Templates"
 +
# Make sure you have the correct Template Area selected for the type of pages you want to hide
 +
# Under "Active Sections" click "Highlight ''Options''"
 +
# Click "Hide This By Default"
 +
# The Section Options will save automatically
 +
 
 +
[[File:Show_highlight.png|200px|thumb|right|alt=Show Highlight Section|Show Highlight Section]]
 +
Now the Highlight section will be hidden by default until you select to show it on individual pages or posts.
 +
 
 +
# Select the "Pages" panel, then "All Pages"
 +
# Click to edit the page on which you wish to show the Highlight section
 +
# On the "Meta Panel," click the "Page Setup" tab
 +
# Under "Individual Page Section Control," click "''Show'' Highlight"
 +
# Click "Save Meta Settings"
 +
 
 +
==Add Highlight Content==
 +
 
 +
Add the Highlight Header, Subheader and Image to your activated Highlight sections.
 +
 
 +
===Add the Highlight content to individual pages===
 +
Return to the page on which the Highlight appears to create the Highlight text.
 +
[[File:Add_highlight_content_to_page.png|200px|thumb|right|alt=Add Highlight Content|Add Highlight Content]]
 +
 
 +
From your WordPress Administration Panel:
 +
 
 +
# Select the "Pages" panel, then "All Pages"
 +
# Click to edit the page on which you wish to create the Highlight section
 +
# On the "Meta Panel," click the "Page Setup" tab and check under "Individual Page Section Control" to make sure the Highlight Section was enabled per the instructions above
 +
# Click the "Highlight Meta" tab
 +
## If for some reason, the "Highlight Meta" is "Inactive"
 +
## Note the "Template" for the selected page (located under WordPress "Page Attributes" in the right column)
 +
## Click on "Inactive on Template." You will be taken to the PageLines / Templates panel where you can drag-and-drop to activate the "Highlight" on the appropriate page template.
 +
# Enter the Highlight Header and Subheader Text
 +
# Add a Highlight Splash Image
 +
# Select the Image Position
 +
#* The image may be positioned on the top or bottom of the text. See examples at the end of this tutorial to view Top and Bottom image positioning
 +
#* Header, Subheader and Image are all optional, providing flexibility to mix-and-match all three
 +
# Set the "Highlight Meta" for any clones
 +
#* Clones must previously have been activated in the "PageLines" Templates panel. See [[Glossary#clone|enabling clones]].
 +
#* Activated [[Glossary#clone|clones]] will each have their own tab and appear under "Highlight Meta" as "Highlight Meta (#2)", "Highlight Meta (#3)", etc.
 +
# Click "Save Meta Settings"
 +
 
 +
===Add the Highlight content to individual posts===
 +
 
 +
For all instructions in this tutorial, you may substitute "Post" for "Page" to activate, hide, show or create a Highlight Section on an individual post.
 +
 
 +
===Add the Highlight content to a special page===
 +
[[File:Add_highlight_content_to_special_pages.png|200px|thumb|right|alt=Add Highlight Content to Special Pages|Add Highlight Content to Special Pages]]
 +
 
 +
You may also create a Highlight section on WordPress [[Glossary#Special Page|Special Pages]] such as Author, Archive and Search Results pages.
 +
 
 +
# Select the "PageLines" panel, then "Special"
 +
# Select the Special Page on which the Highlight section will appear (in this example "Author Posts")
 +
# In the "Select Settings" panel, click on "Highlight Meta"
 +
## If for some reason, the "Highlight Meta" is "Inactive"
 +
## Click on "Inactive on Template." You will be taken to the PageLines / Templates panel where you can drag-and-drop to activate the "Highlight."
 +
# Enter the Highlight Header and Subheader Text
 +
# Add a Highlight Splash Image
 +
# Select the Image Position
 +
#* The image may be positioned on the top or bottom of the text. See examples at the end of this tutorial to view Top and Bottom image positioning
 +
#* Header, Subheader and Image are all optional, providing flexibility to mix-and-match all three
 +
# Set the "Highlight Meta" for any clones
 +
#* Clones must previously have been activated in the "PageLines" Templates panel. See [[Glossary#clone|enabling clones]].
 +
#* Activated [[Glossary#clone|clones]] will each have their own tab and appear in the Select Settings Panel as "Highlight Meta (#2)", "Highlight Meta (#3)", etc.
 +
# Click "Save Options"
 +
# Your settings are saved; the Highlight now appears on your Special Page!
 +
 
 +
==Tip: Add Highlight Content From Website==
 +
[[File:Add_highlight_from_site.png|200px|thumb|right|alt=Add Highlight From Site|Add Highlight From Site]]
 +
 
 +
Here is a trick for adding Highlight content directly from your website.
 +
 
 +
First, make sure the Highlight section is activated in the template.
 +
 
 +
# On your site, click on the page or post on which the Highlight section is activated
 +
# You will see an empty placeholder for the Highlight section
 +
# Click on "Set Meta"
 +
#* This takes you to the "Highlight Meta" panel for that individual page or post
 +
 
 +
==Tip: Create Multiple Highlights==
 +
[[File:Add_multiple_highlights.png|200px|thumb|right|alt=Add Multiple Highlights|Add Multiple Highlights]]
 +
 
 +
To create multiple Highlight Sections in the Header, Morefoot, Page Templates or Content Area, [[Glossary#clone|clone]] the section in the [[Glossary#Template Setup|Templates]] panel.
 +
 
 +
You can then add the Highlight text and image following the tutorial above.
 +
 
 +
From your WordPress Administration Panel:
 +
 
 +
# Select the "PageLines" panel, then "Templates"
 +
# Select the Template Area where the Highlight section appears
 +
# Click "Highlight ''Options''"
 +
# Click "Clone"
 +
## The "Clones" are added to the available sections list
 +
# The Section Order will be saved automatically
 +
 
 +
Return to individual pages to add the content to your cloned "Highlight" sections.
 +
 
 +
==View Highlight==
 +
[[File:Highlight_examples.png|200px|thumb|right|alt=Highlight Examples|Highlight Examples]]
 +
View your page to see the created Highlight Section.
 +
 
 +
The image shows the following examples of activated Highlight Sections:
 +
# Highlight Section in the Header
 +
# Highlight Section in the Page Template
 +
# Highlight Section in the Content Area
 +
# Highlight Section in the Morefoot

Latest revision as of 04:38, 2 April 2012


Setup the "Highlight Section" to highlight important information to your site visitors.

The Highlight section can be placed in the Header, Page Template, Content Area, Sidebars, & Morefoot template areas and is available to use on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results).

To view some examples of a Highlight, click on our Core demo site.

Contents

Activate Highlight

There are different ways to setup the Highlight Section.

Activate the Highlight Section from the Templates Panel

Activate Highlight Section
Activate Highlight Section

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Templates"
  2. Select the Template Area where the Highlight section will appear
    • In the default Pagelines installation, the Highlight section can be added to the following Template Areas: Header, Page Templates, Content Area, or Morefoot
    • If you select the "Page Template" area, by default the Highlight section will be displayed on every page that is assigned to the type of Page Template you choose
    • If you select "Header" or "Morefoot," by default the Highlight section will be displayed on every page regardless of the Page Template
  3. Select the "Type of Page" or "Content Area Type" to which the Highlight will be added
    • This selection is not available for Header and Morefoot template areas. If the callout section is added to these areas, the section will appear on all page types. Although, the section can be disabled on each individual page under Page Setup Meta Settings.
  4. Drag & Drop the "Highlight" section from the "Available/Disabled Sections" into the "Active Sections" list
    • To activate more than one Highlight Section, click "Highlight Options"
    • Then click "Clone"
  5. The Section Order will be saved automatically

You will now see the Highlight section on every page that it is active on. Return to individual pages to add the content to your "Highlight" sections.

Hide the Highlight section on individual pages

Hide Highlight Section
Hide Highlight Section

From your WordPress Administration Panel:

  1. Select the "Pages" panel, then "All Pages"
  2. Click to edit the page on which you wish to hide the Highlight section
  3. On the "Meta Panel," click the "Page Setup" tab
  4. Under "Individual Page Section Control," click "Hide Highlight"
  5. Click "Save Meta Settings"

Because the Highlight section is displayed by default when you Enable it, you will need to use this method for every page or post on which you do not want the Highlight section displayed.

Show the Highlight section on individual pages

Hide Highlight by Default
Hide Highlight by Default

Alternatively, you can hide the Highlight section by default and enable it on individual pages or posts.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Templates"
  2. Make sure you have the correct Template Area selected for the type of pages you want to hide
  3. Under "Active Sections" click "Highlight Options"
  4. Click "Hide This By Default"
  5. The Section Options will save automatically
Show Highlight Section
Show Highlight Section

Now the Highlight section will be hidden by default until you select to show it on individual pages or posts.

  1. Select the "Pages" panel, then "All Pages"
  2. Click to edit the page on which you wish to show the Highlight section
  3. On the "Meta Panel," click the "Page Setup" tab
  4. Under "Individual Page Section Control," click "Show Highlight"
  5. Click "Save Meta Settings"

Add Highlight Content

Add the Highlight Header, Subheader and Image to your activated Highlight sections.

Add the Highlight content to individual pages

Return to the page on which the Highlight appears to create the Highlight text.

Add Highlight Content
Add Highlight Content

From your WordPress Administration Panel:

  1. Select the "Pages" panel, then "All Pages"
  2. Click to edit the page on which you wish to create the Highlight section
  3. On the "Meta Panel," click the "Page Setup" tab and check under "Individual Page Section Control" to make sure the Highlight Section was enabled per the instructions above
  4. Click the "Highlight Meta" tab
    1. If for some reason, the "Highlight Meta" is "Inactive"
    2. Note the "Template" for the selected page (located under WordPress "Page Attributes" in the right column)
    3. Click on "Inactive on Template." You will be taken to the PageLines / Templates panel where you can drag-and-drop to activate the "Highlight" on the appropriate page template.
  5. Enter the Highlight Header and Subheader Text
  6. Add a Highlight Splash Image
  7. Select the Image Position
    • The image may be positioned on the top or bottom of the text. See examples at the end of this tutorial to view Top and Bottom image positioning
    • Header, Subheader and Image are all optional, providing flexibility to mix-and-match all three
  8. Set the "Highlight Meta" for any clones
    • Clones must previously have been activated in the "PageLines" Templates panel. See enabling clones.
    • Activated clones will each have their own tab and appear under "Highlight Meta" as "Highlight Meta (#2)", "Highlight Meta (#3)", etc.
  9. Click "Save Meta Settings"

Add the Highlight content to individual posts

For all instructions in this tutorial, you may substitute "Post" for "Page" to activate, hide, show or create a Highlight Section on an individual post.

Add the Highlight content to a special page

Add Highlight Content to Special Pages
Add Highlight Content to Special Pages

You may also create a Highlight section on WordPress Special Pages such as Author, Archive and Search Results pages.

  1. Select the "PageLines" panel, then "Special"
  2. Select the Special Page on which the Highlight section will appear (in this example "Author Posts")
  3. In the "Select Settings" panel, click on "Highlight Meta"
    1. If for some reason, the "Highlight Meta" is "Inactive"
    2. Click on "Inactive on Template." You will be taken to the PageLines / Templates panel where you can drag-and-drop to activate the "Highlight."
  4. Enter the Highlight Header and Subheader Text
  5. Add a Highlight Splash Image
  6. Select the Image Position
    • The image may be positioned on the top or bottom of the text. See examples at the end of this tutorial to view Top and Bottom image positioning
    • Header, Subheader and Image are all optional, providing flexibility to mix-and-match all three
  7. Set the "Highlight Meta" for any clones
    • Clones must previously have been activated in the "PageLines" Templates panel. See enabling clones.
    • Activated clones will each have their own tab and appear in the Select Settings Panel as "Highlight Meta (#2)", "Highlight Meta (#3)", etc.
  8. Click "Save Options"
  9. Your settings are saved; the Highlight now appears on your Special Page!

Tip: Add Highlight Content From Website

Add Highlight From Site
Add Highlight From Site

Here is a trick for adding Highlight content directly from your website.

First, make sure the Highlight section is activated in the template.

  1. On your site, click on the page or post on which the Highlight section is activated
  2. You will see an empty placeholder for the Highlight section
  3. Click on "Set Meta"
    • This takes you to the "Highlight Meta" panel for that individual page or post

Tip: Create Multiple Highlights

Add Multiple Highlights
Add Multiple Highlights

To create multiple Highlight Sections in the Header, Morefoot, Page Templates or Content Area, clone the section in the Templates panel.

You can then add the Highlight text and image following the tutorial above.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Templates"
  2. Select the Template Area where the Highlight section appears
  3. Click "Highlight Options"
  4. Click "Clone"
    1. The "Clones" are added to the available sections list
  5. The Section Order will be saved automatically

Return to individual pages to add the content to your cloned "Highlight" sections.

View Highlight

Highlight Examples
Highlight Examples

View your page to see the created Highlight Section.

The image shows the following examples of activated Highlight Sections:

  1. Highlight Section in the Header
  2. Highlight Section in the Page Template
  3. Highlight Section in the Content Area
  4. Highlight Section in the Morefoot
Retrieved from "http://www.pagelines.com/wiki/index.php?title=How_to_Use_the_Highlight_Section&oldid=5033"