About
Vision
Security
Releases
Town Halls
License
Get Involved
Project News
Get Started
Hosting
Download
Installation
Extensions
Add-ons
Themes
Related Projects
Translations
Documentation
Community
Forums
Translate
Search Members
Documentation
User Guide
Developers
Videos
Tutorials
Contribute
Building a website with Concrete CMS
Introduction
Foreword
Who is this Guide For?
What are we building?
Create a Technical Outline of Work
Introduction
Theme & Theme Elements
Page Types & Templates
Blocks And Content Elements
Packaging
Final Deliverable
Install Concrete CMS
Introduction
Create Project Using Composer
Interactive Installation
Accessing Our Site
Adding to Git
Disable Caching
Wrap-Up
Create Your Package and Theme
Introduction
Create the Empty Package Code
Create the Empty Theme
Install the Package and Theme
Add Basic Editability to Your Site
Introduction
Create the Full Page Template
Create the Fall-Back Page Template
Create the Header and Footer
Fix CSS and JavaScript References
Enable Concrete CMS in Header and Footer
Fix Rendering Issues in the Toolbar
Add Editable Area
Fix Edit Interface
Test Editing
Use Sass To Create Our Theme's Stylesheets
Introduction
Laravel Mix
Install Dependencies
Add our SASS Files
Build our style.css
Re-apply style customizations
Properly Scope Theme Styles with .ccm-page
Wrap-Up
Create Our First Page Type
Introduction
Create Page Header Block
Create the Content Page Template
Add a Testing Page
Create the Custom Template for the Page Title Block
Finish with the Content Block
Putting it All Together Create the Page Type
Create the Projects Top Level Page
Overview
Create the Projects Page
Create the Project Category Custom Attribute
Create the Project Thumbnail Custom Attribute
Update the Project Page Type
Create The Project Grid Block
Create Dummy Pages for Testing
Add the Project Grid to the Projects Page
Add the Projects Page to the Installation
Wrap Up
Making our Header Work
Introduction
Update the Logo Link
Make the Header Dynamic
Add an Active State to the Header Navigation
Add Caching to the Navigation
Footer Improvements
Overview
Fix the Icons
Add Global Areas to the Footer
Make our Copyright Dynamic