Перевод "PhpFox-Site Administration-Creating your site's looks "

PhpFox-Site Administration-Creating your site's looks

Creating your site's looks

Phpfox v2 offers a much easier way to customize how your site look. In previous versions you would upload your files to a folder but this is not needed anymore, you can customize your look from within the AdminCP very easily:

Creating a Theme

Go to the AdminCP -> Extensions -> Theme -> Create Theme. Every theme must have a parent theme so it piggybacks from that theme its templates, a good starting point is (maybe the only available for now) the Phpfox (default) one. The folder field is needed and it refers to the list of folders inside the /theme/frontend folder. This folder does not need to exist, so the name you put in this field must not exist in that list of folders. The rest of the fields are pretty much self explanatory and not required.

Believe it or not you already have a theme and a set of template files, it looks like the default one but that gives you something to work on.

From the AdminCP -> Extensions -> Theme -> Manage Themes screen you can edit your theme's templates and create styles. Its important here to note the difference:

* A template places elements in your page. A template is done using HTML

* A style positions and colors the elements in your page. A style uses CSS

If you go to the list of themes you can edit the templates for this new theme.

From the Manage Themes screen if you click on the icon to the left of your theme you will be shown several options, you most likely will want to change the colors first so lets create a Style

Creating a Style

From AdminCP -> Extensions -> Theme -> Create Style, or from Manage Themes and menu on the left of your theme, you can create a style. Be sure to check the Parent Theme is your own theme. Here the parent style applies the same logic from the templates, it piggybacks from an existing set so you dont have to create everything from scratch as there may be items left out by accident. Name your Style and write a name for the folder. This folder is the one inside /theme/frontend/<yourTheme>/style/ so once again this folder must not exist.