Web Development Blog

Twitter

01 Feb, 2010

Common elements on magazine websites

Web Development » Design » Common elements on magazine websites

This post covers some of the most common elements you see on many magazine websites.

Hero module
A hero module on a magazine website usually consists of featured articles from various categories across the site. Javascript tabs / carousel functionality is often used to rotate the items within this module.

Latest articles
Latest articles section consists of a list of recent articles, each of which have a thumbnail image of the article and a short teaser with a link to the individual article page. There are usually between 5 to 10 articles within this section on the homepage.

Categories
Links to categories becomes the primary navigation on magazine websites and essentially replaces the pages navigation you see on most corporate websites. For example, for a Lifestyle magazine website, the primary navigation may consist of categories such as Entertainment, Travel, Fashion, Food and Living where as for a corporate website, the primary navigation links to main pages such as Home, Products, Services, About Us and Contact Us.

List of articles
A list of articles is simply a bunch of links to various articles on the websites. Not only is this good for Search Engine Optimisation purposes, it is also a good reason to give users an easy access to archived articles.

Photo gallery
Most magazine websites have many photo galleries and this module is used to give users a one-click access to latest/seasonal photo gallery on the website. For example, a lifestyle magazine may have a photo gallery called “Grammys Fashion” that they want to promote on the homepage.

Featured video
With fast Internet connections available these days, videos have become a huge part of online media. According to Comscore study, 75 percent of the total U.S. Internet audience viewed online video in July last year. It is no wonder videos have become a staple of content distribution methods.

Social networking
Integration with social networking sites and tools is a must for any website these days as it is one of the most effective ways to generate traffic and increase participation. It is not uncommon for most online brands to have its own YouTube Channel, Twitter presence and Facebook page to facilitate interaction with users everywhere.

Search
Having a search engine for a magazine website is a key requirement because over time, a magazine website will have hundreds and thousands of articles and the only way for users to quickly access an article is through a search engine.

Ads (Medium rectangle, Leaderboard, Half page, etc)
Be it a small block ad, a medium rectangle ad, a leaderboard ad or a half page ad, ads are one of the most profitable ways to generate revenue from a website. After all, someone has to pay for all the hosting, design, development, content and have the magazine up and running online.

RSS feed
RSS feeds enable users to retrieve the latest content from your website using a push technology which mean whenever a new article is added to the website, they will be informed of it via their RSS reader without them having to visit the website. It is especially important for magazine websites and blogs because new content is being added all the time and RSS feeds provide an easy way for users to view updates and keep up to date with latest news and articles.

Here are some of our favourite Premium WordPress themes for magazine websites.


WordPress Version: 2.8, Columns: 2, Widget Ready: Yes, Functionality: CMS $27


WordPress Version: 2.9, Columns: 2, Widget Ready: Yes, Functionality: CMS $32


WordPress Version: 2.9, Columns: 3, Widget Ready: Yes, Functionality: Blog $27

Other similiar posts that you might be interested in:

2 Responses to "Common elements on magazine websites"

1 | Andrew

February 2nd, 2010 at 7:02 pm

Avatar

Thank you! I’m in the middle of setting up a magazine website and will definitely use this information. Thank you.

Comment Form

ebook
Subscribe to our newsletter and receive FREE e-book "7 Days Exercise to Build More Traffic To Your Blog"
Your name:  
Your email:  

  • About
    The blog Web Development Blog is where I keep myself up to date with the latest technologies in the industry and share my ideas and thoug...
  • Adsense Tips and Tricks
    With personal and commercial blogs, community websites, and social pages becoming the hot topic of the Internet in the last few years, many...
  • Advertise With Us
    Web Development Blog is a blog about Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Techno...
  • Archive
    Grab yourself a cup of coffee or tea, sit back and browse through an archive of all the blog posts on Web Development Blog....
  • Choosing a Content Management System
    The most commonly asked question when it comes to Content Management System is whether to build or buy (pre-built). While there are many fa...
  • Coupons
    Use the following coupon codes, promos and discount codes to save money on web hosting, domain names, website templates, ebooks, software, p...
  • Customised WordPress Themes
    If you would like a customised WordPress theme for your blog or your website, read on: (or head to WordPress Themes page to get free WordPre...
  • Favourite Poems
    If by Rudyard Kipling If you can keep your head when all about you Are losing theirs and blaming it on you, If you can trust yourself w...
  • Favourites
    Books Web Development Books Magazines Glamour Reader's Digest Software Adobe Photoshop CS4 Trend Micro Antivirus + Antispyw...
  • How to Start a Blog?
    What's a blog? According to Wikipedia, a blog is a user-generated website where entries are made in journal style and displayed in a reve...
  • Introduction to JSP Standard Tag Library (JSTL Basics)
    Tag libraries to include in your .jsp page <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> &l...
  • Links
    Free Anonymous Proxy Increases your privacy and security on the Internet by using our free, fast and easy to use web proxy. data backu...
  • Making a Passive Income Online
    Passive income, in my opinion, means an income which does not require a lot of regular maintenance work or continuing effort. I have been t...
  • Online Distribution Channels
    One of the importances of any website or business is to bring your products or services to the right people and to reach the target audience...
  • Recent Projects
    Followings are some of the recent projects I have done in 2006 -- 2007. Check out my latest business venture Web design Sydney to get your...
  • Recommended Web Development Books
    Many developers often ask me what books I read and what books I recommend in regards to web development and web technologies such as AJAX, J...
  • Search
    Looking for something on Web Developement Blog? Use this search tool powered by Google Custom Search to find what you are looking for just ...
  • Seven Tips to Building an Online Presence for your Business
    1. Get a domain name for your business The first and foremost step in building an online presence is to secure a domain name for your busi...
  • Seven Tips to Increasing Your Website’s Traffic Using SEO
    SEO is the buzz word - many people have mentioned it and many have heard of it too, but very few people know how to implement it properly. ...
  • Subscribe
    Newsletter [newsletter] RSS 2.0 feeds Entries feed Comments feed Subscribe using your favourite web-based or desktop feed r...
  • Useful Linux Commands
    Find files older than 60 days find * -mtime +60 Delete files in backup folder which are older than 60 days rm -f `find /backup/ -mtime ...
  • Web Design Tips
    Nowadays, having a website for your business is like having a phone number. Almost every business has their own website, with their own doma...
  • Web Development Books
    Many developers often ask me what books I read and what books I recommend in regards to web development and web technologies such as AJAX, J...
  • Web Hosting Comparison Chart
    The following are some of the most popular web hosting providers. I have personally used the recommended ones. Hosting coupon codes will ...
  • Web Standards
    Web Standards is defined as a set of rules or specifications that should be followed when developing a website.  The main objectives o...
  • WordPress Themes
    All WordPress themes are designed and coded by esn studio, and licensed under GPL license. If you would like a customised WordPress theme fo...
  • Sam: Useful. I always forget the rel target one
  • Chronic Tinnitus: Hi, Thanks for taking the time to discuss a really confusing matter - I find Plesk so much more awkward than the cpanel that I'm used to. Thanks Chr
  • Serhiy: I personally liked the web hosting comparison chart. Especially the recommended *. I got Bluehost :) .-= Serhiy´s last blog ..

Interests

Web development, Web design, Open source technologies, Portal development, APIs, Web services, Social media applications, Search engine optimisation, Mobile application development, iPhone Apps, Web 2.0, Web 3.0, Latest Internet technologies

Misc.

  • bluehost Hosting $6.95/month
  • Joomla Templates