All sites start off with a design. That design, mostly made in PhotoShop and saved as a .psd file, will be translated to HTML/CSS. But what do you with these .html and .css files, how do you turn that into a theme with a nice package, working together with concrete5? Of course, there’s the programming way. But since not all of us are developers, why not have a form you fill in and let something else generate that for you (based on your HTML template that is)?
So let me be clear here: You start off with an HTML template, either downloaded or provided by your developer (or created by yourself even). See BootstrapMade for example for free downloadable templates! There are loads of other (free) template sites of course.
This is how Theme Designer is developed to be. There are a few steps you follow every time creating a new theme:
That’s about it for the bare minimum of creating a theme from a template. The package is being created along with the needed files. You only need to navigate to “Extend concrete5” and click “Install” behind the package name (listed under “Awaiting Installation” at the bottom of this page).
Of course, there are many more settings available for the “more professional users” – or for those that need more things added to the theme. You are able to give the package a different name, instead of naming it the same as the theme for example. Same goes for the handle, description and many MANY more options. Think of creating Block Templates for your breadcrumbs for example, using the default “Auto-Nav” Block Type. Or some nice social links template, using the “Social Links” Block Type included in the core of concrete5.
To those familiar with concrete5 theme development already, this Add-On comes in handy too (also for those die-hard developers). You can always load back in your configuration once installed and overwrite files even when installed. So, you created the theme and forgot some things/elements or maybe you want to remove bits and pieces? No problem. Load it back in, make your changes and set the “Delete all existing theme files with the entered handle” value to “Yes” to actually delete the theme files and overwrite them with new ones according to the values you filled in into the form.
This Add-On makes developing AND editing themes, created with Theme Designer, really easy. However, it can not do everything for you. Fill in the form correctly, copy/paste the things you need and make your block types. This Add-On, nor the developer, is responsible for half-completed themes, non-working themes, destroyed webpages/sites or anything alike. The result all depends on how the form is filled in and what is being copied/used from the HTML/CSS template you want to convert.