Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying concrete5: Beginner's Guide - Second Edition
  • Table Of Contents Toc
concrete5: Beginner's Guide - Second Edition

concrete5: Beginner's Guide - Second Edition - Second Edition

4.2 (9)
Buy this Book
close
close
concrete5: Beginner's Guide - Second Edition

concrete5: Beginner's Guide - Second Edition

4.2 (9)
Buy this Book

Overview of this book

concrete5 is an open source content management system (CMS) for publishing content on the World Wide Web and intranets. concrete5 is designed for ease of use, and for users with limited technical skills. It enables users to edit site content directly from the page. It provides version management for every page and allows users to edit images through an embedded editor on the page. concrete5 Beginner's Guide shows you everything you need to get your own site up and running in no time. You will then learn how to change the look of it before you find out all you need to add custom functionality to concrete5. concrete5 Beginner's Guide starts with installation, then you customize the look and feel and continue to add your own functionality. After you've installed and configured your own concrete5 site, we'll have a closer look at themes and integrate a simple layout into concrete5. Afterwards, we're going to build a block from scratch which you can use to manage a news section. We're also going to add a button to our site which can be used to create a PDF document on the fly. This book also covers some examples that show you how to integrate an existing jQuery plugin. concrete5 Beginner's Guide is a book for developers looking to get started with concrete5 in order to create great websites and applications.
Table of Contents (19 chapters)
close
close
close
Icon
Credits
Icon
Credits
About the Author
Icon
About the Author
About the Reviewers
Icon
About the Reviewers
www.PacktPub.com
Icon
www.PacktPub.com
Preface
Icon
Preface
Pop Quiz Answers
Icon
Pop Quiz Answers
Lock Free Chapter
1
Installing concrete5
Icon
Installing concrete5
Icon
Preparing for installation
Icon
Installing Bitnami
Icon
Time for action – installing Bitnami WAMP stack
Icon
Downloading concrete5
Icon
Time for action – downloading the latest version
Icon
Creating an empty MySQL database
Icon
Time for action – creating a MySQL database
Icon
Installing concrete5
Icon
Time for action – installing concrete5
Icon
Time for action – disabling caching
Icon
Time for action – enabling pretty URLs
Icon
Summary
2
Working with concrete5
Icon
Working with concrete5
Icon
Getting familiar with concrete5
Icon
Time for action – logging in to concrete5
Icon
Adding new blocks
Icon
Time for action – adding new blocks
Icon
Time for action – editing existing blocks
Icon
Time for action – exiting edit mode
Icon
Working with the dashboard
Icon
Time for action – changing the site's name
Icon
Adding more pages
Icon
Time for action – adding pages to create a news section
Icon
Time for action – adding blocks to a new page
Icon
Managing page defaults
Icon
Time for action – adding default blocks to a page type
Icon
Time for action – adding blocks to existing pages
Icon
Moving and sorting pages
Icon
Time for action – moving and sorting your pages
Icon
Splitting content into columns
Icon
Time for action – creating a multi-column layout
Icon
Copying blocks using the clipboard
Icon
Time for action – copying the block using the clipboard
Icon
Working with stacks
Icon
Time for action – working with stacks
Icon
Styling with design and CSS
Icon
Time for action – styling your blocks
Icon
Summary
3
Managing Permissions
Icon
Managing Permissions
Icon
Managing basic permissions
Icon
Time for action – adding groups
Icon
Time for action – adding users
Icon
Time for action – assigning sitemap permissions
Icon
Time for action – granting file manager permissions
Icon
Time for action – granting edit access
Icon
Time for action – creating a protected website
Icon
Time for action – granting partial dashboard access
Icon
Time for action – restricting access to blocks
Icon
Working with the advanced permission mode
Icon
Time for action – activating the advanced permission mode
Icon
Time for action – removing permissions to change permissions
Icon
Time for action – setting subpage permissions
Icon
Summary
4
Managing Add-ons
Icon
Managing Add-ons
Icon
Introduction to add-ons
Icon
Time for action – installing an add-on
Icon
Time for action – uninstalling an add-on
Icon
Time for action – installing an add-on manually
Icon
Working with theme add-ons
Icon
Working with block add-ons
Icon
Packages
Icon
Summary
5
Creating Your Own Theme
Icon
Creating Your Own Theme
Icon
Starting with a new layout
Icon
Converting HTML and CSS to a concrete5 theme
Icon
Time for action – creating the concrete5 theme header
Icon
Time for action – creating the concrete5 theme footer
Icon
Time for action – creating a page template
Icon
Time for action – creating more page templates
Icon
Installing your theme
Icon
Time for action – installing theme
Icon
PHP constants and functions
Icon
Time for action – getting a list of available constants
Icon
Time for action – listing all available functions
Icon
Time for action – checking for edit mode
Icon
Time for action – hiding content from anonymous visitors
Icon
Time for action – restricting numbers of blocks per area
Icon
Time for action – inserting a block wrapper in an area
Icon
Working with page attributes
Icon
Time for action – using attributes to set background picture
Icon
Time for action – accessing attribute data from a template
Icon
Inserting blocks in templates
Icon
Time for action – replacing the header area with a template block
Icon
Time for action – finding autonav block properties
Icon
Time for action – specifying block templates in an area
Icon
Applying a theme to a single page
Icon
Time for action – creating a single page layout
Icon
Time for action – adding variables to handle login errors
Icon
Creating customizable themes
Icon
Time for action – creating a customizable theme
Icon
Summary
6
Customizing Block Layouts
chevron up
Icon
Customizing Block Layouts
Icon
Custom templates to modify a block layout
Icon
Thumbnails in a page list
Icon
Time for action – adding thumbnails to a page list
Icon
Time for action – restricting thumbnails to a custom dimension
Icon
Block template folder
Icon
Time for action – creating a template folder
Icon
Picture pop-ups in a content block
Icon
Time for action – building a lightbox gallery
Icon
Adding a Gravatar picture in the guestbook
Icon
Time for action – adding a Gravatar picture to the guestbook
Icon
Avoiding duplicate code in a custom template
Icon
Time for action – including an existing template
Icon
Transforming a slideshow into a gallery
Icon
Time for action – creating a gallery template for a slideshow
Icon
Time for action – adding a slideshow gallery
Icon
Slideshow using file attributes
Icon
Time for action – adding file attributes to our slideshow
Icon
Time for action – using file attributes in the gallery
Icon
Using advanced tooltips in the content block
Icon
Time for action – creating advanced tooltips
Icon
Summary
7
Adding Site Navigation
Icon
Adding Site Navigation
Icon
Introducing the autonav block
Icon
Time for action – undoing autonav block integration
Icon
Adding navigation images
Icon
Time for action – creating page attributes for navigation pictures
Icon
Time for action – creating a block picture navigation template
Icon
Adding a CSS3 hover effect
Icon
Time for action – creating a CSS3 transition autonav template
Icon
Building a drop-down navigation
Icon
Time for action – creating a SooperFish template
Icon
Sliding mobile navigation
Icon
Time for action – building a mobile navigation
Icon
Summary
8
Creating your Own Add-on Block
Icon
Creating your Own Add-on Block
Icon
Building a product information block
Icon
Time for action – creating the database structure
Icon
Time for action – creating the block controller
Icon
Time for action – creating the editing interface
Icon
Time for action – printing block output
Icon
Time for action – installing a block
Icon
Time for action – adding a check for mandatory fields
Icon
Time for action – adding product categories
Icon
Building a product list
Icon
Time for action – handling multiple block versions
Icon
Time for action – creating the product list block
Icon
Creating a picture magnifier
Icon
Time for action – creating the picture magnifier block
Icon
Creating a PDF-generating block
Icon
Time for action – creating the PDF generation block
Icon
Creating a simple gallery
Icon
Time for action – creating the simple gallery block
Icon
Summary
9
Everything in a Package
Icon
Everything in a Package
Icon
What's a package?
Icon
Time for action – creating the package controller
Icon
Moving templates into a package
Icon
Time for action – moving templates into a package
Icon
Moving a theme and blocks into a package
Icon
Time for action – uninstalling blocks
Icon
Time for action – moving the jQZoom block into a package
Icon
Time for action – moving the PDF block into a package
Icon
Hooking into core events
Icon
Time for action – hooking into an event from a package
Icon
Working with maintenance tasks and jobs
Icon
Time for action – executing concrete5 jobs periodically
Icon
Time for action – creating a job to check for broken links
Icon
Injecting header items
Icon
Time for action – creating global tooltips
Icon
Time for action – integrating a CSS fix in a package
Icon
Summary
10
Dashboard Extensions
Icon
Dashboard Extensions
Icon
Working with the MVC pattern
Icon
Adding the broken link interface
Icon
Time for action – creating the broken links dashboard extension
Icon
Time for action – creating a package model
Icon
Time for action – adding a second controller method
Icon
Embedding a file editor in the dashboard
Icon
Time for action – creating the file editor add-on
Icon
Summary
11
Deployment and Configuration
Icon
Deployment and Configuration
Icon
Deploying a concrete5 site
Icon
Time for action – disabling pretty URLs and the cache
Icon
Time for action – transferring MySQL databases
Icon
Time for action – transferring files to the server
Icon
Time for action – updating the configuration file
Icon
Time for action – setting file permissions
Icon
Updating production configuration
Icon
Time for action – installing a translation file
Icon
Time for action – getting PHP information
Icon
Time for action – measuring site performance
Icon
Where to go next
Icon
Summary
1
Index
Icon
Index

Chapter 6. Customizing Block Layouts

In the previous chapter, we looked at themes to customize the site's layout. While this has probably been the more important part, concrete5 does not limit you to page layout customization. You can also adapt every block layout to suit your needs, without touching its actual logic, the inner working of it.

You can use PHP as well as JavaScript and CSS to change the output of a block with this feature. We'll cover this topic with the following steps:

  • An example showing you how to add a thumbnail to the page list block output

  • A bit of theory with an example to explain how you can add CSS and JavaScript files to block templates

  • Another example that extends the content block to make it possible to insert pictures that open in a lightbox

  • An example that turns the core slideshow block into a picture gallery

  • An example that shows you how to inject a JavaScript in every page of your concrete5 site

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
concrete5: Beginner's Guide - Second Edition
End of Section 6
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon