Setting up your theme

1) Creating theme pages

  1. Home. This will serve as your homepage. Assign to it either the Frontpage with slider template from the Page attributes panel.
  2. Contact. (optional) Here you can place your contact form which you will create using the Contact Form 7 plugin.

2) Populating your blog

To add new posts to your blog, go to Posts > Add New and follow the steps below:

  1. Give a title to your post
  2. Place your text in the content editor
  3. Upload a featured image by clicking  Set featured image on the Featured Image panel
  4. Add a category to the post from the respective panelsadd-new-post
  5. Select whether you want the post’s thumbnail to appear on the homepage’s slider by checking the Add this post in the front page slider box in the Post Details metabox
  6. Publish your post.

3) Creating your menu

When your content is in place, you will need a menu. Go to Appearance > Menus, check the pages you want on your menu and add them. Give your menu a name and save it. Finally you will need to set your menu as Main menu. This can be done either by checking the Main menu box in Menu Settings  just below your menu items in Menu Structure or by going to the Manage Locations tab and selecting the menu you just created.

tabloid-menu

(TIP: for more info on creating and managing menus, please read the WordPress Menu User Guide here)

4) Creating your homepage

Populate the homepage’s slider by adding posts to it as described in the “Populating your blog” section above. Then go to appearance > widgets and add widgets to the Blog Sidebar and the Homepage Main sidebar.

Duplicating the demo’s layout

The homepage on the demo consists three slider items and the following widgets:

On the Homepage Main sidebar: a CI Category with the “left 1 large, right 5 small” layout selected, a text widget containing code for a banner ad, a CI Category with the “Top: 1 large. Bottom: 2 large in 2 columns” layout, a CI Category with the “Left: 5 small. Right: 1 large” layout, another CI Category with the “Top: 1 large. Left: 5 small. Right: 1 large” selected and finally a CI Category with the “Top: 1 large. Bottom: 2 large in 2 columns” layout selected.

On the Homepage sidebar: A CI Socials Ignited widget, a text widget with code for a box ad and a search widget. A CI Stock Market widget, a sample newsletter widget, the Instagram widget, a Categories widget, a Tag cloud widget and finally a Facebook like box widget provided by Jetpack.

5) Changing Footer text

The theme’s footer features an area for you to enter your copyright info, privacy policy etc. To change the text you need to go to CSSIgniter settings > Site options (5th box down). Primary footer text appears on the left side of the footer and secondary on the right side.

footer-text

6) Header layout

The theme features two header layouts, the default and one containing a banner for your ads. You can read more about them and select which one you want to use under CSSIgniter Settings > Display Options.

tabloid-header

7) The trending bar

The theme has the ability to display a bar with trending posts, categories or tags. You can configure what this bar displays or turn it off under CSSIgniter Settings > Display Options.

tabloid-trending-bar

8) Weather settings

The theme’s header displays weather information for a selected location right next to your logo. You can configure this location under CSSIgniter Settings > Homepage Options.

tabloid-weather

9) Section titles

You can modify section titles for the blog, author pages and related posts under CSSIgniter Settings > Section Titles.

tabloid-section-titles

10) Custom Widgets

The theme features ten widgets that can help you display additional information.

tabloid-widgets

All widgets can be accessed from Appearance > Widgets. Below each widget you will find a small description explaining their function.

The Settings Panel

Last but not least, under Appearance > CSSIgniter settings, you can find the settings panel. From here you can modify various features your theme has, like changing your logo, setting a custom background, changing color scheme and applying custom styles via the custom CSS tab. All options feature a description about their function.

Additional Information

Useful Plugins

  • CSSIgniter Shortcodes  You can use this shortcode plugin to help you modify a variety of layouts and elements on your site. Instructions can be found here.
  • Socials Ignited Use this plugin to create a widget that links to all your social profiles. You can also customize it with your icons and add new social networks. A guide can be found here.
  • Contact Form 7 Use this plugin to create a contact form, copy the shortcode it gives you and paste it in the contact page you just created.
  • WordPress Jetpack Jetpack adds powerful features to your website, including customization, traffic, mobile, content, and performance tools. Use it to modify gallery layouts, sharing buttons and the Facebook like box widget.

Image Sizes

The recommended image sizes for Tabloid are:

  • Post thumbnail size: 750×429px
  • Slider image size: 1140×700px