Docs

How to Use the Callout Section

[edit] Please Note

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

(Difference between revisions)
Line 3: Line 3:
 
Setup the Callout Section to present a visible "call-to-action" for your site visitors. Possible uses are to direct clients to purchase product or sign up for your blog.
 
Setup the Callout Section to present a visible "call-to-action" for your site visitors. Possible uses are to direct clients to purchase product or sign up for your blog.
  
 +
The Callout section can be placed in the Header, Page Template, Content Area, or Morefoot template areas and spans the width of either the page template or content area. The Callout Header & Text are positioned to the left of a Callout Image.
 +
 +
The Callout section can be setup on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results).
  
 
==Activate the Callout Section==
 
==Activate the Callout Section==
Line 33: Line 36:
 
# Click "Save Meta Settings"
 
# Click "Save Meta Settings"
  
−
Because the Callout section is displayed by default when you Enable it, you will need to use this method for every page that you do not want the Features section displayed.
+
Because the Callout section is displayed by default when you Enable it, you will need to use this method for every page or post that you do not want the Features section displayed.
  
 
===''Show'' the Callout section on individual pages===
 
===''Show'' the Callout section on individual pages===
Line 55: Line 58:
 
# Click "Save Meta Settings"
 
# Click "Save Meta Settings"
  
−
==Create the Callout on a Page==
+
==Create the Callout Section text and image==
 +
 
 +
===Create the Callout Section on a Page===
 
Return to the page on which the callout appears to create the Callout text.
 
Return to the page on which the callout appears to create the Callout text.
  
Line 65: Line 70:
 
# Under "Individual Page Section Control" make sure the Callout Section is enabled/disabled where desired  
 
# Under "Individual Page Section Control" make sure the Callout Section is enabled/disabled where desired  
 
# On the "Meta Panel," click the "Callout Meta" tab
 
# On the "Meta Panel," click the "Callout Meta" tab
 +
## If the "Callout Meta" is "Inactive"
 +
## Note the "Template" for the selected page
 +
## Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
 
# Enter the Callout Text
 
# Enter the Callout Text
 
# Enter a Callout Image
 
# Enter a Callout Image
Line 74: Line 82:
 
# Click "Save Meta Settings"
 
# Click "Save Meta Settings"
  
−
==Create the Callout on a Special Page==
+
===Create the Callout Section on a Post===
 +
 
 +
For all instructions in this tutorial, you may substitute "Post" for "Page" to activate, hide, show or create a Callout Section on an individual post.
 +
 
 +
===Create the Callout Section on a Special Page===
  
 
You may also create a Callout section on WordPress Special Pages such as Author, Archive and Search Results pages.
 
You may also create a Callout section on WordPress Special Pages such as Author, Archive and Search Results pages.
  
 
# Select the "PageLines" panel, then "Special"
 
# Select the "PageLines" panel, then "Special"
−
# Select the Special Page on which the Callout section will appear
+
# Select the Special Page on which the Callout section will appear (in this example "Author Posts")
 
# In the "Select Settings" panel, click on "Callout Meta"
 
# In the "Select Settings" panel, click on "Callout Meta"
 
## If the "Callout Meta" is "Inactive"
 
## If the "Callout Meta" is "Inactive"
 
## Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
 
## Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
−
 
+
# Enter the Callout Header & Text
−
# Click to edit the page on which you wish to create the Callout section
+
−
# On the "Meta Panel," click the "Page Setup" tab
+
−
# Under "Individual Page Section Control" make sure the Callout Section is enabled/disabled where desired
+
−
# On the "Meta Panel," click the "Callout Meta" tab
+
−
# Enter the Callout Text
+
 
# Enter a Callout Image
 
# Enter a Callout Image
 
# Enter a Callout Link
 
# Enter a Callout Link
Line 94: Line 101:
 
# Set the "Callout Meta" for any clones
 
# Set the "Callout Meta" for any clones
 
#* Clones must previously have been activated in the "PageLines" Templates panel. See [[enabling 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 "Callout Meta" as "Callout Meta (#2)", "Callout Meta (#3)", etc.
+
#* Activated [[clones]] will each have their own tab and appear in the Select Settings Panel as "Callout Meta (#2)", "Callout Meta (#3)", etc.
−
# Click "Save Meta Settings"
+
# Click "Save Options"
  
−
===View the Callout Section===
+
==View the Callout Section==
−
View the image for examples of activated Callout Sections:
+
View your page to see the created Callout Section.
 +
 
 +
The image shows the following examples of activated Callout Sections:
 
# Callout Section in the Header
 
# Callout Section in the Header
 
# Callout Section in the Page Template (full-width)
 
# Callout Section in the Page Template (full-width)
 
# Callout Section in the Content Area
 
# Callout Section in the Content Area
−
# Callout Section Clone in the Content Area
 
 
# Callout Section in the Morefoot
 
# Callout Section in the Morefoot
−
 
+
# Callout Section on Special Pages (ex: Author Posts)
−
===Set the Callout Meta for Special Pages===
+
−
# Under Pagelines, click on "Special" to go to the Special Pages Panel
+
−
# Select the Special Page template
+
−
# Click on "Callout Meta"
+
−
#* If the Callout Meta is inactive, click "Inactive on Template" to activate the section
+
−
# As above, set the Callout Text, Callout Image, and Callout Link
+
−
 
+
−
(This might be duplicate of other docs?)
+
−
 
+
−
===Set the Callout Meta for Individual Posts===
+
−
 
+
−
needed? can set globally on blog pages? and set on individual posts?
+
  
 
==Create Multiple Callout Sections==
 
==Create Multiple Callout Sections==
  
−
To create multiple Callout Sections in the Header, Morefoot, Page Templates or Content Area, [[clone]] the section in the [[Template Setup]] panel and then drag & drop to activate the clones.
+
To create multiple Callout Sections in the Header, Morefoot, Page Templates or Content Area, [[clone]] the section in the [[Templates]] panel and then drag & drop to activate the clones.
−
 
+
−
possibly add to a cloning section...?  still encountering cloning bugs...
+
−
 
+
−
You can activate the Callout Section (or any section) in multiple areas at the same time.
+
−
 
+
−
Drag & Drop the Callout section into each area to activate it.
+
−
 
+
−
A [[Clone]] will automatically be created. (maybe? bug when auto created? same text in both?)
+
−
 
+
−
In header & morefoot, not auto-created... ???
+
−
 
+
−
===Activate Callout Section from a Page===
+
−
[[File:.png|200px|thumb|right|alt=Add Callout to Page|Add Callout to Page]]
+
−
# Open the Pages panel
+
−
# Select the page to which you want to add a Callout Section
+
−
## Note the Template for the selected page as you will need this when activating the section in the [[template setup]] panel (see step #3 in [[Activate Callout Section from Templates Panel]]
+
−
# Scroll down to [[Pagelines Meta Settings]]
+
−
# Select "[[Callout Meta]]"
+
−
# Click "[[Inactive on Template]]"
+
−
 
+
−
This will take you to the [[template setup]] panel where you can activate the Callout section. Go to step #3 in [[Activate Callout Section from Templates Panel]].
+
−
 
+
−
===Activate Callout Section from the Special Pages Panel===
+
  
−
needed??
+
You can then add the Callout text and image following the tutorial above.

Revision as of 19:38, 9 November 2011

File:Callout section.png
Callout Example

Setup the Callout Section to present a visible "call-to-action" for your site visitors. Possible uses are to direct clients to purchase product or sign up for your blog.

The Callout section can be placed in the Header, Page Template, Content Area, or Morefoot template areas and spans the width of either the page template or content area. The Callout Header & Text are positioned to the left of a Callout Image.

The Callout section can be setup on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results).

Contents

Activate the Callout Section

There are different ways to setup the Callout Section.

Activate Callout Section from the Templates Panel

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Templates"
  2. Select the Template Area where the Callout section will appear
    • In the default Pagelines installation, the Callout 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 Features 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 Features 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 Callout will be added
  4. Drag & Drop the "Callout" section from the "Available/Disabled Sections" into the "Active Sections" list
  5. The Section Order will be saved automatically

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

Hide the Callout section on individual pages

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 Callout section
  3. On the "Meta Panel," click the "Page Setup" tab
  4. Under "Individual Page Section Control," click "Hide Callout"
  5. Click "Save Meta Settings"

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

Show the Callout section on individual pages

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

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 "Callout Options"
  4. Click "Hide This By Default"
  5. The Section Options will save automatically

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

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

Create the Callout Section text and image

Create the Callout Section on a Page

Return to the page on which the callout appears to create the Callout text.

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 Callout section
  3. On the "Meta Panel," click the "Page Setup" tab
  4. Under "Individual Page Section Control" make sure the Callout Section is enabled/disabled where desired
  5. On the "Meta Panel," click the "Callout Meta" tab
    1. If the "Callout Meta" is "Inactive"
    2. Note the "Template" for the selected page
    3. Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
  6. Enter the Callout Text
  7. Enter a Callout Image
  8. Enter a Callout Link
    • This is the URL returned when a visitor clicks on the Callout Image
  9. Set the "Callout 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 "Callout Meta" as "Callout Meta (#2)", "Callout Meta (#3)", etc.
  10. Click "Save Meta Settings"

Create the Callout Section on a Post

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

Create the Callout Section on a Special Page

You may also create a Callout 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 Callout section will appear (in this example "Author Posts")
  3. In the "Select Settings" panel, click on "Callout Meta"
    1. If the "Callout Meta" is "Inactive"
    2. Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
  4. Enter the Callout Header & Text
  5. Enter a Callout Image
  6. Enter a Callout Link
    • This is the URL returned when a visitor clicks on the Callout Image
  7. Set the "Callout 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 "Callout Meta (#2)", "Callout Meta (#3)", etc.
  8. Click "Save Options"

View the Callout Section

View your page to see the created Callout Section.

The image shows the following examples of activated Callout Sections:

  1. Callout Section in the Header
  2. Callout Section in the Page Template (full-width)
  3. Callout Section in the Content Area
  4. Callout Section in the Morefoot
  5. Callout Section on Special Pages (ex: Author Posts)

Create Multiple Callout Sections

To create multiple Callout Sections in the Header, Morefoot, Page Templates or Content Area, clone the section in the Templates panel and then drag & drop to activate the clones.

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

Retrieved from "http://www.pagelines.com/wiki/index.php?title=How_to_Use_the_Callout_Section&oldid=2288"