How to Use the PageLines Customize Plugin
| (17 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| − | The PageLines Customize plugin allows you to make any change you need to without editing the core framework. This way when the PageLines | + | [[Category:PageLines Plugins]] |
| + | |||
| + | {{#ev:youtubehd|Z_aorAvL84g|600|PLET-4.1: How to use the PageLines Customize Plugin - PageLines Essential Training}} | ||
| + | |||
| + | The PageLines Customize plugin allows you to make any change you need to without editing the core framework. This way when the PageLines 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 customization. In the PageLines Framework, you can still use a Base Child Theme , but you also have the option of using the PageLines Customize plugin. It acts as a child theme. | ||
==style.css & functions.php== | ==style.css & functions.php== | ||
| Line 7: | Line 11: | ||
Editing the style.css file, you can apply custom CSS to your theme.<br />Editing the functions.php file, that you can add pretty much anything else. | Editing the style.css file, you can apply custom CSS to your theme.<br />Editing the functions.php file, that you can add pretty much anything else. | ||
| + | |||
| + | ==PageLines Customize plugin vs. the Base Theme== | ||
| + | Many people have asked "What's the difference between the PageLines Customize plugin and the [[Glossary#Base Theme|Base Theme?"]] or "Why should I choose one method over the other?" Both methods contain their own '''style.css''' & '''functions.php''' files that you can edit & add your own customization. Either way you can customize your site while keeping your files intact when you apply a core update. | ||
| + | |||
| + | The advantage of the Child Theme is that you can customize PageLines 2.0 core sections without losing any edits when you update the core. The disadvantage is that you can't then install a 3rd party child theme through the [[Glossary#Store|store]] and update it, as you will lose your edits. | ||
| + | |||
| + | The advantage of the PageLines Customize Plugin is that you can update the core files and a 3rd party child theme and still keep your customizations. | ||
| + | |||
| + | If you don't plan on ever using a PageLines child theme, then it's really up to your personal preference which method you choose. | ||
| + | |||
| + | If for some reason you are using both the PageLines Customize plugin and the Base Theme, any custom code entered in the PageLines Customize plugin will take priority over any code in the Base Theme that contain changes for the same div container or class. | ||
==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, however it is not considered the preferred method. Using the PageLines Customize plugin to make your CSS changes is preferred for several reasons: | + | The Custom Code tab is a simple quick way to add custom styles to your current site design, however it is not necessarily considered the preferred method. Using the PageLines Customize plugin to make your CSS changes is preferred for several reasons: |
| + | * You can open style.css inside your favorite text editor or CSS editing programs such as Adobe Dreamweaver | ||
* 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 | ||
| − | * | + | * 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 small chance of database corruption. With the PageLines Customize Plugin, your custom CSS won't get wiped out even if your database does. |
| − | + | **'''Always backup your database regularly & before updating or migrating your site''' | |
| − | Any code changes you enter into style.css will override the Custom Code settings that contain the same | + | Any code changes you enter into style.css via the PageLines Customize Plugin will override the Custom Code settings that contain changes for the same div container or class.<br /> |
| − | For more information on CSS & how it relates to PageLines 2.0, click on [[CSS | + | |
| + | For more information on CSS & how it relates to PageLines 2.0, click on [[Custom CSS]] | ||
==Install the PageLines Customize Plugin== | ==Install the PageLines Customize Plugin== | ||
Latest revision as of 16:24, 16 April 2012
The PageLines Customize plugin allows you to make any change you need to without editing the core framework. This way when the PageLines 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 customization. In the PageLines Framework, you can still use a Base Child Theme , but you also have the option of using the PageLines Customize plugin. It acts as a child theme.
Contents |
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 Base Theme
Many people have asked "What's the difference between the PageLines Customize plugin and the Base Theme?" or "Why should I choose one method over the other?" Both methods contain their own style.css & functions.php files that you can edit & add your own customization. Either way you can customize your site while keeping your files intact when you apply a core update.
The advantage of the Child Theme is that you can customize PageLines 2.0 core sections without losing any edits when you update the core. The disadvantage is that you can't then install a 3rd party child theme through the store and update it, as you will lose your edits.
The advantage of the PageLines Customize Plugin is that you can update the core files and a 3rd party child theme and still keep your customizations.
If you don't plan on ever using a PageLines child theme, then it's really up to your personal preference which method you choose.
If for some reason you are using both the PageLines Customize plugin and the Base Theme, any custom code entered in the PageLines Customize plugin will take priority over any code in the Base Theme that contain changes for the same div container or class.
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 necessarily considered the preferred method. Using the PageLines Customize plugin to make your CSS changes is preferred for several reasons:
- You can open style.css inside your favorite text editor or CSS editing programs such as Adobe Dreamweaver
- You are able to edit an actual file instead of your changes being saved in the database
- 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 small chance of database corruption. With the PageLines Customize Plugin, your custom CSS won't get wiped out even if your database does.
- Always backup your database regularly & before updating or migrating your site
Any code changes you enter into style.css via the PageLines Customize Plugin will override the Custom Code settings that contain changes for the same div container or class.
For more information on CSS & how it relates to PageLines 2.0, click on Custom CSS
Install the PageLines Customize Plugin
The PageLines Customize plugin is available for free in the PageLines Store.
From your WordPress Administration Panel:
- Select the "PageLines" panel, then "Store"
- Select the "Plugins" tab, then "Add Plugins"
- Select the "Top Free" tab
- Locate the "Pagelines Customize" plugin and click "Install"
- Select the "Added" tab, where you will now find the newly installed plugin
- 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