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 13: Line 13:
 
* You are able to edit an actual file instead of your changes being saved in the database
 
* You are able to edit an actual file instead of your changes being saved in the database
 
* You can open style.css inside CSS editing programs such as Adobe Dreamweaver  
 
* You can open style.css inside CSS editing programs such as Adobe Dreamweaver  
* You will never have to worry about losing your custom code when you update your theme or migrate to another site
+
* Even though your Custom Code Settings that are stored in your database should remain safe when you update the theme or migrate to another site, there's always a a chance of database corruption. ''Always backup your database before updating or migrating your site'''
 
Any code changes you enter into style.css will override the Custom Code settings that contain the same changes.<br />
 
Any code changes you enter into style.css will override the Custom Code settings that contain the same changes.<br />
 
For more information on CSS & how it relates to PageLines 2.0, click on [[CSS Customization]]
 
For more information on CSS & how it relates to PageLines 2.0, click on [[CSS Customization]]

Revision as of 20:33, 11 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: style.css & functions.php.

  • style.css - This is where you should put all your custom CSS (graphical changes)
  • function.php – This is where 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, however it is not considered the preferred method. Using the PageLines Customize plugin to make your CSS changes is preferred 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 CSS editing programs such as Adobe Dreamweaver
  • Even though your Custom Code Settings that are stored in your database should remain safe when you update the theme or migrate to another site, there's always a a chance of database corruption. Always backup your database before updating or migrating your site'

Any code changes you enter into style.css will override the Custom Code settings that contain the same changes.
For more information on CSS & how it relates to PageLines 2.0, click on CSS Customization

Install the PageLines Customize Plugin

PageLines Customize Plugin
PageLines Customize Plugin

The PageLines Customize plugin is available for free in the PageLines Store.

From your WordPress Administration Panel:

  1. Select the "PageLines" panel, then "Store"
  2. Select the "Plugins" tab, then "Add Plugins"
  3. Select the "Top Free" tab
  4. Locate the "Pagelines Customize" plugin and click "Install"
  5. Select the "Added" tab, where you will now find the newly installed plugin
  6. Click "Activate"

You will now be able to edit the new style.css & functions.php. They are located in \wp-content\plugins\pagelines-customize

If you prefer to edit these files through Wordpress instead of a text editor, remember that "PageLines Customize" is a plugin, and can be accessed via:

Dashboard=>Plugins=>Editor