From XHTML/CSS to MODx Template – Part 5

In the final part of this series, we’ll solve the little problem we ran into in the last screencast, and then proceed to finish off this part of our templating project. I hope that you’ve enjoyed this series and that you’ve learned something about working with MODx templates that will be useful to your own projects. I look forward to your feedback.

Useful Links:

MODx Beginner Tutorials

From XHTML/CSS to MODx Template – Part 4

In part 4, the focus of our work is on snippets, and we get our website navigation working using the Wayfinder snippet. We also start working with the Ditto snippet to pull in client testimonials. This is the longest screencast of the series at around 30 minutes. I was hoping to finish in this part but I run into a little hitch at the end, which I solve in the part 5.

Useful Links

MODx Beginner Tutorials –  Introducing Snippets
MODx Beginner Tutorials – Introducing Ditto
MODx Beginner Tutorials – More Ditto
Free Wayfinder ebook
Wayfinder Home Page
Ditto Home Page

From XHTML/CSS to MODx Template – Part 3

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

MODx Beginner Tutorials –  Working with Chunks

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 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:

MODx Beginner Series
Drews Designs