Creating Concrete5 Themes

Creating Concrete5 Themes
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $42.98    Print cover: $29.99
save 30%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Get to grips with the concrete5 architecture
  • Learn how to create a concrete5 theme
  • Discover how to make a theme responsive to improve it for small devices


Book Details

Language : English
Paperback : 160 pages [ 235mm x 191mm ]
Release Date : January 2013
ISBN : 1782161643
ISBN 13 : 9781782161646
Author(s) : Remo Laubacher
Topics and Technologies : All Books, CMS and eCommerce, Open Source

Table of Contents

Chapter 1: Getting Started
Chapter 2: Architecture of concrete5
Chapter 3: Creating Your First Theme
Chapter 4: Styling Single Pages
Chapter 5: Styling the Block Output
Chapter 6: Responsive Themes
  • Chapter 1: Getting Started
    • Getting your own concrete5 site
    • Start working with concrete5
    • Dashboard to manage concrete5
    • How to edit content
      • What are blocks
      • What is an area?
      • Adding and updating blocks
    • Publishing changes and managing versions
    • Managing files
      • Uploading files
    • Working with stacks
    • Change the layout and style of your pages, areas, and blocks
      • Page types
      • Design to customize the appearance of blocks and areas
      • Splitting content in different columns
    • Creating and managing pages
      • Adding a new page
    • Adding default blocks to page types
    • Summary
    • Chapter 2: Architecture of concrete5
      • The file structure of concrete5
        • concrete5 updates
      • Caching for better performance
      • The distinction of Model-View-Controller (MVC)
      • The anatomy of a page
      • The anatomy of a block
      • concrete5 API and helpers
        • Helpers
      • Events to hook into the core
      • What happens when a page is rendered
      • Why you might want to build a package
        • Basic package installer
        • Marketplace submission
      • Summary
      • Chapter 3: Creating Your First Theme
        • Getting started with themes
        • Creating the first theme
          • Adding our page type template
          • Creating the shared header
          • Creating the shared footer
          • Adding a theme thumbnail
          • Installing your theme
        • Adding CSS files to a theme
          • Adding main.css
          • Adding typography.css
          • Content block styles
          • Performance perfection when including CSS files
          • Customizable styles
        • Adding more details
          • Global areas
          • Replacing the header area with a global area
          • Putting blocks in templates
            • Finding block properties
          • Templates for page types
          • Number of blocks per area
          • Background picture by page attribute
            • Creating the attribute to hold our picture
            • Assigning attribute to page type
            • Selecting background pictures
            • Working with attributes in the theme
          • Page-specific variables
            • Getting page name and description
            • Checking the edit mode
            • Getting the current page type
        • Summary
        • Chapter 4: Styling Single Pages
          • What is a single page?
            • Creating our own single page
            • Installing single pages
          • Changing the single page layout
            • Adding view.php to your theme
            • Applying the theme to single pages
          • Overriding the single page's HTML output
          • Summary
          • Chapter 5: Styling the Block Output
            • Overriding block templates
              • Additional block templates
              • Block templates with CSS and JavaScript
              • Content block in a box
            • Overriding blocks in packages
            • Changing the navigation
              • Working with the drop-down block template
            • Creating a portfolio list with filter
              • Adding portfolio attributes
                • Creating a page list filter template
            • Summary
            • Chapter 6: Responsive Themes
              • Responsive or separate mobile websites
              • Responsive techniques
                • Media queries
                • How to scale pictures
                • Pictures on high-density screens
                • Viewport on small-screen devices
                • Navigation for small screens
              • Responsive layout implementation in concrete5
                • Responsive bootstrap CSS
                • Responsive drop-down navigation
                • Responsive sidebar navigation
              • Summary

              Remo Laubacher

              Remo Laubacher grew up in Central Switzerland in a small village surrounded by mountains and natural beauty. He started working with computers a long time ago and then, after various computer-related projects, focused on ERP and Oracle development. After completing his BSc in Business Administration, Remo became a partner at Ortic, his ERP and Oracle business, as well as a partner at Mesch web consulting and design GmbH. At Mesch—where he's responsible for all development-related topics—he discovered concrete5 as the perfect tool for their web-related projects and has since become a key member of the concrete5 community. You can find his latest publications on

              He has also authored concrete5 Beginner's Guide and Creating concrete5 Themes.

              Sorry, we don't have any reviews for this title yet.

              Code Downloads

              Download the code and support files for this book.

              Submit Errata

              Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


              - 2 submitted: last submission 05 Jun 2013

              Errata type: Others | Page number: 111 | Errata date: 26 february 2013

              This line
              In the Properties dialog, change to the second tab Custom Properties, and scroll to the bottom to add the new attribute tags.
              Should be
              In the Properties dialog, change to the second tab Custom Attributes, and scroll to the bottom to add the new attribute tags.


              Errata type: code | Page number: 104 | Errata date: 26 February 2013

              This line
              $attributesA = array()
              Should be
              $attributesA = array();


              Sorry, there are currently no downloads available for this title.

              Frequently bought together

              Creating Concrete5 Themes +    Managing and Customizing OpenCms 6 Websites =
              50% Off
              the second eBook
              Price for both: $18.50

              Buy both these recommended eBooks together and get 50% off the cheapest eBook.

              What you will learn from this book

              • Learn how to create a concrete5 theme
              • Understand what it means to create a responsive site
              • Use multiple image sources to display high quality pictures on retina displays
              • Override core elements like the login and 404 page without losing the ability to upgrade concrete5
              • Change the look of concrete5 blocks to make them match with the rest of the site
              • Learn how to embed dynamic elements in the theme template to avoid accidental modifications
              • Change the behavior of the content to make its content visible in a modal dialog box
              • Create a background picture that scales with the size of the browser window and can be changed in the user interface


              In Detail

              Creating a concrete5 theme isn't complicated if there’s already a HTML document. There are only very few PHP functions you’ll have to add, but those are powerful and give you a lot of freedom. As you’ll learn to create mobile ready themes, you’ll start to see that there’s almost no limit in what you can do.

              "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.

              "Creating Concrete5 Themes" starts with a few words about the editing concept and architecture of concrete5 and then continues with the creation of a basic theme which gets extended with more and more elements until the theme is mobile ready.

              You will learn where to find the information necessary to get your own concrete5 site and then get a quick introduction to understand the idea of the in-site editing concept. We’ll then create a theme which is extended with features and more details as we progress. You’ll also see some examples to show you the process of overriding elements from the core without losing the ability to upgrade concrete5 in the future. Once we’ve customized every element in concrete5 to build a complete theme, we’ll have a look at responsive techniques to make your site ready for small screen devices such as mobile phones and tablets.



              Practical guide to create Concrete5 themes


              Who this book is for

              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. 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. There are a few words about using concrete5, but you’re expected to spend a bit of time on your own to get familiar with the concrete5 interface by yourself and by reading some of the articles listed in the book. Readers are expected to have the ability to set up their own concrete5 site, but basic information about the installation and links to follow up are provided though.


              Code Download and Errata
              Packt Anytime, Anywhere
              Register Books
              Print Upgrades
              eBook Downloads
              Video Support
              Contact Us
              Awards Voting Nominations Previous Winners
              Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
              Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software