Creating Concrete5 Themes. Create high quality concrete5 themes using practical recipes and responsive techniques to make it mobile-ready

Creating Concrete5 Themes. Create high quality concrete5 themes using practical recipes and responsive techniques to make it mobile-ready - Opis

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. Spis treści:
Creating concrete5 Themes
Table of Contents
Creating concrete5 Themes
Credits
About the Author
About the (...) więcej Reviewer
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
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
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
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
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 pages HTML output
Summary
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
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
Index mniej