Rockwall TX Web Design | Application Solutions» Featured Content Gallery http://application-solutions.com Custom WordPress Website Design | Software Application Development Mon, 12 Mar 2012 16:06:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 How to use Featured Content Gallery and Tabber on Home Page of Studio Press Magazine Theme http://application-solutions.com/tutorials/how-to-use-featured-content-gallery-and-tabber-on-home-page-of-studio-press-magazine-theme/ http://application-solutions.com/tutorials/how-to-use-featured-content-gallery-and-tabber-on-home-page-of-studio-press-magazine-theme/#comments Thu, 23 Jul 2009 16:06:36 +0000 Adam http://application-solutions.com/?p=89 First, here’s a screen shot to show what it looks like when completed.

StudioPress Magazine Theme Modification

First thing to do is go into the home.php page and find the following code:

<div id="contentleft">

<?php if(get_theme_mod('tabber') == 'Yes') { ?>

<div class="hptabber">
<?php include(TEMPLATEPATH."/tabber.php");?>
</div>

<?php } else { ?>
<?php } ?>

<div class="clear"></div>

Replace that with this code below:

<div id="contentleft">

<?php if (function_exists('gallery_styles')) : ?>

<div class="featuredcontentleft">
<div class="fcg">
<?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>
</div>
</div>
<?php endif; ?>

<?php if(get_theme_mod('tabber') == 'Yes') { ?>
<div class="tabberright">
<div class="hptabber">
<?php include(TEMPLATEPATH."/tabber.php");?>
</div>
</div>

<?php } else { ?>
<?php } ?>

<div class="clear"></div>

That is all you’ll need to do for the home.php page.

Then, open up style.css and find the following code (if you have not modified the stylesheet, it should be at about line 539:

.hptabber {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 15px 10px 0px 10px;
border: 1px solid #C0C0C0;
}

Replace that with the following:

.featuredcontentleft {
background: #FFFFFF;
border: 1px solid #C0C0C0;
float: left;
width: 299px;
height: 325px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.tabberright {
background: #FFFFFF;
border: 1px solid #C0C0C0;
float: right;
width: 299px;
height: 325px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

.fcg {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

.hptabber {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

Now, you’ll need to go into tabber.php and find the following:

<?php
$i = 1;
while($i < 7) {
?>

You need to adjust the amount of tabs (atleast I did so it looked better) to only display 3 (<4)

<?php
$i = 1;
while($i < 4) {
?>

Then, upload all 3 files back to your server.

Go to the featured content gallery options and set the width to 275 and the height to 300.

That is all it took and now you’ll have both features on the home page!

Hope this helps! :D

Adam

]]> http://application-solutions.com/tutorials/how-to-use-featured-content-gallery-and-tabber-on-home-page-of-studio-press-magazine-theme/feed/ 7