how to isolate the style (css+html) from php

Question

how can i isolate the style (css+html) from php, like put in the php file just some lines including by it the whole style or theme.

ex:

echo 
    eval_template("header") .
    eval_template("body") .
    eval_template("footer")

So in future i can change the whole style without touch the php files any idea ?

Awesome question: as in, why don't more people think about this separation! .. anyway, search for "PHP template" or similar; then see if/how any of the existing solutions apply. This will allow constructing a better (and more directed question). In any case, HTML is relatively hard to separate entirely as it is structure-dependent (the range of separation varies with approaches/patterns: template with logic? bind-only? MVP? adapters?), but CSS is relative easy to separate with just normal external stylesheets. — user166390
– user166390, Commented Jul 13, 2012 at 21:13

gherkins · Accepted Answer · 2012-07-13 21:13:33Z

1

there are many ways how you could do this...

Here's a tutorial on templating in plain PHP http://www.phpro.org/tutorials/Introduction-to-PHP-templating.html

You can also take a look at the many template engines out there. twig is one of them: http://twig.sensiolabs.org/

answered Jul 13, 2012 at 21:13

gherkins

15.1k7 gold badges47 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Frederik.L · Accepted Answer · 2012-07-13 22:08:09Z

Personally, I enjoy to do it manually.

PHP should not return both css and html code, or even better, it shoukd not return client-side code at all but rather dependencies to specific parts. You never want to modify a file that contains a lot of different things.

To separate css+html from the php code, what I usually do is a hierarchy done with include("..."); and include_once("..."). For example : include_once("header.php") > include("menu.php") > html semantic with css classes correctly initialized according to current context.

Then you import your css / js external scripts in header.php so that you never have to modify the whole thing unless everything changes or if you have a complete feature to add to the website. Same is possible for every sections of the website.

Hope this helps, for me it is incredibly reducing debug-time since everything important has to be done only once, then at the top of it, you can seperate as you wish.

Ema.jar · Accepted Answer · 2014-08-03 17:58:26Z

0

There are a lot of template engines you can use to do that, i prefer use twig, that is integrated with symfony2 framework.

Twig is wonderful because is very easy to use and very flexible, you can use inheritance to create a common layout which can be extended and overwriten in some some part using special tags. This is a guide i've find on Symfony website but is very usefull to understand the logic behind twig: http://symfony.com/doc/current/book/templating.html

answered Aug 3, 2014 at 17:58

Ema.jar

2,4341 gold badge35 silver badges44 bronze badges

Collectives™ on Stack Overflow

how to isolate the style (css+html) from php

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related