Web Pro Manager

Web Pro Manager CMS

User Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

customizing_your_components [2011/05/07 04:34]
thewebpro [What’s a component?]
customizing_your_components [2011/05/12 17:54] (current)
thewebpro [Creating a new component]
Line 71: Line 71:
 </code>\\  </code>\\ 
   - Save your component **PHP configuration file** when finished.\\ \\    - Save your component **PHP configuration file** when finished.\\ \\ 
-  - Create a new component **HTML template file** with the same name that you set for your template in //Step 2// and save it in the same folder as your **PHP configuration file**, or in a language sub-folder underneath it.  In it, add the HTML that will display when this component is used.  For the parts of the component that are user-driven (every field you added in the component **PHP configuration file**), place a tag for that field.\\ \\ **Here is a list of available tags and their parameters which will be replaced by the user’s chosen content.**\\ \\ Following is an example taken directly from the **Simple Text** component’s **HTML template file**:<code html><!-- BEGIN COMP: Simple text //-->+  - Create a new component **HTML template file** with the same name that you set for your template in //Step 2// and save it in the same folder as your **PHP configuration file**, or in a language sub-folder underneath it.  In it, add the HTML that will display when this component is used.  For the parts of the component that are user-driven (every field you added in the component **PHP configuration file**), place a tag for that field.\\ \\ **Here is a [[Component Tags for Web Pro Manager|list of available tags]] and their parameters which will be replaced by the user’s chosen content.**\\ \\ Following is an example taken directly from the **Simple Text** component’s **HTML template file**:<code html><!-- BEGIN COMP: Simple text //-->
 [#text_BEFORE=<h1>_AFTER=</h1>#] [#text_BEFORE=<h1>_AFTER=</h1>#]
 <div id="contentBox"> <div id="contentBox">