1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Creating style without template edition 1.0

Shows how to exclude edition of templates even if they needed.

  1. guiltar
    I will show how to completely refuse editing original templates.Then it will be much easier to update style from version to version.

    As an example I've choosed the style Social. We will remove all the customized templates in it.

    First we need to import the style and install Template Modification System.

    Now go to customized components and see 3 custom templates.

    Screenshot_6.png

    Let's compare them with original using http://diffchecker.com/diff
    Take a look at node_category_level_1 and see that category description moved 2 divs down and wrapped into <div class="descriptionContainer">

    Screenshot_7.png

    Now we create template modification doing the same thing. It is convenient to use regular expressions with modifier "s" (enables "single-line mode"). Modification is illustrated in the picture.

    Screenshot_13.png

    Create similar modifications for EXTRA.css and form.css.

    Screenshot_9.png Screenshot_10.png Screenshot_11.png

    At the moment modifications may not be applied since they try to search in custom templates of style Social but they differ default ones. To apply them delete the customized templates from Social.

    Screenshot_8.png

    Now we see all of them work fine. And style looks same. To check it we use "diff" links in the list of modifications. When you export/import the style modifications go with it. From author's permission I attached the EditFree version as demo.

    Screenshot_12.png
    Pereira, Luxus, sonnb and 8 others like this.