Modern News

$75

Got lots of news-style content and need a stylish frame? The Modern News theme is a great choice for sites that have a lot to say. Choose from many color schemes, and widgets that support everything from video to in-depth articles to great photography. Modern News is sleek, up-to-date, and always cutting-edge… just like your content.

The Modern News theme has multiple layouts and menus, breadcrumbs, and archive control. You can even add a customized Header image or custom background.

Theme Colors

The Modern News theme includes the following features: 7 color styles – blue, green, orange, pink, purple red and teal.

Featured Images

The Modern News theme is a great fit if you publish magazine or news style content. You can showcase multiple categories on the homepage and use featured images to make your site look stunning.

Layouts

You can choose from 6 different layout configurations for Modern News. You can have your content on the left with a sidebar on the right, flip that around, have two sidebars or even remove the sidebar altogether.

Plenty of Options

Part of Modern News’ charm is the option for customizing the look of your site. This includes sidebar widget area, two menu areas, and control over what content is displayed in your blog archive pages.

Custom Header Image and Background

You can further customize Modern News thanks to the Custom Header and Background options found in Appearance → Header and Appearance → Background.

Quick Specs (all measurements in pixels):

  1. Content and One Sidebar: The main column width is 580 with one sidebar of 300 and an alternative sidebar of 150.
  2. Full-width layout: The main column is 910

Modern News theme documentation

You may wish to have the News theme demo open, for reference, while setting up your theme. The setup documentation for this theme has been broken down into the following sections:

How to Create Social Icons in the Navigation
How to Setup the Home Middle Section
How to Setup the Home Bottom Section

This theme also shows a blog layout on the front page until and unless home widgets are placed in the home widgets areas. Under Settings -> Reading, please make sure to select “Your latest posts.” The theme will show blog posts until the home widgets are used. Then it will show the widget contents.


How to Create Social Icons in the Navigation

If you would like to display the social icons in your navigation, simply follow these steps:

1. Create a Custom Menu

Inside your WordPress dashboard, go to Appearance > Menus and create a custom menu. On our demo site, we added these icons to our existing Primary menu. Go to the Screen Options tab in the upper right hand corner of your screen and make sure you have the “CSS classes” option enabled.

2. Enter a CSS Class for the Link

You will need to create Custom Links for the Facebook, Twitter and RSS icons. In the input box for CSS Classes, use social-facebook, social-rss and social-twitter for your Facebook, RSS and Twitter icon links respectively. Here’s how that looks:

How to Setup the Home Middle Section

Go to the Appearance > Widgets screen in your WordPress dashboard and add a Genesis – Featured Posts widget to the Home Middle Left and Home Middle Right widget areas on the right hand side of your screen.

To configure each widget, you can choose the options as you see below:


How to Setup the Home Bottom Section

Go to the Appearance > Widgets screen in your WordPress dashboard and add a Genesis – Featured Posts widget to the Home Bottom widget area on the right hand side of your screen.

To configure each widget, you can choose the options as you see below: