tag in the html (as opposed to a background-image in the CSS), so we can easily replace it by making it an area in the template. Concrete5 asks for compatibility with various browsers when submitting to the marketplace. Twitter/Facebook links, links to related content, etc. It is often a good idea to prefix theme_ to this, so you can differentiate between themes and packages. Make sure that any image references are *NOT* surrounded by quotes. To add a custom template, create a new folder inside root/blocks (or inside root/packages/theme_name/blocks if it is a packaged theme). From, You can then call the class .editmode {} in your css to adjust an object in edit mode. Concrete5, however, is more of a general-purpose CMS and the majority of the sites built on it are probably not blogs. Within the packages/dreamrs directory, run. When concrete5 installs a theme, it uses the theme's folder name to create a "handle" for referencing the files and assets inside. If this is the case, we do not want to make it easy for the end-user to remove this (the template author was nice enough to give it away for free, after all). "Creating Concrete5 Themes" is a practical, hands-on guide that provides you with a number of examples that will teach you how to create powerful concrete5 themes, change the look of content block elements, and even make your site ready for mobile devices. You may also want to remove lines about hr, as this will ultimately confuse users. This book is great for theme developers new to concrete5 who are looking to use their experience in HTML and CSS to create high quality themes for concrete5. Example: http://www.freecsstemplates.org/preview/nourish/ – The title (“Nourish”) has the entire width of the page to expand to, so it would be better as a concrete5 theme. http://www.freecsstemplates.org/preview/woodenly/, http://www.freecsstemplates.org/preview/nourish/. If we don't change the name of the folder, concrete5 will see that the simple_blue handle is already in use and your theme will not install. http://www.kristarella.com/2009/02/04/how-to-use-firebug-for-css/, http://www.freecsstemplates.org/preview/terrafirma2/, Installs My cool theme, an awesome Concrete5 theme, http://www.concrete5.org/marketplace/themes/mobilize/. If the user is starting with a fresh site and has sample content installed, this isn't a problem because the sample content already contains an auto-nav block (using the “Header Menu” custom template) in the 'Header Nav' area. I often use the format theme_name_location_block.php with location being the place on the page, and block the blocks name. Just by adding a rule for .button, users can then output text with that class applied with one click, no custom templates. In other words, each portion of sample content in the template would wind up being a concrete5 block, but as theme designers we're not actually putting the blocks into the theme – we're just putting in the areas (which the users will subsequently put their own blocks into). Install Firebug. For any images in the template other than the banner, you will need to decide if you want them to stay hard-coded or if they should be editable content areas. For example, if you have something like this in your main.css file: You would put the following in typography.css: And that would leave you with this in main.css: Rename the “index.html” file to “default.php” – the template is now a concrete5 page type (“page type” is concrete5's word for template). Then click submit once you are done and a group of your peers will review it and hopefully approve it. It WILL work properly with concrete5's auto-nav block. Edit this file, and first give it the required namespace. creative commons: this is what most converted themes are. cmynsc concrete5 Bedrock: A Foundation for concrete5 and concrete5 Themes. The following sites have a wide variety of free templates to choose from: The kind of layout that a template has can make a big difference on how easy or difficult (or even possible) it is to convert it to a Concrete5 theme. Some Basic licenses are. Is it a blog template or a generic site template? If your template image had a path that doesn't include the “images” directory, you need to add that (because we put all of our theme images inside a folder called “images”). You simply have to install a theme, which suits your needs. Example: http://www.oswd.org/design/preview/id/3698 – this template's menu is a series of
  • tags inside a