Book Image

concrete5: Beginner's Guide - Second Edition

Book Image

concrete5: Beginner's Guide - 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

Time for action – moving templates into a package


  1. In the root of your site, create a new directory structure /packages/c5book/blocks.

  2. Move the directory slideshow from the top level blocks directory to the newly created directory /packages/c5book/blocks. The following screenshot shows this step:

  3. Two JavaScripts in the slideshow directory contain paths that won't work anymore. We have to change them. First open /packages/c5book/blocks/slideshow/templates/gallery/view.js and make sure it looks like the code shown here:

    $(document).ready(function() {
        $(".ccm-slideshow-gallery a").lightBox({
            imageBtnPrev: CCM_REL + "/packages/c5book/blocks/slideshow/templates/gallery/images/lightbox-btn-prev.gif",
            imageBtnNext: CCM_REL +  "/packages/c5book/blocks/slideshow/templates/gallery/images/lightbox-btn-next.gif",
            imageLoading: CCM_REL +  "/packages/c5book/blocks/slideshow/templates/gallery/images/lightbox-ico-loading.gif",
            imageBtnClose: CCM_REL +  "/packages/c5book...