, Enter the "themes" section of the concrete5 dashboard. Example: – this template is very basic and could be used for any kind of site without modification. This extended content box is for miscellaneous things like twitter/facebook links, related content, and secondary navigation, and often they are styled differently from the rest of the page. They are extensively used in various websites to create stunning effects. Concrete5 themes can change the look, style, and functionality of your website simultaneously. For example, if our template html looks like this: The “if” statement is checking that there's at least one block in either of the bottom areas OR that we're in edit mode (otherwise the end-user would never have a chance to add content!). superfish dropdown menu). It WILL work properly with concrete5's auto-nav block. You should also update the changelog on your manage item page. Add the wrapper div to the page type template by adding. There are no definitive rules as to which areas you must have on each page, but it is standard practice for concrete5 page types to at least have a 'Main' area, a 'Sidebar' area, and a 'Header Nav' (navigation menu) area. Concrete5 asks for compatibility with various browsers when submitting to the marketplace. We can achieve this in a similar fashion as the default banner image. Click install and activate it! creative commons: this is what most converted themes are. Does the site title area contain enough space for a long name? Practical guide to create Concrete5 themes. If it is your own theme, you can decide which. Thanks for such a clean, functional, and customizable theme! Then look for the link on the dropdown that says submit to marketplace. In this tutorial I’ll show you some possibilities of typography.css. It’s assumed that you have worked with HTML before and can also read code as you’ll see some basic PHP and JavaScript code. It requires you to keep a link in the footer, but nowhere else. This might still make a suitable c5 theme, but it will be less flexible than a theme in which the image can be swapped out via an image block. Since core css is often loaded after theme css, it can be a problem to override styling of core blocks without using custom templates. Edit this file, and first give it the required namespace. If you're a web developer and don't use firebug yet, well it's time to start! "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. Before we even start building our theme or the custom functionality it contains, let’s create that package I mentioned earlier. So if your outer directory was named theme_awesome then this would by ThemeAwesomePackage, this is the outer directory of your theme, nothing fancy. Are background images flexible enough to work with different layouts? For example, if the designer made a background image that had a line down the middle, this would work perfectly for a two column layout, but not so much for left/right sidebar and full layouts. Our marketplace only provides well-vetted extensions and themes which include support. The namespace of the PageTheme class starts with the package namespace we used before, and then adds Theme and the PascalCase’d version of the theme’s handle. You need to specify this in your theme submission. Create a thumbnail image of the theme by taking a screenshot of the preview page (where you downloaded the template from), resizing it to 120px wide by 90px high, and saving it as a. The !important declaration in css causes an element to override other declarations of it later. To restrict the dimensions of any image the user adds, put this rule in your main.css stylesheet: We usually want to output the copyright year automatically with php code, for example: Most free templates have a stipulation that you give credit to the original author and link back to their site. In general I use Open Source for themes that I made/designed that I'm giving away, creative commons for converted templates, and marketplace license for paid themes. Other standard areas are 'Header' (usually for a banner image) and 'Footer' (for extended content at the bottom of the page – e.g. Many sidebars are actually lists of elements – an unordered list (