How to Use the Custom Code Settings
(→Add Custom Code) |
|||
| (95 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | __NOTOC__ | |
| − | + | [[Category:Framework]] | |
| − | + | The Custom Code settings is one of the three ways you can add custom [[Glossary#CSS|CSS]] to your site. The other methods for adding custom CSS are the [[Glossary#PageLines Customize Plugin|PageLines Customize Plugin]] & the [[Glossary#Base Theme|Base Theme.]] You also use the Custom Code Settings to add Header & Footer scripts and Analytics. | |
| + | <br /><br /> | ||
| + | [[File:Custom-Code.png|200px|thumb|right|alt=Custom Code|Custom Code]] | ||
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| − | # | + | # Select the "PageLines" panel, then "Settings" |
| − | # | + | # Select the "Custom Code" tab to show the following options: |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | # | + | ==Custom CSS== |
| − | # | + | This setting is a simple quick way to add custom styles to your site without having to edit any css files. Anything you enter here will be saved to your database. '''Always remember to backup your database.''' |
| + | |||
| + | # Enter the Custom CSS code you want to use to modify or add a specific CSS rule | ||
| + | #* For example, to change the margin at the top of your page: You would add, body {padding-top: 15px;} | ||
| + | # Click "Save Options" | ||
| + | |||
| + | Even though using this Custom CSS setting will give you the results you are looking for, is easy to use, and is considered perfectly safe, it is not necessarily considered to be the best, or most "professional" method for adding CSS to your site. If you are adding more than just a few simple lines of CSS, and would like to use a more professional approach, we recommend using either the [[Glossary#PageLines Customize Plugin|PageLines Customize Plugin]] or the [[Glossary#Base Theme|Base Theme,]] both available for free in the [[Glossary#Store|PageLines Store.]]<br /><br /> | ||
| + | For more information on CSS & how it relates to PageLines 2.0, click on [[Custom CSS]] | ||
| + | |||
| + | ==Header Scripts== | ||
| + | This is where you add any scripts you may have such as JavaScript. The script will be inserted directly before the end of the HTML </head> tag | ||
| + | |||
| + | # Enter your Header script into the text area | ||
| + | # Click "Save Options" | ||
| + | |||
| + | ==Footer Scripts & Analytics== | ||
| + | This is where you insert any footer script, including Google Analytics. | ||
| + | <br /><br /> | ||
| + | For more information, click on [http://www.google.com/analytics/ http://www.google.com/analytics] | ||
| + | |||
| + | # Enter your Footer script and any Analytics script into the text area | ||
| + | # Click "Save Options" | ||
| + | |||
| + | ==Asynchronous Analytics== | ||
| + | This is the placeholder for Google asynchronous analytics. It goes underneath body tag. | ||
| + | <br /><br />For more information, click on | ||
| + | [http://code.google.com/apis/analytics/docs/tracking/asyncUsageGuide.html http://code.google.com/apis/analytics/docs/tracking/asyncUsageGuide.html] | ||
| + | |||
| + | # Copy the Asynchronous Analytics script from your Google Analytics account into the text area | ||
| + | # Click "Save Options" | ||
Latest revision as of 21:15, 18 January 2012
The Custom Code settings is one of the three ways you can add custom CSS to your site. The other methods for adding custom CSS are the PageLines Customize Plugin & the Base Theme. You also use the Custom Code Settings to add Header & Footer scripts and Analytics.
From your WordPress Administration Panel:
- Select the "PageLines" panel, then "Settings"
- Select the "Custom Code" tab to show the following options:
[edit] Custom CSS
This setting is a simple quick way to add custom styles to your site without having to edit any css files. Anything you enter here will be saved to your database. Always remember to backup your database.
- Enter the Custom CSS code you want to use to modify or add a specific CSS rule
- For example, to change the margin at the top of your page: You would add, body {padding-top: 15px;}
- Click "Save Options"
Even though using this Custom CSS setting will give you the results you are looking for, is easy to use, and is considered perfectly safe, it is not necessarily considered to be the best, or most "professional" method for adding CSS to your site. If you are adding more than just a few simple lines of CSS, and would like to use a more professional approach, we recommend using either the PageLines Customize Plugin or the Base Theme, both available for free in the PageLines Store.
For more information on CSS & how it relates to PageLines 2.0, click on Custom CSS
[edit] Header Scripts
This is where you add any scripts you may have such as JavaScript. The script will be inserted directly before the end of the HTML </head> tag
- Enter your Header script into the text area
- Click "Save Options"
[edit]
This is where you insert any footer script, including Google Analytics.
For more information, click on http://www.google.com/analytics
- Enter your Footer script and any Analytics script into the text area
- Click "Save Options"
[edit] Asynchronous Analytics
This is the placeholder for Google asynchronous analytics. It goes underneath body tag.
For more information, click on
http://code.google.com/apis/analytics/docs/tracking/asyncUsageGuide.html
- Copy the Asynchronous Analytics script from your Google Analytics account into the text area
- Click "Save Options"