Posts Tagged ‘content section

This post has been a long time coming. Whether on Twitter or in the blogosphere, the question often arises, and I have been asked numerous times for my opinion on the ExpressionEngine vs. WordPress debate, and why one would choose one content management system (CMS) over the other.

My usual answer is that they cannot be compared. While WordPress had made huge strides in usability, for anything other than a blog it is an apple.

ExpressionEngine, with the release of version 2.0, makes for a lovely platform that is, as we will see, an orange.

Handling Content

The biggest difference between WordPress and ExpressionEngine is the way in which content is handled.

In WordPress, we all know that you can create a new post. This new post usually has a content section but may have some custom fields that are defined either on the fly or by the developer who created the template’s framework.

So, when you create a new post, the content will be displayed in different ways, depending on the category chosen and whether the category is a parent or child (i.e. sub-category). For the most part, though, whether they choose a new category or input data into pre-defined custom fields, the user will see the same input screen.

The items chosen by the user determine how the content is displayed. Some users like this. I think it shows WordPress’ roots as a blogging platform. This is not a knock because WordPress has certainly pushed the envelope on what can be done with a CMS just by uploading a few files. More to come on themes later.


Changing Channels

ExpressionEngine handles content quite differently. In ExpressionEngine, the user defines channels.

Each channel can be thought of as a separate blog—in fact, this is what it was called back in version 1.6.x. For each channel, you can define custom fields, categories and behaviors.

All of this is hidden from the average user in the administration portion of the website. The user would typically have access only to the “Publish” and “Edit” sections of the website and possibly some modules (which is similar to plug-ins in WordPress).


An Example

Recently we built a website for the Bay Community Church using ExpressionEngine. The website has a media section, and in that channel we created the following custom fields: title, description, image, audio and video files, file sizes, file lengths, and date on which the files were recorded.

Of course, channels can be as simple or as complex as you like (this particular website had five to six more custom fields for the media channel alone).

Most ExpressionEngine developers realize the power of the CMS’ add-ons, which also happens to be why most of them have been slow to move from version 1.6.x to 2.0. They know that most of the add-ons won’t be available for 2.0 for another couple of months.

With just a few add-ons, we extended ExpressionEngine, allowing church staff to add multiple files per entry. In the content structure of this particular website, a sermon series would be an entry on its own, and individual sermons for that series would be added to it.

To make it even more complicated, you could have any number of different types of fields in a channel (e.g. textbox, textarea, checkbox, S3 Integrated BucketList, FieldFrame Matrix, nGen File Field).

The website also has a section for small groups of people who gather for studies or fellowship.

If you navigate to a “New entry” page for the small groups, you would see a completely different set of custom fields (title, leader, location, meeting time, etc). So, from the user’s perspective, entering new content is easy because each channel is tailored to the content they are recording.


Why I Love ExpressionEngine

As a web designer, I love ExpressionEngine because it gives me extensive control. Most of my clients don’t have a single WYSIWYG editor anywhere on their website! I can control headings, MP3s, PDFs, lists and whatever else needs styling through CSS.

Unless they decide to learn HTML in order to apply inline styling, the design won’t be horrendously violated with 50-pixel blinking red fonts.


Content Construction Kit

I believe the Drupal community originally coined the term Content Construction Kit (CCK). CCK basically allows the user to define various types of content.

Perhaps the folks at EllisLab would disagree, but I would define ExpressionEngine as a CCK system. WordPress seems to be moving in that direction but is not there yet. Plenty of WordPress template developers are designing and adding to the framework, giving WordPress new kinds of functionality.


Changing the Look and Feel

For the most part, anyone can set up a WordPress blog or website with little knowledge of WordPress, PHP, HTML or anything else that would keep an Internet newcomer from blogging.

I have a non-technical friend who has set up several WordPress blogs without any of my help. Just download a template package; unzip it; upload it to wp-content/themes; log in; activate the new template; and voila! Magic happens, and you end up with a whole new website. WordPress shines in this area.


ExpressionEngine 2.0 Moving in the Right Direction

ExpressionEngine, on the other hand, has no easy way to add or change themes… yet.

With version 2.0, we are seeing the team at EllisLab starting to move in that direction. The team has added functionality that allows users to upload HTML and CSS files into folders with specific naming conventions (blog.group, main.group, portfolio.group, etc.), and you can synchronize the HTML and CSS files with ExpressionEngine, which will recognize and render them.

The problem is that ExpressionEngine only begins to shine when you get into its CCK capabilities. So, syncing files is great, but that does not get you the custom fields, categories and channels that bring ExpressionEngine to life.

EllisLab has added a file to the CMS named default_content.php, which is required to install a theme and which specifies default content, channels, custom fields and the like. But the file is not exactly intuitive.

ExpressionEngine fields are highly relational, so you definitely need to grasp SQL if you want to put a default_content.php file together.


Changing Themes

With WordPress, you can upload a new theme to change the look of the website at any time.

ExpressionEngine, on the other hand, allows a theme to be added only at the point of installation. So, if a user wants to change the look of their website, they’ll have to jump through hoops.

They would either have to keep their HTML, custom fields and other elements and then change the CSS and images. Or they would have to learn the system and then define custom fields, categories and channels. But this goes back to the way the two systems handle content.

Themes in WordPress typically all handle content the same way. Themes in ExpressionEngine do not.


What Have We Learned?

WordPress is especially good for PHP developers, tinkerers and bloggers. It is great for PHP developers because they can bend the CMS to their will; they can add functionality to the framework, as well as add custom fields and modify them at will.

It is great for tinkerers, who can set up a website easily; and if they ever get bored with the look and feel, they can search online for a new theme and have a completely new website in 20 minutes.

They can also download widgets and plug-ins that add functionality quickly. And having started out as a blogging system, WordPress really shines as a personal blog.

ExpressionEngine is great for front-end developers and designers because it does not require that users learn a difficult programming language in order to manipulate it.

Most HTML and CSS gurus can grasp the simple expressions and how to use them.

ExpressionEngine is the tool of choice for some well-known designers: Jesse Bennett-Chamberlain, Veerle Pieters and Andy Clarke, to name a few. It is extremely flexible, and few things cannot be accomplished with it.

As you can see, then, it really is an apples to oranges comparison.


This post was written exclusively for Webdesigner Depot by Marcus Neto. Marcus is a member of the ExpressionEngine Pro Network and is the man behind the curtain at EETemplates.com and Blue Fish Design Studio. He also has his say on Twitter @marcusneto.

If you find an exclusive RSS freebie on this feed or on the live WDD website, please use the following code to download it: K0nb3p



Go to Source

The web is an dynamic, organic being. It evolves as people do, responding to trends in blogging and design by constantly raising the bar. With millions of bloggers out there, we see constant evolutions of the next design trend.

Here are some of my favorite recent trends in web design. Although the examples listed here may not be the orginator of the trend, they are the first to catch my eye.

Web 2.0

The design trend associated with Web 2.0 is actually multiple trends rolled into one.

  • Round corners
  • Glossy/Shiny graphics
  • Big, prominent graphics
  • Larger, non-serif typography

web20-web-design-trends

Simple

I’ve often said, a designer who can pull off a simplistic design is just as talented as the one that can create a super-complex one. That is because a simple design is more than just leaving elements out. It is about balancing design, carefully choosing colors and typography, and expertly integration navigation and content to create an effective and smooth design.

simple-web-design-trends

Whole site branding integration

Orginally, web designs included a header, with a logo and a content section, with the content. Recently, designers are pushing the limits by incorporating colors, logos, branding, messaging and graphics throughout the entire site, not just the header.

continuity-web-design-trends

Advanced typography

Web designers are putting much more thought into typography. There are many resources popping up to pick a typography set. Once upon a time, designs included an h1, h2, and p style. Now some designs include dozens of different font stylings.

typography-web-design-trends

Single page design

Along with designing simpler sites, designers are exploring ways to keep content on one page. In portfolios, showcases or simple informational sites, developers are looking for ways to put all content on page one so the readers sees it all without having to click through anywhere. The example below you will recognized as Twitter. As arguably one of the top 5 sites on the web, everything you need to know about Twitter is located on the front page.

twitter-one-page-web-design-trends

AJAX

You know AJAX (asynchronous JavaScript and XML), it is that cool interaction when you click something on a site and it changes, without reloading. This is a huge advancement in web design technology and allows users to get the content they desire without moving about the site. Most major publishing platforms have integrated AJAX into their codex. The leader is easily seen in all the Wordpress AJAX plugins.

ajax-web-design-trends

Large images

Advances in compression technology, increased internet access speeds have allowed designers to grow the size and quality of images they use in new designs. This makes for an appealing and graphically pleasing design.

big-images-web-design-trends

Perspective and depth

Strategically using dropshadows, angles and overlaps, designers have added a 3rd dimension to web design that was previously limited to 2 dimensions. Using these techniques, designers are able to draw user attention to specific areas consistent with the goals of the site. Perhaps conversion forms, twitter buttons or featured content.

dimension-web-design-trends

Themed designs

Designers are adding overarching themes like grunge, retro, whimsical, etc. These themes tie together all elements of a design and give the user a feeling of continuity, adding to the overall experience.

grunge-web-design-trends

Specific purpose

Designers have realized that themes should be designed for a specific purpose such as magazine, portfolio, green, blogging, etc. Designing for a purpose allows the designer and webmaster to focus on function and not generalize the design so it can be used across multiple different sites.

style-web-design-trends

Additional Resources

Related posts:

  1. 63 Popular And Promising Web Design Blogs
  2. Logo Design Trends 2009 – Showcase
  3. 21 Sites Where To Find Free Wordpress Themes Daily
  4. 30 Sources To Get Your Web Design Inspiration
  5. 13 Beautiful Wordpress Showcase Sites

Go to Source

The web is an dynamic, organic being. It evolves as people do, responding to trends in blogging and design by constantly raising the bar. With millions of bloggers out there, we see constant evolutions of the next design trend.

Here are some of my favorite recent trends in web design. Although the examples listed here may not be the orginator of the trend, they are the first to catch my eye.

Web 2.0

The design trend associated with Web 2.0 is actually multiple trends rolled into one.

  • Round corners
  • Glossy/Shiny graphics
  • Big, prominent graphics
  • Larger, non-serif typography

web20-web-design-trends

Simple

I’ve often said, a designer who can pull off a simplistic design is just as talented as the one that can create a super-complex one. That is because a simple design is more than just leaving elements out. It is about balancing design, carefully choosing colors and typography, and expertly integration navigation and content to create an effective and smooth design.

simple-web-design-trends

Whole site branding integration

Orginally, web designs included a header, with a logo and a content section, with the content. Recently, designers are pushing the limits by incorporating colors, logos, branding, messaging and graphics throughout the entire site, not just the header.

continuity-web-design-trends

Advanced typography

Web designers are putting much more thought into typography. There are many resources popping up to pick a typography set. Once upon a time, designs included an h1, h2, and p style. Now some designs include dozens of different font stylings.

typography-web-design-trends

Single page design

Along with designing simpler sites, designers are exploring ways to keep content on one page. In portfolios, showcases or simple informational sites, developers are looking for ways to put all content on page one so the readers sees it all without having to click through anywhere. The example below you will recognized as Twitter. As arguably one of the top 5 sites on the web, everything you need to know about Twitter is located on the front page.

twitter-one-page-web-design-trends

AJAX

You know AJAX (asynchronous JavaScript and XML), it is that cool interaction when you click something on a site and it changes, without reloading. This is a huge advancement in web design technology and allows users to get the content they desire without moving about the site. Most major publishing platforms have integrated AJAX into their codex. The leader is easily seen in all the Wordpress AJAX plugins.

ajax-web-design-trends

Large images

Advances in compression technology, increased internet access speeds have allowed designers to grow the size and quality of images they use in new designs. This makes for an appealing and graphically pleasing design.

big-images-web-design-trends

Perspective and depth

Strategically using dropshadows, angles and overlaps, designers have added a 3rd dimension to web design that was previously limited to 2 dimensions. Using these techniques, designers are able to draw user attention to specific areas consistent with the goals of the site. Perhaps conversion forms, twitter buttons or featured content.

dimension-web-design-trends

Themed designs

Designers are adding overarching themes like grunge, retro, whimsical, etc. These themes tie together all elements of a design and give the user a feeling of continuity, adding to the overall experience.

grunge-web-design-trends

Specific purpose

Designers have realized that themes should be designed for a specific purpose such as magazine, portfolio, green, blogging, etc. Designing for a purpose allows the designer and webmaster to focus on function and not generalize the design so it can be used across multiple different sites.

style-web-design-trends

Additional Resources

Related posts:

  1. 63 Popular And Promising Web Design Blogs
  2. Logo Design Trends 2009 – Showcase
  3. 65 Popular And Professional Free Fonts For Creative Typography
  4. 21 Sites Where To Find Free Wordpress Themes Daily
  5. 30 Sources To Get Your Web Design Inspiration

Go to Source


 Powered by Max Banner Ads 

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.

New offer:


 Powered by Max Banner Ads 
Internet MegaMeeting, LLC Microsoft Store LinkShare  Referral  Program Iolo technologies, LLC Artisteer - Web Design Generator FTPress.com (Pearson Education) Mobile Security: Parental Controls and Monitoring Atom Entertainment (formerly AtomShockwave)
.
Web Analytics