SwagMag - Magazine/Review Theme

SwagMag HTML Version — What You Get

• Designed to load up your site with content and present it in an organized, user-friendly way using multiple templates and layouts.
• Front page features a content-rich design aimed at maximizing user engagement, time on site, and page views.
• Includes both PHP and HTML versions with your download, ensuring flexibility for different hosting environments.
• Works for both review and non-review mini-sites, from personal blogs to large content-heavy sites.
• Optimized, minified, compressed, validated, spaced/indented/commented code, and architected intuitively.
• Includes all latest jQuery enhancements and UI upgrades for a rich user experience.
• Offers 14 total page templates, 2 front page layouts, 5 post listing layouts, 2 single post layouts, and 4 unique rating box designs.
• 5-star customer support monitored 7 days a week with a smile.
• Designed for review or non-review mini-sites to present content however you want.
• 4 ways to rate reviews: Numbers, Percentages, Letters, Stars.
• Pre-defined color ranges for ratings, with visual cues similar to MetaCritic.
• Multiple layout options for home pages, review mini-sites, and category archives.
• Includes 80 pre-defined CSS formatting elements and 10 custom-designed sidebar widgets.
• Unwrapped text/HTML and comprehensive documentation included.
• Extensive slider and carousel options at the top of pages for featured content.
• Includes various ad placements, random article button, and a robust set of widgets and shortcodes.

Rating Systems and Options

SwagMag supports four distinct rating types, each with unique display options and color cues to help readers gauge quality at a glance.

• Four rating methods: Numbers, Percentages, Letters, Stars.
• Numbers — between 0 and 10 (with increments of 0.1).
• Percentages — between 0 and 100 (with increments of 1).
• Letter grades — from A+ to F (with pluses + and minuses – for each letter grade).
• Stars — from 0 to 5 (with half-star increments) with 5 color options: Yellow, Orange, Red, Green, Blue.

Review Overview and Visual Cues

• Review Overview box — descriptive summary text about the review.
• Unique animations for each of the 4 types of ratings (stars, numbers, percentages, letter grades).
• Pre-defined color ranges for ratings add visual cues to how good a particular rating is, just like how MetaCritic works.

Front-End Layouts and Page Templates

• 5 unique layouts available for each mini-site’s front page and category archive pages:
  • 2 panel grid with sidebar
  • Vertical post listing with sidebar
  • 3 panel grid with sidebar
  • 3 panel full-width grid
  • 4 panel full-width grid

Theme Components and Studio-Quality Code

• 80 pre-defined CSS formatting elements for flexible styling.
• 10 custom-designed sidebar widgets:
  • 2×2 ad block
  • Email subscribe form
  • Flickr feed
  • Latest tweets
  • Page & Archive tabs
  • Post & Comment tabs
  • Latest Reviews
  • Latest Review tabs (from multiple review types)
  • Review Category tabs
  • Unwrapped text/HTML
• Box toggles (shortcodes) and 3 drop-down menus, each styled 3 levels deep.
• Slick, jQuery, and related animation capabilities including a Nivo slider and jCarousel sliders.
• Image and UI effects: image icon darken on mouseover, button darken on mouseover, mosaic image slide effects, and colorbox image lightboxes.
• 28 included transparent background textures and 48 included background images for deeper customization.
• @font-face fonts (not Cufon).
• Optimized JavaScript, CSS, and images; layered PNGs and PSDs included.
• Valid XHTML and compatibility with all major browsers (including IE7+).
• Compressed and uncompressed versions of JavaScript files included for performance tuning.
• Awesome documentation included.

Interactivity, Sliders, and Navigation

• Nivo jQuery “featured” slider with thumbnails on front page and all the post listing layout pages.
• jCarousel “latest” slider at the top of all pages.
• jCarousel “spotlight” slider under the featured slider on the front-page.
• jCarousel “article” slider under the “spotlight” slider on the front page with arrow navigation, as well as just above the footer on all other pages.
• jQuery Mosaic effect applied to posts in the jCarousel “latest” slider.
• jCarousel slider CSS formatted element to place content sliders with unlimited panels directly in the post/page content.
• Tabs (shortcodes, widgets, related articles panel).
• Tabbed interfaces for related content and navigation.

Additional Features and Capabilities

• Reviews are not required.
• Swagger works great as a non-review blog too (or mix-n-match).
• Author and related content features, including the “About The Author” panel and related posts under each post/review.
• Threaded, paged, and styled comments for engaging discussions.
• Share Panel – fixed, social media sharing buttons that float to the left of main content.
• Author listing page template shows contributors in a beautiful 2 panel grid layout.
• 404 page nicely styled with instructions and a search box.
• 5 unique layout options to choose from for home page, review mini-sites, and category archive pages:
  • 2 panel grid with sidebar
  • Vertical post listing with sidebar
  • 3 panel grid with sidebar
  • 3 panel full-width grid
  • 4 panel full-width grid

Media, Compatibility, and Support

• Unwrapped text/HTML support for easy customization and adaptation.
• 40+ features across the theme including design, widgets, sliders, and templates.
• Supports both PHP and HTML versions for flexible deployment scenarios.
• All major browser compatibility coverage, including IE7+ compatibility.
• Extensive documentation to guide installation, customization, and template usage.
• Support Forum that is monitored 7 days a week.

Usage Scenarios and Suitability

• Designed for review or non-review mini-sites to present content in varied formats.
• Ideal for topics such as:
  • Laptops, Smart Phones, Tablets, and Audio/Video products
  • Movies, Music, and Video Games
  • Restaurants, Beer, and Wine
  • Fashion Trends and Clothing
  • Travel Destinations and Vacation Getaways
  • Automobiles
  • Books, Magazines, Web Sites, and Comics
  • Casinos, Pinball Machines, Ice Cream, Puppies, WordPress Review Themes…Anything you want.
• Suitable for both small personal blogs and large content-heavy sites like VentureBeat, CNET, and Good Magazine.

Files, Versions, and Technical Notes

• PHP and HTML versions both included with your download.
• Validated XHTML and well-structured code for easy customization.
• Compressed and uncompressed versions of JavaScript files included for performance tuning.
• Layered PNGs and PSDs included for design experimentation and theme customization.

Key Takeaways

SwagMag HTML Version provides a comprehensive, flexible, and visually rich framework for building content-heavy, rating-driven sites. It combines multiple layouts, robust rating systems, interactive sliders, and extensive widgets with strong documentation and ongoing support, all accessible via both HTML and PHP implementations.