Website Development With MODX CMS

Sign up for MODX cloud and create a cloud to set up a server. Learn to install MODX with one-click automation while configuring backups, domains, and web server settings.

Download the latest MODX package, upload the zip to your server, and extract it there. Run the setup, configure the database, create an admin user, and log in.

Explore how to navigate the MODX manager, edit pages, publish content, manage media, users, and plugins, and customize system settings to build and maintain a MODX website.

Log into the MODX manager, open the extras, download and install plugins via package management, configure the format and client config for forms, then clear the cache.

Develop a MODX template with a header and footer, and enable page content display via the content tag in the base element, so hello world renders correctly across pages.

Create and customize a new MODX CMS template by naming it, adding code, and saving; organize under assets/template, then deploy via FTP/SFTP, disable cache during development.

Link an external css file to the MODX template by creating a styles folder, adding a css file, and updating the link, then test the site for styling.

Code the header by pasting existing header code, add Bootstrap to the template, and manage the logo asset in an images/logo folder; build a static navigation and verify responsiveness.

Learn to create dynamic navigation in MODX with the Wayfinder extra to generate menu items from pages. Install and configure the extra, apply templates, and manage order with menu index.

Use MODX chunks to share a single header and footer across templates by creating a chunks folder and template includes, then reference static chunk files to propagate changes sitewide.

Learn how to make the homepage hero editable in MODX by creating template variables for hero title, subtitle, and image and exposing them via the manager to the base template.

Create distinct home and base templates, move the header and head into separate files with chunks, and set a default template for new pages.

Enable friendly urls in MODX CMS by renaming the htaccess file, enabling the rewrite engine, configuring system settings, and removing the .htm extension to create clean, user friendly page urls.

Learn to create dynamic internal links in MODX using template tags and page IDs, so links update automatically when aliases or content types change.

Learn how to add a contact form to a MODX CMS site using the FormIt extra, including installation, template invocation, hooks, email templates, and a thank-you redirect.

Finish and apply the site footer to appear on every page by inserting the footer chunk in templates, testing across pages, and clearing per-page caches to resolve template-specific caching.

Explore how to add and manage content types and resource types on pages, including pdfs, static resources, and web links, and how to configure aliases, caching, and external links.

Create and manage MODX snippets to execute functions, output data with the return function, and pass parameters or alias values, while controlling caching for dynamic template variables.

Explore how to use MODX client config to create global site settings like email and phone, enabling centralized updates across footers and pages without template variables.

Learn to convert testimonials into a collection with the MODX collections extra, install getResources, build a testimonial template, and display related content dynamically using placeholders.

Master the MODX site pre-launch checklist by configuring dynamic meta tags and page titles with template variables, adding meta descriptions, and securing pages through proper permissions and backups.

Subscribe to the newsletter to receive a free copy of the book, coupons, and site updates for MODX CMS website development; US subscribers get free shipping and Knapp team discounts.