Developer's Roundtable Notes

Session: Modifying Themes

Modifying Themes

About This Talk

ex  CSS modifications

 

ex  One-size fits all

 

check  Guidelines to help you find and make changes

 

What Kinds of Modifications?

  • Change blog from content to excerpt (or vice versa)
  • Create  a custom page template 
  • Change header size / logo
  • Create a new widget area
  • Add a custom menu location
  • Change text in footer

It’s Done for You

Frameworks

Genesis
Headway
Thesis

Customizable Themes

Divi
Avada
XTheme

 

Every Theme is Different

Header Example – TwentyTwelve

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">
		<hgroup>
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
		</hgroup>

		<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
		</nav><!-- #site-navigation -->

		<?php if ( get_header_image() ) : ?>
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
		<?php endif; ?>
	</header><!-- #masthead -->

	<div id="main" class="wrapper">

 

Header Example – WooCommerce Artificer

<body <?php body_class(); ?>>
<?php woo_top(); ?>

<div id="wrapper">

	<?php if ( function_exists( 'has_nav_menu' ) && has_nav_menu( 'top-menu' ) ) { ?>

	<div id="top">
		<nav class="col-full" role="navigation">
			<?php wp_nav_menu( array( 'depth' => 6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'top-nav', 'menu_class' => 'nav fl', 'theme_location' => 'top-menu' ) ); ?>
		</nav>
	</div><!-- /#top -->

    <?php } ?>
    
    <?php woo_header_before(); ?>

	<header id="header" class="col-full">
	    
	    <hgroup>
	        
	        <?php
			    $logo = get_template_directory_uri() . '/images/logo.png';
				if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' ) { $logo = $woo_options['woo_logo']; }
				if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' && is_ssl() ) { $logo = preg_replace("/^http:/", "https:", $woo_options['woo_logo']); }
			?>
			<?php if ( ! isset( $woo_options['woo_texttitle'] ) || $woo_options['woo_texttitle'] != 'true' ) { ?>
			    <a id="logo" href="<?php bloginfo( 'url' ); ?>" title="<?php bloginfo( 'description' ); ?>">
			    	<img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>" />
			    </a>
		    <?php } ?>
	        
			<h1 class="site-title <?php if ( $woo_options['woo_texttitle'] == 'true' ) { echo 'visible'; } ?>"><a href="<?php bloginfo( 'url' ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
			<p class="site-description <?php if ( $woo_options['woo_tagline'] == 'true' ) { echo 'visible'; } ?>"><?php bloginfo( 'description' ); ?></p>
		      	
		</hgroup>

		<?php if ( isset( $woo_options['woo_ad_top'] ) && $woo_options['woo_ad_top'] == 'true' ) { ?>
        <div id="topad">
			<?php
				if ( isset( $woo_options['woo_ad_top_adsense'] ) && $woo_options['woo_ad_top_adsense'] != '' ) {
					echo stripslashes( $woo_options['woo_ad_top_adsense'] );
				} else {
					if ( isset( $woo_options['woo_ad_top_url'] ) && isset( $woo_options['woo_ad_top_image'] ) )
			?>
				<a href="<?php echo $woo_options['woo_ad_top_url']; ?>"><img src="<?php echo $woo_options['woo_ad_top_image']; ?>" width="468" height="60" alt="advert" /></a>
			<?php } ?>
		</div><!-- /#topad -->
        <?php } ?>
        
        <?php woo_nav_before(); ?>
        
        <h3 class="nav-toggle"><a href="#navigation"><?php _e('Main navigation', 'woothemes'); ?></a></h3>

		<nav id="navigation" class="col-full" role="navigation">
			
			<?php
			if ( function_exists( 'has_nav_menu' ) && has_nav_menu( 'primary-menu' ) ) {
				wp_nav_menu( array( 'depth' => 6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'main-nav', 'menu_class' => 'nav', 'theme_location' => 'primary-menu' ) );
			} else {
			?>
	        <ul id="main-nav" class="nav fl">
				<?php if ( is_page() ) $highlight = 'page_item'; else $highlight = 'page_item current_page_item'; ?>
				<li class="<?php echo $highlight; ?>"><a href="<?php echo home_url( '/' ); ?>"><?php _e( 'Home', 'woothemes' ); ?></a></li>
				<?php wp_list_pages( 'sort_column=menu_order&depth=6&title_li=&exclude=' ); ?>
			</ul><!-- /#nav -->
	        <?php } ?>
	
		</nav><!-- /#navigation -->
		
		<?php woo_nav_after(); ?>
	
	</header><!-- /#header -->
		
	<?php woo_content_before(); ?>

 

Header Example – Education Center

<body <?php body_class(); ?>>
<?php $theme->hook('html_before'); ?>

<div id="container">

    <div id="header">
    
        <div class="logo">
        <?php if ($theme->get_option('themater_logo_source') == 'image') { ?> 
            <a href="<?php echo home_url(); ?>"><img src="<?php $theme->option('logo'); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a>
        <?php } else { ?> 
            <?php if($theme->display('site_title')) { ?> 
                <h1 class="site_title"><a href="<?php echo home_url(); ?>"><?php $theme->option('site_title'); ?></a></h1>
            <?php } ?> 
            
            <?php if($theme->display('site_description')) { ?> 
                <h2 class="site_description"><?php $theme->option('site_description'); ?></h2>
            <?php } ?> 
        <?php } ?> 
        </div><!-- .logo -->

        <div class="header-right">
            <div id="top-social-profiles">
                <?php $theme->hook('social_profiles'); ?>
            </div>
        </div><!-- .header-right -->
        
    </div><!-- #header -->
    
    <?php if($theme->display('menu_primary')) { ?>
        <div class="clearfix">
            <?php $theme->hook('menu_primary'); ?>
        </div>
    <?php } ?>
    
    <?php if($theme->display('menu_secondary')) { ?>
        <div class="clearfix">
            <?php $theme->hook('menu_secondary'); ?>
        </div>
    <?php } ?>

 

Header Example – Evolve

<!--BEGIN body-->
<body <?php body_class(); ?>>

<?php $evolve_custom_background = evolve_get_option('evl_custom_background','1'); if ($evolve_custom_background == "1") { ?>
<div id="wrapper">
<?php } ?>

<div id="top"></div>
	<!--BEGIN .header-->
		<div class="header">     
	<!--BEGIN .container-->
	<div class="container container-header custom-header">  
   <?php $evolve_social_links = evolve_get_option('evl_social_links','1'); if ( $evolve_social_links == "1" ) { ?>
  
      <!--BEGIN #righttopcolumn-->  
  <div id="righttopcolumn"> 
                       
   <!--BEGIN #subscribe-follow--> 
<div id="social">
<?php get_template_part('social-buttons', 'header'); ?></div> 
<!--END #subscribe-follow-->        
</div> 
  <!--END #righttopcolumn-->
  
  <?php } ?>
 
 <?php $evolve_pos_logo = evolve_get_option('evl_pos_logo','left'); if ($evolve_pos_logo == "disable") { ?>   
  <?php } else { ?>  
   <?php $evolve_header_logo = evolve_get_option('evl_header_logo', '');
    if ($evolve_header_logo) {
        echo "<a href=".home_url()."><img id='logo-image' class='img-responsive' src=".$evolve_header_logo." /></a>";
    }
      ?>        
     <?php } ?>      
     <!--BEGIN .title-container-->
     <div class="title-container">     
      <?php        
     $tagline = '<div id="tagline">'.get_bloginfo( 'description' ).'</div>';     
     $evolve_tagline_pos = evolve_get_option('evl_tagline_pos','next');     
     if (($evolve_tagline_pos !== "disable") && ($evolve_tagline_pos == "above")) {      
     echo $tagline;      
     } ?>     
     
     <?php $evolve_blog_title = evolve_get_option('evl_blog_title','0'); 
	 if ($evolve_blog_title == "0" || !$evolve_blog_title) { ?>     
     <div id="logo"><a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ) ?></a></div>    
          
     <?php } else { ?>			      
      <?php } if (($evolve_tagline_pos !== "disable") && (($evolve_tagline_pos == "") || ($evolve_tagline_pos == "next") || ($evolve_tagline_pos == "under")))    
      {
			echo $tagline;      
      } ?> 
      
      <!--END .title-container-->
    </div>                        
	<!--END .container-->
		</div>   
    		<!--END .header-->
		</div>
     
     <div class="menu-container">  
      <?php $evolve_menu_background = evolve_get_option('evl_disable_menu_back','1'); $evolve_width_layout = evolve_get_option('evl_width_layout','fixed'); if ( $evolve_width_layout == "fluid" && $evolve_menu_background == "1" ) { ?>
    <div class="fluid-width">    
    <?php } ?>  
  
  <div class="menu-header">    
  <!--BEGIN .container-menu-->
  <div class="container nacked-menu container-menu">
     <?php $evolve_main_menu = evolve_get_option('evl_main_menu','0'); if ($evolve_main_menu == "1") { ?>
    <br /><br />    
   <?php } else { ?>   
   <div class="primary-menu">   
 <?php  
if ( has_nav_menu( 'primary-menu' ) ) {     
echo '<nav id="nav" class="nav-holder link-effect">';    
 wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'nav-menu','fallback_cb' => 'wp_page_menu', 'walker' => new evolve_Walker_Nav_Menu() ) );
 } else { 
echo '<nav id="nav" class="nav-holder">';
wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'nav-menu','fallback_cb' => 'wp_page_menu') );} 
 ?>   
   </nav>  
   </div>             
  
  <?php $evolve_searchbox = evolve_get_option('evl_searchbox','1'); if ( $evolve_searchbox == "1" ) { ?>          
          <!--BEGIN #searchform-->
       <form action="<?php echo home_url(); ?>" method="get" class="searchform">         
         <div id="search-text-box">
  <label class="searchfield" id="search_label_top" for="search-text-top"><input id="search-text-top" type="text" tabindex="1" name="s" class="search" placeholder="<?php _e( 'Type your search', 'evolve' ); ?>" /></label> 
  </div>        
</form>
<div class="clearfix"></div> 
<!--END #searchform-->
<?php } ?>

<?php $evolve_sticky_header = evolve_get_option('evl_sticky_header','1'); if ( $evolve_sticky_header == "1" ) {        
	// sticky header
		get_template_part('sticky-header');

	}	?>                      
       <?php } ?>  
       </div>       
    </div>          	
	<div class="menu-back"> 
          <?php $evolve_width_layout = evolve_get_option('evl_width_layout','fixed'); if ( $evolve_width_layout == "fluid" ) { ?>    
    <div class="container">    
    <?php } ?>    
 	<?php $evolve_slider_page_id = ''; $evolve_bootstrap = evolve_get_option('evl_bootstrap_slider','homepage');
	if(!is_home() && !is_front_page() && !is_archive()) {
		$evolve_slider_page_id = $post->ID;
	}
	if(!is_home() && is_front_page()) {
		$evolve_slider_page_id = $post->ID;
	}
	if(is_home() && !is_front_page()){
		$evolve_slider_page_id = get_option('page_for_posts');
	}
	
	if(get_post_meta($evolve_slider_page_id, 'evolve_slider_type', true) == 'bootstrap' || ($evolve_bootstrap == "homepage" && is_front_page()) || $evolve_bootstrap == "all" ):
     
  evolve_bootstrap();
       
  endif; ?>        
    
 	<?php $evolve_slider_page_id = ''; $evolve_parallax = evolve_get_option('evl_parallax_slider','post');
	if(!is_home() && !is_front_page() && !is_archive()) {
		$evolve_slider_page_id = $post->ID;
	}
	if(!is_home() && is_front_page()) {
		$evolve_slider_page_id = $post->ID;
	}
	if(is_home() && !is_front_page()){
		$evolve_slider_page_id = get_option('page_for_posts');
	}
	
	if(get_post_meta($evolve_slider_page_id, 'evolve_slider_type', true) == 'parallax' || ($evolve_parallax == "homepage" && is_front_page()) || $evolve_parallax == "all" ):

  $evolve_parallax_slider = evolve_get_option('evl_parallax_slider_support', '1'); 

  if ($evolve_parallax_slider == "1"):
  
  evolve_parallax();
  
  endif;
  
  endif; ?> 
  
  
  <?php $evolve_posts_slider = evolve_get_option('evl_posts_slider','post');
  
  if(get_post_meta($evolve_slider_page_id, 'evolve_slider_type', true) == 'posts' || ($evolve_posts_slider == "homepage" && is_front_page()) || $evolve_posts_slider == "all" ):
  
  
  $evolve_carousel_slider = evolve_get_option('evl_carousel_slider', '1');
  
  if ($evolve_carousel_slider == "1"):
  
  evolve_posts_slider(); 
  
  endif; 
  
  endif; ?>       
       


 <?php $evolve_header_widgets_placement = evolve_get_option('evl_header_widgets_placement', 'home');           
        
 if (((is_home() || is_front_page()) && $evolve_header_widgets_placement == "home") || (is_single() && $evolve_header_widgets_placement == "single") 
 
 || (is_page() && $evolve_header_widgets_placement == "page") || ($evolve_header_widgets_placement == "all")) { ?>
        
  
  
        
        
          <?php $evolve_widgets_header = evolve_get_option('evl_widgets_header','disable');

// if Header widgets exist

  if (($evolve_widgets_header == "") || ($evolve_widgets_header == "disable"))  
{ } else { ?>


<?php 

$evolve_header_css = '';

if ($evolve_widgets_header == "one") { $evolve_header_css = 'widget-one-column col-sm-6'; }

if ($evolve_widgets_header == "two") { $evolve_header_css = 'col-sm-6 col-md-6'; }

if ($evolve_widgets_header == "three") { $evolve_header_css = 'col-sm-6 col-md-4'; }

if ($evolve_widgets_header == "four") { $evolve_header_css = 'col-sm-6 col-md-3'; }

?>
    
    <div class="container"> 
  <div class="widgets-back-inside row">  
  
    <div class="<?php echo $evolve_header_css; ?>">
    	<?php	if ( !dynamic_sidebar( 'header-1' )) : ?>
      <?php endif; ?>
      </div> 
  
     <div class="<?php echo $evolve_header_css; ?>"> 
      <?php	if ( !dynamic_sidebar( 'header-2' ) ) : ?>
      <?php endif; ?>
      </div>

    <div class="<?php echo $evolve_header_css; ?>">  
	    <?php	if ( !dynamic_sidebar( 'header-3' ) ) : ?>
      <?php endif; ?>
      </div>   
 
    <div class="<?php echo $evolve_header_css; ?>">  
    	<?php	if ( !dynamic_sidebar( 'header-4' ) ) : ?>
      <?php endif; ?>
      </div>
    
    </div>
    </div> 
   
     <?php } ?>     
     <?php } else {} ?>      
      </div>  
      
      </div> 
      
         <?php $evolve_width_layout = evolve_get_option('evl_width_layout','fixed'); if ( $evolve_width_layout == "fluid" ) { ?>
         
         </div>
     
   <?php } ?>        
       
             	<!--BEGIN .content-->
	<div class="content <?php semantic_body(); ?>">  
  
  <?php if (is_page_template('contact.php')): ?>
  <div class="gmap" id="gmap"></div>
  <?php endif; ?>
  
       	<!--BEGIN .container-->
	<div class="container container-center row">
  
		<!--BEGIN #content-->
		<div id="content">    
    
  <?php if (is_home() || is_front_page()) { 
  
  evolve_content_boxes();  
  
  } ?>

 

Header Example – Hueman

<body <?php body_class(); ?>>

<div id="wrapper">

	<header id="header">
	
		<?php if ( has_nav_menu('topbar') ): ?>
			<nav class="nav-container group" id="nav-topbar">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
				
				<div class="container">
					<div class="container-inner">		
						<div class="toggle-search"><i class="fa fa-search"></i></div>
						<div class="search-expand">
							<div class="search-expand-inner">
								<?php get_search_form(); ?>
							</div>
						</div>
					</div><!--/.container-inner-->
				</div><!--/.container-->
				
			</nav><!--/#nav-topbar-->
		<?php endif; ?>
		
		<div class="container group">
			<div class="container-inner">
				
				<div class="group pad">
					<?php echo alx_site_title(); ?>
					<?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
					<?php if ( ot_get_option('header-ads') == 'on' ): ?>
					<div id="header-ads">
						<?php dynamic_sidebar( 'header-ads' ); ?>
					</div><!--/#header-ads-->
					<?php endif; ?>
				</div>
				
				<?php if ( has_nav_menu('header') ): ?>
					<nav class="nav-container group" id="nav-header">
						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
						<div class="nav-text"><!-- put your mobile menu text here --></div>
						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
					</nav><!--/#nav-header-->
				<?php endif; ?>
				
			</div><!--/.container-inner-->
		</div><!--/.container-->
		
	</header><!--/#header-->
	
	<div class="container" id="page">
		<div class="container-inner">			
			<div class="main">
				<div class="main-inner group">

 

Footer Example – TwentyTwelve

	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">
		<div class="site-info">
			<?php do_action( 'twentytwelve_credits' ); ?>
			<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?></a>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>
</body>
</html>

 

Footer Example – Hueman

				</div><!--/.main-inner-->
			</div><!--/.main-->			
		</div><!--/.container-inner-->
	</div><!--/.container-->

	<footer id="footer">
		
		<?php if ( ot_get_option('footer-ads') == 'on' ): ?>
		<section class="container" id="footer-ads">
			<div class="container-inner">
				<?php dynamic_sidebar( 'footer-ads' ); ?>
			</div><!--/.container-inner-->
		</section><!--/.container-->
		<?php endif; ?>
		
		<?php // footer widgets
			$total = 4;
			if ( ot_get_option( 'footer-widgets' ) != '' ) {
				
				$total = ot_get_option( 'footer-widgets' );
				if( $total == 1) $class = 'one-full';
				if( $total == 2) $class = 'one-half';
				if( $total == 3) $class = 'one-third';
				if( $total == 4) $class = 'one-fourth';
				}

				if ( ( is_active_sidebar( 'footer-1' ) ||
					   is_active_sidebar( 'footer-2' ) ||
					   is_active_sidebar( 'footer-3' ) ||
					   is_active_sidebar( 'footer-4' ) ) && $total > 0 ) 
		{ ?>		
		<section class="container" id="footer-widgets">
			<div class="container-inner">
				
				<div class="pad group">
					<?php $i = 0; while ( $i < $total ) { $i++; ?>
						<?php if ( is_active_sidebar( 'footer-' . $i ) ) { ?>
					
					<div class="footer-widget-<?php echo $i; ?> grid <?php echo $class; ?> <?php if ( $i == $total ) { echo 'last'; } ?>">
						<?php dynamic_sidebar( 'footer-' . $i ); ?>
					</div>
					
						<?php } ?>
					<?php } ?>
				</div><!--/.pad-->
				
			</div><!--/.container-inner-->
		</section><!--/.container-->	
		<?php } ?>
		
		<?php if ( has_nav_menu( 'footer' ) ): ?>
			<nav class="nav-container group" id="nav-footer">
				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
				<div class="nav-text"><!-- put your mobile menu text here --></div>
				<div class="nav-wrap"><?php wp_nav_menu( array('theme_location'=>'footer','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>false) ); ?></div>
			</nav><!--/#nav-footer-->
		<?php endif; ?>
		
		<section class="container" id="footer-bottom">
			<div class="container-inner">
				
				<a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a>
				
				<div class="pad group">
					
					<div class="grid one-half">
						
						<?php if ( ot_get_option('footer-logo') ): ?>
							<img id="footer-logo" src="<?php echo ot_get_option('footer-logo'); ?>" alt="<?php get_bloginfo('name'); ?>">
						<?php endif; ?>
						
						<div id="copyright">
							<?php if ( ot_get_option( 'copyright' ) ): ?>
								<p><?php echo ot_get_option( 'copyright' ); ?></p>
							<?php else: ?>
								<p><?php bloginfo(); ?> &copy; <?php echo date( 'Y' ); ?>. <?php _e( 'All Rights Reserved.', 'hueman' ); ?></p>
							<?php endif; ?>
						</div><!--/#copyright-->
						
						<?php if ( ot_get_option( 'credit' ) != 'off' ): ?>
						<div id="credit">
							<p><?php _e('Powered by','hueman'); ?> <a href="http://wordpress.org" rel="nofollow">WordPress</a>. <?php _e('Theme by','hueman'); ?> <a href="http://alxmedia.se" rel="nofollow">Alx</a>.</p>
						</div><!--/#credit-->
						<?php endif; ?>
						
					</div>
					
					<div class="grid one-half last">	
						<?php alx_social_links() ; ?>
					</div>
				
				</div><!--/.pad-->
				
			</div><!--/.container-inner-->
		</section><!--/.container-->
		
	</footer><!--/#footer-->

</div><!--/#wrapper-->

<?php wp_footer(); ?>
</body>
</html>

 

Footer Example – Artificer

<?php
	global $woo_options;

	$total = 4;
	if ( isset( $woo_options['woo_footer_sidebars'] ) && ( $woo_options['woo_footer_sidebars'] != '' ) ) {
		$total = $woo_options['woo_footer_sidebars'];
	}

	if ( ( woo_active_sidebar( 'footer-1' ) ||
		   woo_active_sidebar( 'footer-2' ) ||
		   woo_active_sidebar( 'footer-3' ) ||
		   woo_active_sidebar( 'footer-4' ) ) && $total > 0 ) {

?>
	
	<?php woo_footer_before(); ?>
		
	<section id="footer-widgets" class="col-full col-<?php echo $total; ?> fix">
	
		<?php $i = 0; while ( $i < $total ) { $i++; ?>
			<?php if ( woo_active_sidebar( 'footer-' . $i ) ) { ?>

		<div class="block footer-widget-<?php echo $i; ?>">
        	<?php woo_sidebar( 'footer-' . $i ); ?>
		</div>

	        <?php } ?>
		<?php } // End WHILE Loop ?>

	</section><!-- /#footer-widgets  -->
<?php } // End IF Statement ?>
	<footer id="footer" class="col-full">

		<div id="copyright" class="col-left">
		<?php if( isset( $woo_options['woo_footer_left'] ) && $woo_options['woo_footer_left'] == 'true' ) {

				echo stripslashes( $woo_options['woo_footer_left_text'] );

		} else { ?>
			<p><?php bloginfo(); ?> &copy; <?php echo date( 'Y' ); ?>. <?php _e( 'All Rights Reserved.', 'woothemes' ); ?></p>
		<?php } ?>
		</div>

		<div id="credit" class="col-right">
        <?php if( isset( $woo_options['woo_footer_right'] ) && $woo_options['woo_footer_right'] == 'true' ) {

        	echo stripslashes( $woo_options['woo_footer_right_text'] );

		} else { ?>
			<p><?php _e( 'Powered by', 'woothemes' ); ?> <a href="http://www.wordpress.org">WordPress</a>. <?php _e( 'Designed by', 'woothemes' ); ?> <a href="<?php echo ( isset( $woo_options['woo_footer_aff_link'] ) && ! empty( $woo_options['woo_footer_aff_link'] ) ? esc_url( $woo_options['woo_footer_aff_link'] ) : 'http://www.woothemes.com' ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/woothemes.png" width="74" height="19" alt="Woo Themes" /></a></p>
		<?php } ?>
		</div>

	</footer><!-- /#footer  -->

</div><!-- /#wrapper -->
<?php wp_footer(); ?>
<?php woo_foot(); ?>
</body>
</html>

 

Footer Example – Evolve

		<!--END #content-->
		</div>
    
    	<!--END .container-->
	</div> 
  
  

      	<!--END .content-->
	</div> 
  
  

  
     <!--BEGIN .content-bottom--> 
  <div class="content-bottom">
  
       	<!--END .content-bottom-->
  </div>
			
		<!--BEGIN .footer-->
		<div class="footer">
    
    
   	<!--BEGIN .container-->
	<div class="container container-footer">    
  
  <?php $evolve_widgets_footer = evolve_get_option('evl_widgets_num','disable');

// if Footer widgets exist

  if (($evolve_widgets_footer  == "") || ($evolve_widgets_footer  == "disable"))  
{ } else { ?>

<?php 

$evolve_footer_css = '';

if ($evolve_widgets_footer == "one") { $evolve_footer_css = 'widget-one-column col-sm-6'; }

if ($evolve_widgets_footer == "two") { $evolve_footer_css = 'col-sm-6 col-md-6'; }

if ($evolve_widgets_footer == "three") { $evolve_footer_css = 'col-sm-6 col-md-4'; }

if ($evolve_widgets_footer == "four") { $evolve_footer_css = 'col-sm-6 col-md-3'; }

?> 


  <div class="widgets-back-inside row"> 
  
    <div class="<?php echo $evolve_footer_css; ?>">
    	<?php	if ( !dynamic_sidebar( 'footer-1' ) ) : ?>
      <?php endif; ?>
      </div>
     
     <div class="<?php echo $evolve_footer_css; ?>"> 
      <?php	if ( !dynamic_sidebar( 'footer-2' ) ) : ?>
      <?php endif; ?>
      </div>
    
    <div class="<?php echo $evolve_footer_css; ?>">  
	    <?php	if ( !dynamic_sidebar( 'footer-3' ) ) : ?>
      <?php endif; ?>
      </div>      
    
    
    <div class="<?php echo $evolve_footer_css; ?>">  
    	<?php	if ( !dynamic_sidebar( 'footer-4' ) ) : ?>
      <?php endif; ?>
      </div>
      
      </div>

        

    
    <?php } ?>


<div class="clearfix"></div> 
  
  <?php $footer_content = evolve_get_option('evl_footer_content','<p id=\"copyright\"><span class=\"credits\"><a href=\"http://theme4press.com/evolve-multipurpose-wordpress-theme/\">evolve</a> theme by Theme4Press&nbsp;&nbsp;&bull;&nbsp;&nbsp;Powered by <a href=\"http://wordpress.org\">WordPress</a></span></p>'); 
 if ($footer_content === false) $footer_content = '';
 echo do_shortcode($footer_content);
?>   


 

  
  

			<!-- Theme Hook -->
      
      <?php evolve_footer_hooks(); ?> 
      
		  

          	<!--END .container-->  
	</div> 



 
		
		<!--END .footer-->
		</div>

<!--END body-->  



  <?php $evolve_pos_button = evolve_get_option('evl_pos_button','right');
  if ($evolve_pos_button == "disable" || $evolve_pos_button == "") { ?>
  
   <?php } else { ?>
   
     <div id="backtotop"><a href="#top" id="top-link"></a></div>   

<?php } ?>

<?php $evolve_custom_background = evolve_get_option('evl_custom_background','0'); if ($evolve_custom_background == "1") { ?>
</div>
<?php } ?>

<?php wp_footer(); ?> 

</body>
<!--END html(kthxbye)-->
</html>

 

See the Difference?

Before You Start

check

Is there an OPTION?

check

Will CSS changes work?

 

Where to Make Modifications

Did I Say This Already?

Where to Look…

Add this to your footer:

<?php 
   global $template; 
   $name = $template_name = substr( $template, ( strripos( $template, '/') ) ); 
   echo $name; 
?>

WhatTheFile

Firebug

Developer Tools

Google

Theme forums

The developer

You Need Children

If you are making any change to any file in a theme, and you don’t want to lose your change when the theme updates…

Create a Child Theme!

It’s EASY!

http://codex.wordpress.org/Child_Themes

One Last Thing…

Next Month…

aaron

April 2nd

Aaron Reimann

Building a Theme from Scratch

 
(Is today a special day for Aaron?)
Skip to toolbar