Book Image

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

Book Image

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

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)
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Pop Quiz Answers
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