In part 3 of this series, we’re continue porting our template into MODx, and the focus here is working with chunks to organize and structure our template and make it more manageable.
Useful Links
From XHTML/CSS to MODx Template – Part 2
In part 2 of this series, we start pulling the XHTML/CSS template into the MODx website and using MODx placeholders to dynamically pull in information and settings into our site. I just want to quickly mention that the reason I had to address the issue with jQuery and QuickEdit is because I upgraded this site from 0.9.6.3 so QuickEdit module and plugin were present and active. If you’re working on a website that started out in Evolution 1.0.+ I believe you will not have Quickedit because it’s not included in that package. Enjoy, and I look forward to your feedback.
Useful Links:
MODx Beginner Series
MODx Wiki – Tags/Placeholders
Using jQuery with other Libraries
From XHTML/CSS to MODx Template – Part 1
In this first part of a series of five screencasts, we are going to go through the process of porting an XHTML/CSS template into a MODx website. I recorded these screencasts while working on an actual live project so there’s a bit of fumbling and issues that come up that I try to think and work through. I thought it would be an interesting teaching and learning experience on working with MODx templates and I hope that someone will find this series helpful and instructive.
As I mention in the screencast, I am not doing a written version of this information because it’s all pretty much the same as I covered in the MODx beginner series (see useful links below). Bear in mind as you watch this screencast that the website we’re working on is a project in progress and so it may appear different than you see it in this screencast.
Useful Links:
Introducing Mary’s Corner
Recently I was approached by the good folks at HostColor, a Web Hosting company that is a gold sponsor of MODx CMS, to write for a new column on their blog. So now I am a contributor over at the HostColor Blog, and you can find my articles in my column “Mary’s Corner“.
How to Install MODx CMS – Screencast
In this screencast, we will go through the process of installing MODx CMS. While we will do this install on a local development environment using WampServer, the steps for installing on a remote host are exactly the same with two notable exceptions:
- On a remote server you would use an FTP client or something similar to upload the files
- Most hosts will add a prefix to the database name and database username, so you need to make sure you enter the full name including the prefix when preparing to install.
While MODx can create the database for you, I have found that this doesn’t always work on some servers, so in this screencast I create the database separate from the install and just let the installer detect and connect to the database I’ve already created. I hope you find this screencast helpful.
Useful Links:
Beginner’s Corner Part 1 – Setting Up a Local Development Environment
Beginner’s Corner Part 2 – Creating Projects, Databases, and Users
MODx Beginner Tutorials