How to Use the Callout Section
(Difference between revisions)
| Line 1: | Line 1: | ||
[[category:Draft]] | [[category:Draft]] | ||
[[File:callout_section.png|200px|thumb|right|alt=Callout Example|Callout Example]] | [[File:callout_section.png|200px|thumb|right|alt=Callout Example|Callout Example]] | ||
| − | Setup the Callout Section to present a visible | + | Setup the "Callout Section" to present a visible ''call-to-action'' for your site visitors. A possible use is directing 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 | + | The Callout section can be placed in the Header, Page Template, Content Area, or Morefoot template areas and includes a Callout image positioned to the right of the text. |
The Callout section can be setup on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results). | The Callout section can be setup on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results). | ||
| − | ==Activate | + | ==Activate Callout== |
There are different ways to setup the Callout Section. | There are different ways to setup the Callout Section. | ||
| − | ===Activate Callout Section from the Templates Panel=== | + | ===Activate the Callout Section from the Templates Panel=== |
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| Line 17: | Line 17: | ||
# Select the Template Area where the Callout section will appear | # 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]] | #* 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 | + | #*If you select the "Page Template" area, by default the Callout 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 | + | #*If you select "Header" or "Morefoot," by default the Callout section will be displayed on every page regardless of the Page Template |
# Select the "Type of Page" or "Content Area Type" to which the Callout will be added | # Select the "Type of Page" or "Content Area Type" to which the Callout 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 is turned on or "[[hidden by default]]" for ALL [[page types]], but can still be disabled/enabled on each individual page under [[Pagelines Meta Settings]] / [[Page Setup]]. | #* This selection is not available for [[Header]] and [[Morefoot]] template areas. If the callout section is added to these areas, the section is turned on or "[[hidden by default]]" for ALL [[page types]], but can still be disabled/enabled on each individual page under [[Pagelines Meta Settings]] / [[Page Setup]]. | ||
| − | # Drag & Drop the "Callout" section from the "Available/Disabled Sections" into the "[[Active Sections]]" list | + | # Drag & Drop the "Callout" section from the "[[Available/Disabled Sections]]" into the "[[Active Sections]]" list |
| − | # The Section Order will be saved automatically | + | #* To activate more than one Callout Section, click "Callout ''Options''" |
| + | #* Then click "Clone" | ||
| + | # The [[Glossary#SectionOrder|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 | + | You will now see the Callout section on every page that it is active on. Return to individual pages to add the content to your "Callout" sections. |
===Hide the Callout section on individual pages=== | ===Hide the Callout section on individual pages=== | ||
| Line 36: | Line 38: | ||
# 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 or post | + | Because the Callout 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 Callout section displayed. |
===''Show'' the Callout section on individual pages=== | ===''Show'' the Callout section on individual pages=== | ||
| − | Alternatively, you can hide the Callout section by default and enable it on individual pages. | + | Alternatively, you can hide the Callout section by default and enable it on individual pages or posts. |
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| Line 50: | Line 52: | ||
# The Section Options will save automatically | # The Section Options will save automatically | ||
| − | Now the Callout section will be hidden by default until you select to show it on individual pages. | + | Now the Callout section will be hidden by default until you select to show it on individual pages or posts. |
# Select the "Pages" panel, then "All Pages" | # Select the "Pages" panel, then "All Pages" | ||
| Line 58: | Line 60: | ||
# Click "Save Meta Settings" | # Click "Save Meta Settings" | ||
| − | == | + | ==Add Callout Content== |
| − | === | + | Add the Callout Header, Text and Image to your activated Callout sections. |
| + | |||
| + | ===Add the Callout content to individual pages=== | ||
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 82: | Line 86: | ||
# Click "Save Meta Settings" | # Click "Save Meta Settings" | ||
| − | === | + | ===Add the Callout content to individual posts=== |
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. | 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. | ||
| − | === | + | ===Add the Callout content to 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. | ||
| Line 104: | Line 108: | ||
# Click "Save Options" | # Click "Save Options" | ||
| − | ==View | + | ==View Callout== |
View your page to see the created Callout Section. | View your page to see the created Callout Section. | ||
| Line 114: | Line 118: | ||
# Callout Section on Special Pages (ex: Author Posts) | # Callout Section on Special Pages (ex: Author Posts) | ||
| − | ==Create Multiple | + | ==Tip: Add Callout Directly from Site== |
| + | |||
| + | Here is a trick for adding Callout content directly from your website. | ||
| + | |||
| + | First, make sure the Callout section is activated in the template. | ||
| + | |||
| + | # On your site, click on the page or post on which the callout section is activated | ||
| + | # You will see an empty placeholder for the Callout section | ||
| + | # Click on "Set Meta" | ||
| + | #* This takes you to the "Callout Meta" panel for that individual page or post | ||
| + | |||
| + | ==Tip: Create Multiple Callouts== | ||
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. | 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. | You can then add the Callout text and image following the tutorial above. | ||
Revision as of 20:46, 9 November 2011
File:Callout section.png
Callout Example
Setup the "Callout Section" to present a visible call-to-action for your site visitors. A possible use is directing 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 includes a Callout image positioned to the right of the text.
The Callout section can be setup on Pages, Posts, and WordPress Special Pages (such as Author, Category, and Search Results).
Contents |
Activate Callout
There are different ways to setup the Callout Section.
Activate the Callout Section from the Templates Panel
From your WordPress Administration Panel:
- Select the "PageLines" panel, then "Templates"
- 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 Callout 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 Callout section will be displayed on every page regardless of the Page Template
- Select the "Type of Page" or "Content Area Type" to which the Callout 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 is turned on or "hidden by default" for ALL page types, but can still be disabled/enabled on each individual page under Pagelines Meta Settings / Page Setup.
- Drag & Drop the "Callout" section from the "Available/Disabled Sections" into the "Active Sections" list
- To activate more than one Callout Section, click "Callout Options"
- Then click "Clone"
- 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 add the content to your "Callout" sections.
Hide the Callout section on individual pages
From your WordPress Administration Panel:
- Select the "Pages" panel, then "All Pages"
- Click to edit the page on which you wish to hide the Callout section
- On the "Meta Panel," click the "Page Setup" tab
- Under "Individual Page Section Control," click "Hide Callout"
- 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 on which you do not want the Callout section displayed.
Show the Callout section on individual pages
Alternatively, you can hide the Callout 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 "Callout Options"
- Click "Hide This By Default"
- The Section Options will save automatically
Now the Callout 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 Callout section
- On the "Meta Panel," click the "Page Setup" tab
- Under "Individual Page Section Control," click "Show Callout"
- Click "Save Meta Settings"
Add Callout Content
Add the Callout Header, Text and Image to your activated Callout sections.
Add the Callout content to individual pages
Return to the page on which the callout appears to create the Callout text.
From your WordPress Administration Panel:
- Select the "Pages" panel, then "All Pages"
- 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
- 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 a Callout Image
- Enter a Callout Link
- This is the URL returned when a visitor clicks on the Callout Image
- 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.
- Click "Save Meta Settings"
Add the Callout content to individual posts
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.
Add the Callout content to a special page
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 Special Page on which the Callout section will appear (in this example "Author Posts")
- In the "Select Settings" panel, click on "Callout Meta"
- If the "Callout Meta" is "Inactive"
- Click on "Inactive on Template" to activate the "Callout" section in the PageLines Templates panel
- Enter the Callout Header & Text
- Enter a Callout Image
- Enter a Callout Link
- This is the URL returned when a visitor clicks on the Callout Image
- 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.
- Click "Save Options"
View Callout
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 Page Template (full-width)
- Callout Section in the Content Area
- Callout Section in the Morefoot
- Callout Section on Special Pages (ex: Author Posts)
Tip: Add Callout Directly from Site
Here is a trick for adding Callout content directly from your website.
First, make sure the Callout section is activated in the template.
- On your site, click on the page or post on which the callout section is activated
- You will see an empty placeholder for the Callout section
- Click on "Set Meta"
- This takes you to the "Callout Meta" panel for that individual page or post
Tip: Create Multiple Callouts
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.