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

Creating the Front Page


Now, you should understand what resources are and how the Manager interface allows you to create and control them. We will now create a Front Page.

In the Manager page, perform the following steps:

  1. 1. Right-click on the Resource with ID 1 in the leftmost panel

  2. 2. Click on Edit and fill in the following details:

    • Title: Home

    • Long title: Welcome to Learning MODx

    • Description: My Personal Site using MODx

    • Summary: The welcome page to my visitors

    • Uses template: MODxHost

  3. 3. Insert some content that you would like to have in the Front Page, replacing the existing content from the demo site.

  4. 4. Click on Save.

  5. 5. Click on the Preview menu item in the Site menu to open a preview of the site in a new window.

You might want to change the entire content of your Home Page instead of just the content area. We will introduce templates in the next chapter, which will allow you to make all of your content have a consistent and interesting look.

When editing resources, it is good practice to save...