Book Image

MODx Web Development - Second Edition

Book Image

MODx Web Development - Second Edition

Overview of this book

MODx is a content management system and PHP web application framework rolled into one. With the ease of a CMS and the extendibility of a framework, MODx allows you to develop professional-looking, intricate websites with its easy-to-use interface and flexible architecture. MODx provides reusable code fragments called snippets, most of which are so generic that, without any modification, they can serve multiple functionalities. The generic nature of the snippets makes it possible to get the perfect customization that is so hard in other CMS. This book will get web developers up-and-running with MODx. With step-by-step examples and illustrative screenshots, you will be guided through installation, configuration, and customization. By the end of the book, you will have created a powerful, dynamic website by using the individual elements of MODx, without the need for programming know-how. Starting with a walk-through of how to install MODx, you will quickly learn how to develop your site without having to use any programming language. Logical, step-by-step instructions will show you how to create your own unique site by adding and editing documents using the inbuilt TinyMCE editor. You will change the look and feel of your site by creating your own templates using HTML, CSS, and widgets. By following the example of a blog site, you will learn how to extend your templates to allow rich user interactions through comments, posts, and forms. The book teaches a few code snippets such as Ditto and Wayfinder in detail. These powerful and flexible snippets will enable you to add multiple functionalities to your site. The book will also introduce you to many more snippets that will help you build some of the commonly required web functionalities such as forums and image galleries. You will manage your users with authentication and authorization and make your site user-friendly with user groups, forums, and the use of PHx notations to embed logic in templates. Through following this easy-to-use, step-by-step guide you will, by the end of the book, have a fully functional, feature-rich MODx site with professional-looking, dynamic web pages that are totally customizable.
Table of Contents (19 chapters)
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
12
SEO, Deployment, and Security

Image gallery


MODx has many sophisticated image gallery snippets that allow you to create an image gallery anywhere in the site. For this example, we will be using the MaxiGallery snippet. To get the image gallery working, install the snippet as explained in the chapter on snippets.

  1. 1. Download the snippet from the MODx repository at http://modxcms.com/extras/package/?package=259.

  2. 2. Extract the snippet.

  3. 3. Create a new snippet with the name MaxiGallery, and specify the contents of maxigallery.txt as the snippet code.

  4. 4. Copy the contents of the assets folder within the extracted folder to the assets folder in the root of the MODx installation. Note that it contains two folders that are to be copied:

    • assets/galleries (Make sure that assets/galleries has write permissions)

    • assets/snippets/maxigallery

  5. 5. To test the snippet, create a resource with the following details:

    Field Name

    Field Value

    Title

    Gallery

    Uses template

    Learning MODx default template

    Document content

    [!MaxiGallery!]

  6. 6. Preview...