WordPress VS Drupal Creating Content

One (if not the most) important subject in any CMS is going to be creating content. You want to be able to allow you user to create content quickly and efficiently, while at the same time the developer wants control over how the content is going to be displayed in the front end.

Creating content in Drupal

Drupal Creating Content 1

Creating content in Drupal is very straight forward and I really like how they explain each default section. Immediately you can tell Drupal is not worried about winning the Blog wars since they do not even have a blog option as part of their default system. Although you can use the “story” as a blog post (“and informal blog-like entries may all be created with a story entry. By default, a story entry is automatically featured on the site’s initial home page, and provides the ability to post comments.”) and they also have a Blog module but is not one of their default settings.

Drupal Creating Content 2

Here is the default view for a Page in Drupal, straight forward that allows you to enter the Title and Body of the page. One draw back on this default interface (at least in my point of view) is the simplicity of the page, we do want simplicity but right of the back you cant upload pictures or have a pretty interface that you can use to edit test, which a lot of people have been accustomed to. Again, that is my point of view as if I were to give this application to a client as it is they probably would feel the same way.

On this page you can also allow the page to be part of the main menu or leave as is and you can enter HTML (something that can be changed and more about that in a different post)

You also get to create the revisions for that specific page and view/revert in the future if you desire to do so.

It is important to note that as these settings are optional and you can turn them on or off depending of your specific needs for the content. You also get a preview of the page with all the edit section at the bottom of the preview and then you can save to make your page live.

Creating content in WordPress

WordPress Creating Content 1

WordPress is a content-creation machine, as soon as you login to the dashboard you can do a quick-post which is similar layout to what you find in Drupal but immediately you are able to also upload media such as images, video, sound or media in general. Right away you can tell why WordPress is so “loved” in the blogging community.

But again, I need to create a page and that is one of the options in the main navigation bar. Create pages is 2 clicks away (1. Pages and 2. Add New)

Some of the features in WordPress is that you have the usual interface when creating content even with spell check. Which it was not available by default in Drupal. Also you are able to switch from Visual and HTML for the users who want to take advantage of that functionallity.

WordPress Creating Content 2

Another nice feature is that WordPress will save Drafts as you are editing your Pages, which allows you to keep the content you are working with in case something goes wrong with your computer, lose internet connection or are in the run.

You also are able to upload media in this section and create custom fields. Custom fields are used for more advanced site layouts that need this extra information to make your layout unique. Here is some information about custom fields. Can we create custom fields in Drupal? Absolutely but we are just covering the default behaviors in WordPress at the moment.

One more thing that WordPress does well, is providing feedback and information that to some might be overwhelming but that it is informative for the user such as word count and when the last draft was saved.

You can preview your changes which will be launched in a new page with your theme in a very realistic manner. Drupal does something very similar but all the editing tools live under the items you are reviewing.

Continue to WordPress VS Drupal User Management

WordPress Vs Drupal Installation

Download and installation for both was a breeze. Granted Drupal gave me a little bit more of problem since I had to create new directories and set the right permissions to the newly created directory and a settings file.

On the other side I also had to create a file in WordPress directory. Here are the steps on more detail

WordPress Installation

Wordpress_271

  1. Download WordPress
  2. Upload to server with FTP program
  3. Duplicate/Rename wp-config.php file (you can also let WP do this for you)
  4. Update settings in the file such as Database/Login credentials
  5. Add new Authentication Unique Keys*
  6. Enter Blog Title and your email
  7. Receive your Username and Random password.

WordPress Success Page

*It was nice that WordPress has a site dedicated in creating those unique keys and no way around it, once you hit the site you get the set of key numbers you need and continue working.

Drupal Installation

Drupal_610

  1. Download Drupal
  2. Upload to server with FTP program
  3. Create 2 files and set permissions to them (settings.php & /files)
  4. Enter database information on online form
  5. Submit Username and Password for admin and set some other basic settings such as site name

Drupal Success Page

Here you have it, the installation in a few number of steps for more advanced users. Granted, for some one that has never installed any package maybe you will have to browse around and find answers to basic questions but in the end you should be able to acomplish the same task in this few steps.

Continue to WordPress VS Drupal Creating Content

WordPress VS Drupal Intro

WordPress VS Drupal has been done, I know. Just by running a simple query in Google you will get a lot of information in the subject but for me it was still not quite what I was looking for. For one thing, I don’t know much about the people who made the reviews or their credentials and some reviews lacked the basic information I was looking for.

To start let me give you some of my professional information so that you know who I am and where my review is coming from.

12+ years in Web Development
WordPress user since 2003
Drupal noob since April 2009 (about 5 days at the time of this writing)

Programming Languages and Frameworks that I either use or I have experimented with: ASP, PHP, AS(1-3), Flex, Objective-J, JQuery, JQueryUI, CodeIgniter, Kohana (fork of CI), Zend Framework, AMFPHP, HTML, XML, JavaScript, CSS, and more…
Online packages that I have worked with: WordPress, b2b, MovableType, Habary, Mambo, Joomla, SugarCRM
I would also like to note that I have created my custom CMS for clients, couple have been done with pure PHP and some with the aid of a framework such as CI, or Kohana. Also I have been fortunate into creating CMS that would have Flash front end and PHP/Framework backend.
Writer: 0 experience, just my blog .

(Disclaimer: I am not here to defend the packages themselves)

Now with that aside, I want to take a minute and put WordPress VS Drupal in a small duel where I will register my findings and give some feedback in different aspects of both pieces of software such as installation, upgrading, templates, 3rd party elements integration and whatever else comes along.

Continue to WordPress VS Drupal Installation

JQuery and dynamic elements

I have been working with JQuery on a couple of work and personal projects and I really like the library. One of my first challenges was to access elements dynamically and at the same time trigger custom events. This is specially necessary when working with elements where you don’t know the source of the data in detail.

Here is a sample as a reference:

[js]$(document).ready(function() {

var idTotal = 5;

for ( var i = 1 ; i < idTotal ; i++) { var deleteMinutes = $("#deleteMinutes_"+i); attachEvents ( deleteMinutes ) ; var updateMinutes = $("#updateMinutes_"+i); attachEvents ( updateMinutes ) ; } }); var globalID; function attachEvents ( $item ) { $item.bind("click", clickHandler ); $item.bind("mouseenter", hoverHandler ); $item.bind("mouseleave", mouseleaveHandler ); $item.bind("mousedown", mousedownHandler ); $item.bind("mouseup", mouseupHandler ); } function clickHandler ( $event ) { var target = $event.target.id; var id = target.charAt(target.length-1); globalID = id; $('#dialog').dialog('open'); } function hoverHandler ( ) { $(this).addClass("ui-state-hover"); } function mouseleaveHandler ( ) { $(this).removeClass("ui-state-hover"); } function mousedownHandler ( ) { $(this).addClass("ui-state-active"); } function mouseupHandler ( ) { $(this).removeClass("ui-state-active"); } function deleteItemSelected ( ) { $("#minutes_"+globalID).remove(); }[/js]