How to Add the Subtitle Below the Title

In some cases, some posts requires a second title right below main title.

Subtitle

To implement the subtitle, add this code to your single.php file:

<?php 
$subtitle = get_post_meta($post->ID, 'subtitle', true);
if ($subtitle !== '') {
	echo '<p>' . $subtitle . '</p>';
} ?>

Below this code:

<h1>
	<?php the_title(); ?>
</h1>

Finally, add this code to your Custom CSS box:

.entry .subtitle {
	color:#333;
	font:italic 25px/25px Georgia,Times,serif;
	margin-bottom:25px;
}

Now, you can use custom fields to display a second title on single post pages. Custom field name subtitle and include any text you want to display on single post page into the value field.

How to Add an Innerpage Slider to a Single Category Post

If you’ve ever wanted to add the innerpage slider only to posts in a certain category, follow these simple steps.

Newer Themes

Open each of the single-xx.php files and replace this code:

<?php gab_innerslider(); ?>

with this code:

<?php if (in_category('N')){
gab_innerslider();
} ?>

Make sure to replace N with the proper category ID. You can specify multiple categories by using commas. This will block the innerpage slider from appearing on any posts outside of the specific category.

Older Themes

Open the single.php file and find this code:

// Theme innerpage slider
if (get_option('of_bn_inslider') == 'Site Wide') {
	require_once (GABFIRE_INC_PATH . '/theme-gallery.php');
} 
elseif (get_option('of_bn_inslider') == 'Tag-based' && ( has_tag(get_option('of_bn_inslider_tag')) ) or ( term_exists( get_option('of_bn_inslider_tag', 'gallery-tag', '' )) )) {
	require_once (GABFIRE_INC_PATH . '/theme-gallery.php');
}
elseif (get_option('of_bn_inslider') == 'Disable') {
	// do nothing
}

Then simply replace it with this code:

// Theme innerpage slider
if (in_category('XX')) {
	require_once (GABFIRE_INC_PATH . '/theme-gallery.php');
}

Make sure to replace N with the proper category ID. You can specify multiple categories by using commas. This will block the innerpage slider from appearing on any posts outside of the specific category.

How To Add Share Links to a Single Post

Share links have become critical to every website. If you don’t have share links on your blog posts, make sure to add them with one of these methods.

Using a Widget

The easiest way to add share buttons to your website is to:

  1. Install & activate the Gabfire Widget Pack plugin
  2. Activate the Share Items widget in Appearance > Gabfire Widget Pack
  3. Drag the Gabfire: Share Items widget to the appropriate widget zone in Appearance > Widgets
  4. Share links are now available on your single posts!

Using PHP Code

If you want to manually hard-code share links to your site, you’ll need to complete the following steps.

1. Add this code to single.php

<span>
	<span><a href="http://twitter.com/share?url=<?php echo urlencode(wp_get_shortlink()); ?>&amp;counturl=<?php urlencode(the_permalink()); ?>" data-count="horizontal" data-via="<?php echo get_option('of_bn_twitter'); ?>"><?php _e('tweet', 'blognews'); ?></a></span>
	<span><g:plusone size="medium"></g:plusone></span>                    
	<span><div id="fb-root"></div><fb:send href="<?php the_permalink(); ?>" font="arial"></fb:send></span>
	<span><object data="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=84&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" style="border:none; overflow:hidden; width:84px; height:21px;"></object></span>
	<div></div>
</span>                            
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

Under this code:

<?php endwhile; else : endif; ?>

2. Add this code to your Custom CSS box:

.archive .archive-left {width:262px;float:left;overflow:hidden;}
.archive .archive-right {width:340px;float:right;}
    .archive-right .entry_title {border-bottom:1px dotted #ddd;border-bottom:1px dotted #ddd;padding-bottom:5px;margin-bottom:5px;display:block;}
    .archive-right .postmeta {border-bottom:1px dotted #ddd;padding-bottom:5px;margin-bottom:10px;display:block;}
    .archive-right .share-items {border-bottom:1px dotted #ddd;}
    .share-items {padding-bottom:5px;margin-bottom:5px;display:block;}
        .share-google1 {float:left;width:70px;display:block;overflow:hidden;}
        .share-fbsend {float:left;width:65px;display:block;overflow:hidden;}
        .share-twitter {float:left;width:110px;display:block;overflow:hidden;}        
        .share-fblike {float:left;width:90px;display:block;overflow:hidden;}

3. Finally, add this code in inc/theme-js.php

wp_register_script('plus1', 'http://apis.google.com/js/plusone.js');
wp_enqueue_script('plus1');

Under this code:

wp_enqueue_script('jquery');

How to Add the Author Image and Bio to a Single Post

Displaying the author’s avatar and biography is useful for adding context to the post. Reader’s like to know who wrote the article and may even wish to contact the author directly. Adding an author box allows readers to learn a bit more about the article and read more by that author.

It’ll look something like this:

Authorinfo

Here’s how to add the author image and bio to a post:

1. Open single.php and add this code

<?php if ( get_the_author_meta( 'description' ) ) { // If a user has filled out their description, show a bio on their entries  ?>                        
    <div class="author single_postmeta">

        <?php echo get_avatar( get_the_author_meta('email'), '68' ); ?>
        <strong><?php printf( esc_attr__( 'About %s', 'journey' ), get_the_author() ); ?></strong><br />
        <?php the_author_meta( 'description' ); ?>
        <br />
        <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
            <?php printf( __( 'View all posts by %s &rarr;', 'journey' ), get_the_author() ); ?>
        </a>
        <div></div>
    </div>
    <div></div>
<?php } ?>

Beneath this code:

<?php endwhile; else : endif; ?>

2. Then Add This Code to the Custom CSS box

.single_postmeta {
    font:italic 13px/19px Georgia,Times,serif;
    color:#999;
    padding:15px 0;
    margin-bottom:15px;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
    width:100%;
    overflow:hidden
}
.author.single_postmeta {
    border-bottom:none;
    padding-bottom:0;
}
.single_postmeta a {
    font-family:Helvetica,Arial,sans-serif;
    color:#999;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}
.single_postmeta a:hover {
    color:#333
}
.single_postmeta .left {
    width:330px;
    display:block;
}
.single_postmeta .right {
    width:300px;
    display:block;
}
.single_postmeta .widget,.single_postmeta .gab_share_widget {
    margin:0;
    padding:0;
    margin:0;
}
.single_postmeta .widgettitle {
    margin-top:5px !important;
}
.single_postmeta .share-separator {
    height:1px !important;
}
.single_postmeta .avatar  { 
    float: left;
    clear: left;
    display:block;
    border: 1px solid #eee;
    padding:2px;
    margin-right: 10px;
}

Save and refresh to see your new author box on a single post! Make sure to fill out your author bio in Users > My Profile.

Source Installation Guide

Contents

  • 1 Navigation
  • 2 Featured Slider
  • 3 Buttons (Featured Slider)
  • 4 HomePage Widgets
  • 5 Blog
  • 6 Services
  • 7 Testimonials
  • 8 Media Module

Navigation

Site navigation will display all pages and categories together. There is no drop down support for default navigation. If you were behind of a dropdown menu option, please mark Switch navigation with a custom menu on theme options page, and create your custom navigation.

As you have probably noticed, we have a description line below navigation links on our live demo. These description lines can easily be added to your navigation as well. To have them included use

  • Category description for categories
  • A custom field value with key subtitle for pages.

You must use theme options page on Admin dashboard -> Appearance -> Theme options -> Navigation section to exclude unwanted links from site header. You will need to use ID number of pages/categories to exclude them.Here you’ll find a tutorial for that

If you have a page, that has sub-pages and you want to display theme -> edit your page and below the update/publish button look for template file name Page – Subpagelinks at top.

Featured Slider

There are various slides you can create for the featured slider. Here’s how:

Full-Column Slide – Assign the category for your featured slider. Then, create a custom field with the following values:
name = fullcol
value = true

Fullcol-slide
All other slides are standard. Below we show you how to insert buttons in the slides.

Buttons (Featured Slider)

Check the last slide on our live demo, you will see two buttons labeled as Button Link and Another Link You can add your buttons as well to your posts using custom fields Custom field name and calue

Custom Field Name Custom Field Value
Enable Button #1 button1 true
Label for Button #1 button1_anchor Link Label
Link for Button #1 button1_link Link (eg: http://www.google.com)
Enable Button #2 button2 true
Label for Button #2 button2_anchor Link Label
Link for Button #2 button2_link Link (eg: http://www.google.com)

 

HomePage Widgets

To populate the home page, you can use the Gabfire Text widget as shown in the screenshot below:

Source-widgets-homepage

Blog

WordPress admin -> Pages -> Add New -> on right hand below publish button look for template dropdown -> select blog -> publish. Doing that will display a link on header of your site with most recent blog entries saved under.

Services

As you created Blog, create another page but as page template select services. After that, on admin dashboard -> Services -> add new. Via this page you can add new services. See the video below for a service page adding demonstration

Testimonials

To add a Testimonials Page, do the following:

  1. Create New PAGE called ‘testimonials’
  2. On right side, use the Page Template named ‘Testimonials’
  3. Publish (won’t be anything there just yet)
  4. Now add testimonials from the Testimonial custom post type (under Services tab)

How to Add Testimonials Admin dashboard -> Testimonials -> Add New -> write any title for testimonials -> enter the testimonial text into text editor -> upload a square author image (author image is optional).

Now enter custom field values:

  • Custom field key by with value testimonial author name
  • Custom field key label with value to display anchor text below author name
  • Custom field key link with value to redirect user when anchor text is clicked

Overtime-testimonial-custom-fields (1)

Media Module

Create a new page. As page template select Media -> Publish. Now to add media see this tutorial

Theme Installation Guide

Theme Documentation

All the steps to install the theme are covered here in this page. Please read through it before you submit any support question. All support questions shall be addressed in the support forums. Please note that we offer support for common issues but not necessarily customization issues.

Access to support forum is limited to registered members who have purchased a Gabfire Theme. Registration approval is subject to moderation. When registering to our Forum please use the same email address you used to purchase the theme to help us recognize and validate your registration (this can take up to 24 hours depending on payment status / vendor). Continue reading “Theme Installation Guide”

How To Add Ads to Gabfire Theme with Adrotate Plugin

How to display JavaScript ads

In order to show your ads, you will need to install the AdRotate plugin.

AdRotate WordPress Plugin

This plugin has many features to help you show specific ads on different pages, but the primary feature we will focus on is the Ad shortcode. The AdRotate plugin can generate a new shortcode that is compatible with our theme and can be used in the Manage Ads fields. Continue reading “How To Add Ads to Gabfire Theme with Adrotate Plugin”