inLine now loads its own textdomain (‘inline’) and offers localization support via .po/.mo files. These files are located in the lib/languages directory of the theme.

Along with this update will come a changelog that will be posted on this site for future reference for anyone using or wanting to customize the theme.

Enjoy the new updates, and be sure to contact me with feature requests!

First of all, you will need to download the image. Unzip the file and find the image titled “social.png”. Upload that image into the images folder of your child theme. If you haven’t already downloaded that, click on the “Sample Child Theme” link in the navigation menu above to get the sample child theme.

Instructions for your functions.php file

Copy and paste the following code into your functions.php file:

// add social icons to the right of the secondary nav menu
add_action( 'inline_secondary_nav', 'tgm_social_icons' );
function tgm_social_icons() {
	echo '<div class="social-icons">';
		echo '<ul class="social">';
			echo '<li><a class="rss" href="http://feeds.feedburner.com/inlinetheme" title="RSS Feed" target="_blank">RSS Feed</a></li>';
			echo '<li><a class="twitter" href="http://twitter.com/jthomasgriffin" title="Twitter" target="_blank">Twitter</a></li>';
			echo '<li><a class="facebook" href="http://facebook.com/thomasgriffinmedia" title="Facebook" target="_blank">Facebook</a></li>';
			echo '<li class="last"><a class="google" href="https://plus.google.com/117070403922420030160/posts" title="Google+" target="_blank">Google+</a></li>';
		echo '</ul><!--end .social-->';
	echo '</div><!--end .social-icons-->';
}

Change the links with the href=”" to match your own. It may be that you only want to use a couple of these buttons. If this is the case, remove the list items that you do not want, and make sure that you add the class of “last” to the very last list item in your unordered list. This will keep the styling in check.

Instructions for the style.css file

Next, copy and paste the following code into your style.css file:

/* :..[ Social Icons ]..: */

.social-icons { float: right; display: inline; width: auto; height: auto; margin: 7px 0 0; padding: 0; }
.social-icons .social { list-style: none; margin: 0; padding: 0; }
.social-icons .social li { float: left; margin-right: 5px; width: 24px; height: 24px; }
.social-icons .social li.last { margin-right: 0; }
.social-icons .social li a { display: block; outline: none; width: 24px; height: 24px; text-indent: -9999px; }
.social-icons .social li a.rss { background: url('images/social.png') no-repeat scroll 0 0; }
.social-icons .social li a.twitter { background: url('images/social.png') no-repeat scroll -24px 0; }
.social-icons .social li a.facebook { background: url('images/social.png') no-repeat scroll -48px 0; }
.social-icons .social li a.google { background: url('images/social.png') no-repeat scroll -72px 0; }

That will display the icons exactly in the same way as on this site. If you have removed any of the icons from the list, you can remove the subsequent CSS related to it in here as well if you would like (although it is not necessary).

That should wrap it up! Let me know if you have any questions.

1. Make sure you have created a child theme. You can get instructions and the sample child theme here.
2. Title your logo “logo.png” and place it in the images folder of your child theme.
3. Add the following code to your child theme’s style.css file:

   #logo { text-indent: -9999px; width: 121px; height: 26px; background: url('images/logo.png') no-repeat scroll 0 0; }
   #logo a { display: block; outline: none; width: 121px; height: 26px; }

4. Save your style.css file and reload your site! Your logo will now appear in place of the text.

Change the width and height of the above to the width and height of your own logo. You may need to adjust the padding in the navigation menu based on the height of your logo to get everything aligned correctly. You could place the following in your style.css file as well:

#navigation .menu li a { padding-bottom: 30px; }

Just change the padding at the bottom so that it will align the with bottom of the header. Enjoy!

add_filter( 'inline_get_avatar', 'tgm_custom_avatar_size' );
function tgm_custom_avatar_size( $avatar ) {
	global $comment;
	$avatar = get_avatar( $comment, $size = '64' );
	return $avatar;
}

Change the number 64 to whatever size you want your avatar to be. Enjoy!

add_filter( 'inline_get_avatar', 'tgm_custom_avatar_size' );
function tgm_custom_avatar_size( $avatar ) {
	global $comment;
	$avatar = get_avatar( $comment, $size = '64' );
	return $avatar;
}

Edit “Read More…” to whatever you would like it to say!

I am a minimalist nut. I keep my places organized, accounts in order, bills in check and keep everything clean. It’s just in my nature.

I also like minimal design, and the inLine theme is a product of that minimal nature within me. There is nothing fancy about inLine other than its simple and beautiful layout. Every part of this theme has been crafted delicately to ensure that the idea of “minimal” is riddled all the way through, from design to code.

I have put much thought, time, effort and ability into this minimal WordPress theme, so I encourage you to study it and use it. Is it perfect? By all means no, but I will continue to work towards that goal with the help of you, the WordPress community.

So go ahead, grab a copy of inLine from the WordPress theme repository today, and enjoy the beauty, functionality and minimalism of inLine!