Category: Tutorials

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:

MODx Beginner Series
Drews Designs
MODx CMS

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“.

Continue reading “Introducing Mary’s Corner”

Beginner’s Corner Part 3 – Installing Scripts – WordPress, Drupal, etc.

In this third installment of the Beginner’s Corner series of screencasts, we’re going to put together what we’ve learned so far and start installing scripts on our local development environment.  We will learn the general steps that are involved in getting the scripts to run successfully on our local server.

In case you missed them, here are the links to the previous parts of the series:

Beginner’s Corner Part 1 – Setting Up a Local Development Environment
Beginner’s Corner Part 2 – Creating Projects, Databases, and Users

Useful Links:
WampServer
XAMPP
MAMP
On Database Collation – http://oregonstate.edu/cws/docs/collation
How to Set Up Virtual Hosts on your Local Host

Beginner’s Corner Part 2 – Creating Projects, Databases, and Users

This is the second part of the Beginner’s Corner series of screencasts where we’re going back to basics and learning how to set up a local development environment.  In this installment, we look at how to create projects, where to put our project files and how to access them.  We also look at how to create databases and users in phpmyadmin and how to assign users to databases.

In case you missed it, here’s the link to part 1 of the series:
Beginner’s Corner Part 1 – Setting Up a Local Development Environment

Useful Links:
WampServer
XAMPP
MAMP
On Database Collation – http://oregonstate.edu/cws/docs/collation