16 min read

Let’s get started.

Do you want a CMS or a portal?

We are evaluating a CMS for our Yoga Site. But you may want to build something else. Take a look again at the requirements. Do you need a lot of dynamic modules such as an event calendar, shopping cart, collaboration module, file downloads, social networking, and so on? Or you need modules for publishing and organizing content such as news, information, articles, and so on?

Today’s top-of-the-line Web CMSs can easily work as a portal. They either have a lot of built-in functionality or a wide range of plug-ins that extend their core features. Yet, there are solutions specifically made for web portals. You should evaluate them along with CMS software if your needs are more like a portal.

On the other hand, if you want a simple corporate or personal web site, with some basic needs, you don’t require a mammoth CMS. You can use a simple CMS that will not only fulfill your needs, but will also be easier to learn and maintain.

Joomla! is a solid CMS. But it requires some experience to get used to it. For this article, let’s first evaluate a simpler CMS. How do we know which CMS is simple? I think we can’t go wrong with a CMS that’s named “CMS Made Simple”.

Evaluating CMS Made Simple

As the name suggests, CMS Made Simple (http://www.cmsmadesimple.org/) is an easy-to-learn and easy-to-maintain CMS. Here’s an excerpt from its home page:

If you are an experienced web developer, and know how to do the things you need to do, to get a site up with CMS Made Simple is just that, simple. For those with more advanced ambitions there are plenty of addons to download. And there is an excellent community always at your service.

It’s very easy to add content and addons wherever you want them to appear on the site. Design your website in whatever way or style you want and just load it into CMSMS to get it in the air. Easy as that!

That makes things very clear. CMSMS seems to be simple for first-time users, and extensible for developers. Let’s take CMSMS to a test drive.

Time for action-managing content with CMS Made Simple

  1. Download and install CMS Made Simple. Alternatively, go to the demo a thttp://www.opensourcecms.com/.
  2. Log in to the administration section.
  3. Click on Content | Image Manager. Using the Upload File option, upload the Yoga Site logo.
  4. Click on Content | Pages option from the menu. You will see a hierarchical listing of current pages on the site.
  5. Choosing an Open Source CMS: Beginner's Guide

  6. The list is easy to understand. Let’s add a new page by clicking on the Add NewContent link above the list.
  7. The content addition screen is similar to a lot of other CMSs we have seen so far.There are options to enter page title, category, and so on. You can add page content using a large WYSIWYG editor.
  8. Notice that we can select a template for the page. We can also select a parent page.Since we want this page to appear at the root level, keep the Parent as none.
  9. Add some Yoga background information text. Format it using the editor as you see fit.
  10. Choosing an Open Source CMS: Beginner's Guide

  11. There are two new options on this editor, which are indicated by the orange palmtree icons. These are two special options that CMSMS has added: first, to insert a menu; and second, to add a link to another page on the site. This is excellent. It saves us the hassle of remembering, or copying, links.
  12. Select a portion of text in the editor. Click on the orange palm icon with the link symbol on it. Select any page from the fly out menu. For now, we will link to the Home page.
  13. Choosing an Open Source CMS: Beginner's Guide

  14. Click on the Insert/edit Image icon. Then click on the Browse icon next to the ImageURL field in the new window that appears.
  15. Select the logo we uploaded and insert it into content.
  16. Click on Submit to save the page.
  17. The Current Pages listing now shows our Background page. Let’s bring it higher in the menu hierarchy. Click on the up arrow in the Move column on our page to push it higher. Do this until is at the second position—just after Home.
  18. That’s all. We can click on the magnifying glass icon at the main menu bar’s rightside to preview our site. Here’s how it looks.
  19. Choosing an Open Source CMS: Beginner's Guide

What just happened?

We set up the CMSMS and added some content to it. We wanted to use an image in ourcontent page. To make things simpler, we first uploaded an image. Then we went to the current pages listing. CMSMS shows all pages in the site in a hierarchical display. It’s a simplefeature that makes a content administrator’s life very easy. From there, we went on to createa new page.

CMSMS has a WYSIWYG editor, like so many other CMSs we have seen till now. The content addition process is almost the same in most CMSs. Enter page title and related information,type in content, and you can easily format it using a WYSIWYG editor. We inserted the logo image uploaded earlier using this editor.

CMSMS features extensions to the default WYSIWYG editor. These features demonstrate all of the thinking that’s gone into making this software. The orange palm tree icon appearing on the WYSIWYG editor toolbar allowed us to insert a link to another page with a simple click. We could also insert a dynamic menu from within the editor if needed.

Saving and previewing our site was equally easy.

Notice how intuitive it is to add and manage content. CMS Made Simple lives up to its namein this process. It uses simple terms and workflow to accomplish tasks at hand. Check out the content administration process while you evaluate a CMS. After all, it’s going to be your most commonly used feature!

Hierarchies: How deep do you need them?
What level of content hierarchies do you need? Are you happy with two levels? Do you like Joomla!’s categories -> sections -> content flow ? Or do you need to go even deeper? Most users will find two levels sufficient. But if you need more, find out if the CMS supports it. (Spoiler: Joomla! is only two-level deepby default.)

Now that we have learned about the content management aspect of CMSMS, let’s see how easily we can customize it. It has some interesting features we can use.

Time for action-exploring customization options

  1. Look around the admin section. There are some interesting options.
  2. The third item in the Content menu is Global Content Blocks. Click on it.
  3. The name suggests that we can add content that appears on all pages of the site from there. A footer block is already defined.
  4. Our Yoga Site can get some revenue by selling interesting products. Let’s create a block to promote some products on our site. Click on the Add Global Content Block link at the bottom.
  5. Let’s use product as the name.
  6. Enter some text using the editor.
  7. Click on Submit to save.
  8. Our new content block will appear in the list. Select and copy Tag to Use this Block.
  9. Choosing an Open Source CMS: Beginner's Guide

  10. Logically, we need to add this tag in a template. Select Layout | Templates from the main menu. If you recall, we are using the Left simple navigation + 1 column template. Click on the template name.
  11. This shows a template editor. Looking at this code we can make out the structure of a content page. Let’s add the new content block tag after the main page content.
  12. Paste the tag just after the {* End relational links *} text. The tag is something like this.
  13. Choosing an Open Source CMS: Beginner's Guide

  14. Save the template. Now preview the site. Our content block shows up after mainpage content as we wanted. Job done!
  15. Choosing an Open Source CMS: Beginner's Guide

What just happened?

We used the global content block feature of CMSMS to insert a product promotion throughout our site. In the process, we learned about templates and also how we could modify them.

Creating a global content block was similar to adding a new content page. We used the WYSIWYG editor to enter content block text. This gave us a special tag. If you know about PHP templates, you will have guessed that CMSMS uses Smarty templates and the tag was simply a custom tag in Smarty.

Smarty Template Engine
Smarty (http://www.smarty.net/) is the most popular template engine for the PHP programming language. Smarty allows keeping core PHP code and presentation/HTML code separate. Special tags are inserted in template files as placeholders for dynamic content. Visit http://www.smarty.net/crashcourse.php and http://www.packtpub.com/smarty/book for more.

Next, we found the template our site was using. We could tell it by name, since the template shows up in a drop down in the add new pages screen as well. We opened the template and reviewed it. It was simple to understand—much like HTML. We inserted our product content block tag after the main content display. Then we saved it and previewed our site.

Just as expected, the product promotion content showed up after main content of all pages.

This shows how easy it is to add global content using CMSMS. But we also learned that global content blocks can help us manage promotions or commonly used content. Even if you don’t go for CMS Made Simple, you can find a similar feature in the CMS of your choice.

Simple features can make life easier
CMS Made Simple’s Global Content Block feature made it easy to run product promotions throughout a site. A simple feature like that can make the content administrator’s life easier. Look out for such simple things that could make your job faster and easier in the CMS you evaluate.

It’s good time now to dive deeper into CMSMS. Go ahead and see whether it’s the right choice for you.

Have a go hero-is it right for you?

CMS Made Simple (CMSMS) looks very promising. If we wanted to build a standard website with a photo gallery, newsletter, and so on, it is a perfect fit. Its code structure is understandable, the extending functionality is not too difficult. The default templates could be more appealing, but you can always create your own.

Choosing an Open Source CMS: Beginner's Guide

The gentle learning curve of CMSMS is very impressive. The hierarchical display of pages,easy reordering, and simplistic content management approach are excellent. It’s simple to figure out how things work. Yet CMSMS is a powerful system—remember how easily we could add a global content block? Doing something like that may need writing a plug-in or hacking source code in most other systems.

It’s the right time for you to see how it fits your needs. Take a while and evaluate the following:

  • Does it meet your feature requirements?
  • Does it have enough modules and extensions for your future needs?
  • What does its web site say? Does it align with your vision and philosophy?
  • Does it look good enough?
  • Check out the forums and support structure. Do you see an active community?
  • What are its system requirements? Do you have it all taken care of?
  • If you are going to need customizations, do you (or your team) comfortably understand the code?

We are done evaluating a simple CMS. Let us now look at the top two heavyweights in the Web CMS world— Drupal and Joomla!.

Diving into Drupal

Drupal (http://www.drupal.org) is a top open source Web CMS. Drupal has been around for years and has excellent architecture, code quality, and community support. The Drupal terminology can take time to sink in. But it can serve the most complicated content management needs.

FastCompany and AOL’s Corporate site work on Drupal: 

Choosing an Open Source CMS: Beginner's Guide

Choosing an Open Source CMS: Beginner's Guide

Here is the About Drupal section on the Drupal web site. As you can see, Drupal can be used for almost all types of content management needs. The goal is to allow easy publishing and management of a wide variety of content.

Choosing an Open Source CMS: Beginner's Guide

Let’s try out Drupal. Let’s understand how steep the learning curve really is, and why so many people swear by Drupal.

Time for action-putting Drupal to the test

  • Download and install Drupal.
  • Installing Drupal involves downloading the latest stable release, extracting and uploading files to your server, setting up a database, and then following the instructions in a web installer. Refer to http://drupal.org/getting-started/ if you need help.

  • Log in as the administrator. As you log in, you see a link to Create Content. This tells you that you can either create a page (simple content page) or a story (content with comments). We want to create a simple content page without any comments. So click on Page.
  • In Drupal, viewing a page and editing a page are almost the same. You log in to Drupal and see site content in a preview mode. Depending on your rights, you will see links to edit content and manage other options.

  • This shows the Create Page screen. There is a title but no WYSIWYG editor. Yes, Drupal does not come with a WYSIWYG text editor by default. You have to install an extension module for this.
  • Let’s go ahead and do that first.
  • Go to the Drupal web site. Search for WYSIWYG in downloads.
  • Choosing an Open Source CMS: Beginner's Guide

  • Find TinyMCE in the list. TinyMCE is the WYSIWYG editor we have seen in most other CMSs.
  • Download the latest TinyMCE module for Drupal—compatible with your version of Drupal.
  • Choosing an Open Source CMS: Beginner's Guide

  • The download does not include the actual TinyMCE editor. It only includes hooks tomake the editor work with Drupal.
  • Go to the TinyMCE web site http://tinymce.moxiecode.com/download.php. Download the latest version.
  • Choosing an Open Source CMS: Beginner's Guide

  • Create a new folder called modules in the sites/all/ folder of Drupal. This is theplace to store all custom modules.
  • Extract the TinyMCE Drupal module here. It should create a folder named tinymcewithin the modules folder.
  • Extract the TinyMCE editor within this folder. This creates a subfolder called tinymce within sites/all/modules/tinymce.
  • Make sure the files are in the correct folders. Here’s how your structure will look:
  • Choosing an Open Source CMS: Beginner's Guide

  • Log in to Drupal if you are not already logged in. Go toAdminister | Site building | Modules.
  • If all went well so far, at the end of the list of modules, you will find TinyMCE. Check the box next to it and click on Save Configuration to enable it.
  • Choosing an Open Source CMS: Beginner's Guide

  • We need to perform two more steps before we can test this. Go to Administer |Site configuration | TinyMCE. It will prompt you that you don’t have any profiles created. Create a new profile. Keep it enabled by default.
  • Choosing an Open Source CMS: Beginner's Guide

  • Go to Administer | User management | Permissions. You will get this link from theTinyMCE configuration page too. Allow authenticated users to access tinymce. Then save permissions.
  • Choosing an Open Source CMS: Beginner's Guide

  • We are now ready to test. Go to the Create Content | Page link.
  • Super! The shiny WYSIWYG editor is now functional! It shows editing controls belowthe text area (all the other CMSs we saw so far show the controls above).
  • Go ahead and add some content. Make sure to check Full HTML in Input Format.Save the page.
  • Choosing an Open Source CMS: Beginner's Guide

  • You will see the content we entered right after you save it. Congratulations!
  • What just happened?

    We deserve congratulations. After installing Drupal, we spotted that it did not come with a WYSIWYG editor. That’s a bit of a setback. Drupal claims to be lightweight, but it should come with a nice editor, right?

    There are reasons for not including an editor by default. Drupal can be used for a variety of needs, and different WYSIWYG editors provide different features. The reason for not including any editor is to allow you to use the one that you feel is the best. Drupal is about a strong core and flexibility.

    At the same time, not getting a WYSIWYG editor by default was an opportunity. It was our opportunity to see how easy it was to add a plug-in to Drupal. We went to the Drupal site and found the TinyMCE module. The description of the module mentioned that the module is only a hook to TinyMCE. We need to download TinyMCE separately. We did that too.

    Hooks are another strength of Drupal. They are an easy way to develop extensions for Drupal. An additional function of modules is to ensure that we download a version compatible with Drupal’s version. Mismatched Drupal and module versions create problems.

    We created a new directory within sites/all. This is the directory in which all custom modules/extensions should be stored. We extracted the module and TinyMCE ZIP files. We then logged on to the Drupal administration panel.

    Drupal had detected the module. We enabled it and configured it. The configuration process was multi step. Drupal has a very good access privilege system, but that made the configuration process longer. We not only had to enable the module, but also enable it for users. We also configured how it should show up, and in which sections. These are superb features for power users.

    Once all this was done, we could see a WYSIWYG editor in the content creation page. We used it and created a new page in Drupal.

    Here are the lessons we learned:

    • Don’t assume a feature in the CMS. Verify if that CMS has what you need.
    • Drupal’s module installation and configuration process is multistep and may require some looking around.
    • Read the installation instructions of the plug-in. You will make fewer mistakes that way.
    • Drupal is lightweight and is packed with a lot of power. But it has a learning curve of its own.

    With those important lessons in our mind, let’s look around Drupal and figure out our way.

    Have a go hero-figure out your way with Drupal

    We just saw what it takes to get a WYSIWYG editor working with Drupal. This was obviously not a simple plug-and-play setup! Drupal has its way of doing things. If you are planning to use Drupal, it’s a good time to go deeper and figure your way out with Drupal. Try out the following:

    • Create a book with three chapters.
    • Create a mailing list and send out one newsletter.
    • Configure permissions and users according to your requirements.
    • What if you wanted to customize the homepage? How easily can you do this? (Warning: It’s not a simple operation with most CMSs.)

    Choosing a CMS is very confusing!
    Evaluating and choosing a CMS can be very confusing. Don’t worry if you feel lost and confused among all the CMSs and their features. The guiding factors should always be your requirements, not the CMS’s features. Figure out who’s going to use the CMS—developers or end users. Find out all you need: Do you need to allow customizing the homepage? Know your technology platform. Check the code quality of the CMS—bad code can gag you. Does your site need so many features? Is the CMS only good looking, or is it beauty with brains? Consider all this in your evaluation.

    Drupal code quality

    Drupal’s code is very well-structured. It’s easy to understand and extend it via the hooks mechanism. The Drupal team takes extreme care in producing good code. Take a look at the sample code here. If you like looking around code, go ahead and peek into Drupal. Even if you don’t use Drupal as a CMS, you can learn more about programming best practices.

    Choosing an Open Source CMS: Beginner's Guide

    Now let’s do a quick review and see some interesting Joomla! features.


    Subscribe to the weekly Packt Hub newsletter. We'll send you the results of our AI Now Survey, featuring data and insights from across the tech landscape.

    * indicates required

    LEAVE A REPLY

    Please enter your comment!
    Please enter your name here