Book Image

CMS Design Using PHP and jQuery

By : Kae Verens
Book Image

CMS Design Using PHP and jQuery

By: Kae Verens

Overview of this book

<p>PHP and JQuery are two of the most famous open source tools used for web development. This book will explain how to leverage their power by building a core CMS, which can be used for most projects without needing to be changed, and how to add custom plugins that can then be tailored to the individual project.<br /><br />This book walks you through the creation of a CMS core, including basic page creation and user management, followed by a plugin architecture, and example plugins. Using the methods described in this book, you will find that you can create distinctly different websites and web projects using one codebase, web design templates, and custom-written plugins for any site-specific differences. Example code and explanation is provided for the entire project.<br /><br />This book describes how to use PHP, MySQL, and jQuery to build an entire CMS from the ground up, complete with plugin architecture, user management, template-driven site design, and an installer.<br />Each chapter walks you through the problems of various aspects of CMS design and their solutions, with example code and explanation provided for the chosen solutions.</p> <p>A plugin architecture is explained and built, which allows you to enhance your own CMS by adding site-specific code that doesn't involve "hacking" the core CMS.<br />By the end of the book, you will have developed a full CMS, which can be used to create a large variety of different site designs and capabilities.</p>
Table of Contents (19 chapters)
CMS Design Using PHP and jQuery
Credits
About the Author
Acknowledgement
About the Reviewers
www.PacktPub.com
Preface
11
Panels and Widgets — Part Two

The panel admin area


Now we need to populate the panels.

The panel admin section will be easy to explain the look of, but is kind of complex underneath it.

The page will be a two-column layout, with a wide column on the left-hand side holding a list of all available widgets, and a narrow column on the right-hand side listing the available panels.

We will start by building that visual.

Create the /ww.plugins/panels/admin directory, and in there, place an index.php file:

<?php
echo '<table style="width:95%"><tr>';
echo '<td><h3>Widgets</h3><p>Drag a widget into a panel on '
.'the right.</p><div id="widgets"></div>'
.'<br style="clear:both" /></td>';
echo '<td style="width:220px"><h3>Panels</h3><p>Click a '
.'header to open it.</p><div id="panels"></div>'
.'<br style="clear:both" /></td></tr>';
echo '</table>';

When viewed, we get a general idea of how this will...