Building Sections into HTML5 Theme
Permalink
Hey there,
I just started working with concrete5 and I am amazed about all the fantastic stuff you can build with it. Currently I am building a custom theme for my site im currently working on. For this site, I'm using a HTML5 based theme fromhttp://html5up.net/ which is called "Twenty" (just scroll down a bit to find it ;)). As you might noticed, the site is structured into several sections (the header, the blue one, the one below it, the white one and so on).
Yet, I don't know how I want them to be ordered or how many of (for example the gray one below the blue or the white section) those sections i gonna need for my site to represent the entry page ... Therefor I thought about making blocks out of them but is this a good idea? Because the block has to be some sort of container which holds an area inside the block. Any other solution?`
I just started working with concrete5 and I am amazed about all the fantastic stuff you can build with it. Currently I am building a custom theme for my site im currently working on. For this site, I'm using a HTML5 based theme fromhttp://html5up.net/ which is called "Twenty" (just scroll down a bit to find it ;)). As you might noticed, the site is structured into several sections (the header, the blue one, the one below it, the white one and so on).
Yet, I don't know how I want them to be ordered or how many of (for example the gray one below the blue or the white section) those sections i gonna need for my site to represent the entry page ... Therefor I thought about making blocks out of them but is this a good idea? Because the block has to be some sort of container which holds an area inside the block. Any other solution?`
Firstly ‘convert’ HTML code into a ‘concrete’ theme, see vid for help: https://documentation.concrete5.org/developers/designing-for-concret...
If the content areas are going to be static, not editable, then css the named areas. If you want areas to be ‘customised’ or moved then give them a ‘Custom Class’ name again using css. So, for instance in your css file name an area class is named ‘blue’. In edit mode click an area block and click ‘Design & Custom Template’, then click the gear icon and type in the ‘Custom Class’ input box ‘blue’ and click ’Save’. The area will then use the ‘blue’ css style class you have in your stylesheet.
Pretty basic, if u need more help ask.
If the content areas are going to be static, not editable, then css the named areas. If you want areas to be ‘customised’ or moved then give them a ‘Custom Class’ name again using css. So, for instance in your css file name an area class is named ‘blue’. In edit mode click an area block and click ‘Design & Custom Template’, then click the gear icon and type in the ‘Custom Class’ input box ‘blue’ and click ’Save’. The area will then use the ‘blue’ css style class you have in your stylesheet.
Pretty basic, if u need more help ask.
In general, blocks are for front end functionality and content. Themes are for overall site presentation. Themes can provide custom templates for blocks where they need further adapting, but don't get carried away with them.
New blocks shouldn't be needed purely for presentation.