How to Use the PageLines Customize Plugin

[edit] Please Note

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

(Difference between revisions)
(PageLines Customize plugin vs. the Custom Code setting)
Line 10: Line 10:
 
==PageLines Customize plugin vs. the Custom Code setting==
 
==PageLines Customize plugin vs. the Custom Code setting==
 
You can also add custom CSS via the [[How to Use the Custom Code Settings|Custom Code]] tab located in the PageLines settings menu.  
 
You can also add custom CSS via the [[How to Use the Custom Code Settings|Custom Code]] tab located in the PageLines settings menu.  
The "Custom Code" tab is a simple quick way to add custom styles to your current site design.
+
The "Custom Code" tab is a simple quick way to add custom styles to your current site design. Using the PageLines Customize plugin to make your CSS changes is considered the preferred method for several reasons:
  
The PageLines Customize plugin is a more comprehensive way to customize your theme. It is a way to create child themes for your site through the plugin to add CSS but also functions, hooks and anything you want to customize your site.
+
* You are able to edit an actual file instead of your changes being saved in the database
<h3>Some of the differences</h3>
+
* You can open style.css inside a CSS editing program like Adobe Dreamweaver
# The Custom CSS section only allows you to customize CSS
+
* You will never have to worry about losing your custom code when you update your theme or migrate to another site
# In version 1.5 of PagelinesPro there was a base child theme
+
For more information on CSS & how it relates to PageLines 2.0, click on [[CSS Customization]]
# The PageLines Customize plugin replaces the base child theme, allowing you to do the same types of customizations from the plugin rather than from an entirely separate child theme
+
# The Custom CSS is just for quick CSS changes, you would not want to use it to re-theme your entire site
+
# It also gives you the ability to customize child themes without your changes being overwritten when you update the child theme
+
# If you download iblogpro5 and want to customize it, those changes will stick around when you update to iblogpro6
+
  
 
==Activate the Pagelines Customize Plugin==
 
==Activate the Pagelines Customize Plugin==

Revision as of 03:48, 2 December 2011

The PageLines Customize plugin allows you to make any change you need to without editing the core framework. This way when the PageLines 2.0 framework gets updated, you won’t have to worry about losing any custom changes you’ve made. Many of you upgrading from PlatformPro will remember using the Base child theme to add your custom code. In PageLines 2.0, the PageLines Customize plugin does the same thing.

style.css & functions.php

There are two main files in the PageLines Customize plugin for editing: base.css & functions.php.

  • style.css - This is wear you should put all your custom CSS (graphical changes)
  • function.php – This is wear you put all your custom PHP and hooks

Editing the style.css file, you can apply custom CSS to your theme.
Editing the functions.php file, that you can add pretty much anything else.

PageLines Customize plugin vs. the Custom Code setting

You can also add custom CSS via the Custom Code tab located in the PageLines settings menu. The "Custom Code" tab is a simple quick way to add custom styles to your current site design. Using the PageLines Customize plugin to make your CSS changes is considered the preferred method for several reasons:

  • You are able to edit an actual file instead of your changes being saved in the database
  • You can open style.css inside a CSS editing program like Adobe Dreamweaver
  • You will never have to worry about losing your custom code when you update your theme or migrate to another site

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

Activate the Pagelines Customize Plugin

Customize Plugin
Add Plugin
  1. Go to your PageLines Settings
  2. Click on the "Store" tab
  3. Click on the "Plugins" tab
  4. Click on the "Add Plugins" tab
  5. Click on the "Top Free" tab
  6. Find the "Pagelines Customize" plugin and click Activate
  7. The physical path to the style.css is (wp-content\plugins\pagelines-customize)