How to Use the Custom Code Settings

Revision as of 02:05, 2 December 2011

The Custom Code settings is where you can customize your site beyond what's available in the PageLines 2.0 options. It would be easy to add tons of theme options to every little thing in your site; but when trying to customize colors, shapes, text, and control each entity’s size… options aren’t always the best solution. This is because you could add twenty options just to control one block of text; so adding options for everything leads to an overly-complicated product.

Custom Code

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. 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.

1. 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;}
2. Click "Save Options"

Even though using this Custom CSS setting will give you the results you are looking for, it is generally not considered to be the "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 the PageLines Customize Plugin, available for free in the PageLines Store.

For more information on CSS & how it relates to PageLines 2.0, click on CSS Customization

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

1. Enter your Header script into the text area
2. Click "Save Options"

Footer Scripts & Analytics

This is where you insert any footer script, including Google Analytics.

For more information, click on http://www.google.com/analytics

1. Enter your Footer script and any Analytics script into the text area
2. Click "Save Options"

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

1. Copy the Asynchronous Analytics script from your Google Analytics account into the text area
2. Click "Save Options"