aMember Pro allows you to create your own custom theme. You can copy any template, image or CSS from the ''application/default/views'' folder to your theme folder and it will override the default theme. Your custom theme will only override aMember's default theme if your theme is enabled.

aMember Pro allows you to create your own custom theme. You can copy any template, image or CSS from the ''application/default/views'' folder to your theme folder and it will override the default theme. Your custom theme will only override aMember's default theme if your theme is enabled.

−

This is the recommended way to customize the look and feel of aMember Pro, because this way your custom theme will not be overwritten by upgrades and it is easy to determine exactly which files were modified. '''You need to copy to your theme folder only template files that you want to change. It is not necessary to copy all files from default theme to your theme folder. aMember will check template in your them folder first and if not find it then fallback to default folder'''.

+

This is the recommended way to customize the look and feel of aMember Pro, because this way your custom theme will not be overwritten by upgrades and it is easy to determine exactly which files were modified. '''You need to copy to your theme folder only template files that you want to change. It is not necessary to copy all files from default theme to your theme folder. aMember will check template in your them folder first and if not find it then fallback to default folder'''. Usually you need to edit only one file - layout.phtml

Default Theme

Default aMember theme has configuration options and you can personalize it a bit - you can upload your logo and put some text to header and footer.

You can configure Default Theme options in admin interface at

aMember CP -> Configuration -> Setup/Configuration -> Default Theme

Templates Syntax

aMember Pro v4 uses PHP-syntax based templates, like the ones used in [Zend Framework's Zend_View] or templates used in WordPress.

Finding the templates

aMember Pro templates are located in the following folders:

application/default/views/public/img/

Images

application/default/views/public/css/

CSS files

application/default/views/public/js/

JavaScript libraries

application/default/views/

user-side templates

application/default/views/admin

admin-side templates

application/default/themes

user-side themes

application/default/themes-admin

admin-side themes

Themes

aMember Pro allows you to create your own custom theme. You can copy any template, image or CSS from the application/default/views folder to your theme folder and it will override the default theme. Your custom theme will only override aMember's default theme if your theme is enabled.
This is the recommended way to customize the look and feel of aMember Pro, because this way your custom theme will not be overwritten by upgrades and it is easy to determine exactly which files were modified. You need to copy to your theme folder only template files that you want to change. It is not necessary to copy all files from default theme to your theme folder. aMember will check template in your them folder first and if not find it then fallback to default folder. Usually you need to edit only one file - layout.phtml

Congratulations! Your new theme has been created! If you open any user-side pages, you will see it uses a larger font size, and red background color. Now, that you have a good idea of how to create templates, you can start the real customization of your theme and change layout templates and CSS styles as you want. Important note - step 2 and step 3 are both optional. If you do not need layout customization, you do not need to upload the file layout.phtml; likewise, if you do not need CSS customization you do not need to upload the CSS file.

5. Make modifications to /amember/application/default/plugins/protect/wordpress/YOUR_WORDPRESS_THEME_FOLDERNAME/amember.php (which is default layout file for all aMember pages).

6. If you want to alter other amember pages or styles copy template files from /amember/application/default/views/ to /amember/application/default/plugins/protect/wordpress/YOUR_WORDPRESS_THEME_FOLDERNAME/