Solved

Insert new colum wordpress

Posted on 2011-03-20
9
290 Views
Last Modified: 2012-08-14
Hi!

Have this site:
htp://www.kreactor.no

I am very new to wordpress, and need some help
to Create 3 colums insted of 2.

The header-text (Om creactor) ->1 colum
The header-text (Siste nyheter) -> 2 colum

What i want is to insert a new colum, between 1 colum and 2 colum

How do i do that ?

Include source for index.php and functions.php


************** Index.php ******************

<?php

    // calling the header.php
    get_header();

    // action hook for placing content above #container
    thematic_abovecontainer();
    



?>

		<div id="container">
	
			<?php thematic_abovecontent(); ?>
	
			<div id="content">

				<?php 
            	
            	// create the navigation above the content
            	thematic_navigation_above();
				
                // calling the widget area 'index-top'
            	get_sidebar('index-top');
				
            	// action hook for placing content above the index loop
            	thematic_above_indexloop();

            	// action hook creating the index loop
            	thematic_indexloop();
				
            	// action hook for placing content below the index loop
            	thematic_below_indexloop();
				
            	// calling the widget area 'index-bottom'
            	get_sidebar('index-bottom');
				
            	// create the navigation below the content
            	// thematic_navigation_below();
            	
            	?>
				
			</div><!-- #content -->
		
			<?php thematic_belowcontent(); ?> 
		
		</div><!-- #container -->

<?php 

    // action hook for placing content below #container
    thematic_belowcontainer();

    // calling the standard sidebar 
    thematic_sidebar();
   
    // calling footer.php
    get_footer();

?>


********************** Functions.php *************************

<?php

//
//  Custom Child Theme Functions
//

// I've included a "commented out" sample function below that'll add a home link to your menu
// More ideas can be found on "A Guide To Customizing The Thematic Theme Framework" 
// http://themeshaper.com/thematic-for-wordpress/guide-customizing-thematic-theme-framework/

// Adds a home link to your menu
// http://codex.wordpress.org/Template_Tags/wp_page_menu
//function childtheme_menu_args($args) {
//    $args = array(
//        'show_home' => 'Home',
//        'sort_column' => 'menu_order',
//        'menu_class' => 'menu',
//        'echo' => true
//    );
//	return $args;
//}
//add_filter('wp_page_menu_args','childtheme_menu_args');

// Unleash the power of Thematic's dynamic classes
// 
// define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
// define('THEMATIC_COMPATIBLE_POST_CLASS', true);

// Unleash the power of Thematic's comment form
//
// define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);

// Unleash the power of Thematic's feed link functions
//
// define('THEMATIC_COMPATIBLE_FEEDLINKS', true);



function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}


function my_footer($thm_footertext) {
	$thm_footertext = 'Design, utvikling og publiseringsløsning levert av <a href="http://aie.no" target="_blank">Alt i ett reklamebyrå</a>';
	return $thm_footertext;
}
add_filter('thematic_footertext', 'my_footer');

/* Meny over header */
function remove_thematic_actions() {
    remove_action('thematic_header','thematic_access',9);
    remove_action('thematic_header','thematic_blogdescription',5);
    remove_action('thematic_header','thematic_blogtitle',3);
    
}
add_action('wp','remove_thematic_actions');

/* -Meny over header- */

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/images/favicon.png"/>
<?php }
add_action('wp_head', 'childtheme_favicon');

function accesstop() {
    echo '<div id="access-top">&nbsp;</div>';
}



function accessbottom() {
    echo '<div id="access-bottom">&nbsp;</div>';
}

function additional_header_content() {
?>


<a href="/"><img id="logo" alt="logo" src="<?php echo bloginfo('stylesheet_directory') ?>/images/logo.png" /></a>
<?php
}


function new_header() {

    remove_action('thematic_header','thematic_brandingopen',1);
    
    remove_action('thematic_header','thematic_access',9);
    
}
add_action('init', 'new_header');
add_action('thematic_header','accesstop',1);
add_action('thematic_header','thematic_access',2);
add_action('thematic_header','thematic_brandingopen',3);
add_action('thematic_header', 'additional_header_content', 4);
add_action('thematic_header','thematic_brandingclose',5);
add_action('thematic_header','accessbottom',6);



function topbar() {
echo '<div id="topbar_wrap"><div id="topbar">';
	include (TEMPLATEPATH . '/searchform.php');
echo '</div></div>';
}
add_action('thematic_before', 'topbar', 6);

function kreactor_search_form() {
	$search_form = "\n" . "\t";
	$search_form .= '<form id="searchform" method="get" action="' . get_bloginfo('home') .'"><div>';
	$search_form .= "\n" . "\t" . "\t". "\t";
	$search_form .= '<input type="text" value="Søk på kreactor.no" onfocus="if (this.value == \'Søk på kreactor.no\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Søk på kreactor.no\';}" name="s" id="s" size="50" tabindex="1" />';
	$search_form .= '<input id="searchsubmit" name="searchsubmit" type="submit" value="" tabindex="2" />';
	$search_form .= "\n" . "\t" . "\t";
	$search_form .= '</div></form>';

	return $search_form;
}
add_filter('thematic_search_form', 'kreactor_search_form');

function splashtop() {
if(is_front_page()){
    echo '<div id="splashtop"></div>';
}}
add_action('thematic_belowheader','splashtop');

function splash() {
if(is_front_page()){
   // echo '<div id="splash"><img width="940px" alt="Vi benytter virkemidler fra teatret til å bygge levende bedriftskulturer" src="wp-content/themes/kreActor/images/splash.jpg" /></div>';

    echo '<div id="splash" style="background-image: url(wp-content/themes/kreActor/images/splash.jpg); height:300px; width: 940px;" align="center"><br><br><br><br><h2>Våre visjoner</h2><br>.....<br>.....<br>.....</div>';
}}
add_action('thematic_belowheader','splash');

function splashbunnen() {
if(is_front_page()){
    echo '<div id="splashbunnen"></div>';
}}
add_action('thematic_belowheader','splashbunnen');

function referanser_func() {
	return lpbc('categories=9');
}
add_shortcode('referanser','referanser_func');

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'underheadbar',
	'before_widget' => '<div class=\'slicer\'></div>',
	'after_widget' => '',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

function underheadbokser() {
if(is_front_page()){

    

    echo '
    <div id="underheadbokser">';
echo '<span id="boks1"><h3>Hva vi tilbyr</h3>';
wp_nav_menu( array( 'menu' => 'hva_vi_tilbyr' ) );
echo '</span>';
    	
    	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("underheadbar") ) :

		endif; 
		
    	echo
    	'<div class="clear"></div>
    </div>';


}
}
add_action('thematic_belowheader','underheadbokser');

function cssfix() {
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/kreactor/wp-content/themes/kreActor/ie6.css" />
<![endif]-->
';
}
add_action('wp_head','cssfix');

function maintop() {
    echo '<div id="main-top">&nbsp;</div>';
}
add_action('thematic_belowheader','maintop');


function mainbottom() {
    echo '<div id="main-bottom">&nbsp;</div>';
}
add_action('thematic_abovefooter','mainbottom');


?>

Open in new window

0
Comment
Question by:team2005
  • 7
9 Comments
 
LVL 3

Accepted Solution

by:
Manikandan1986 earned 500 total points
ID: 35175182
You can insert new column by introducing a DIV after content DIV as below





************** Index.php ******************

<?php

    // calling the header.php
    get_header();

    // action hook for placing content above #container
    thematic_abovecontainer();
   


CSS:


#content {
float:left;
margin:0 0 0 10px;
overflow:hidden;
width:310px;
}


?>


index.php

            <div id="container">
      
                  <?php thematic_abovecontent(); ?>
      
                  <div id="content">

                        <?php
                  
                  // create the navigation above the content
                  thematic_navigation_above();
                        
                // calling the widget area 'index-top'
                  get_sidebar('index-top');
                        
                  // action hook for placing content above the index loop
                  thematic_above_indexloop();

                  // action hook creating the index loop
                  thematic_indexloop();
                        
                  // action hook for placing content below the index loop
                  thematic_below_indexloop();
                        
                  // calling the widget area 'index-bottom'
                  get_sidebar('index-bottom');
                        
                  // create the navigation below the content
                  // thematic_navigation_below();
                  
                  ?>
                        
                  </div><!-- #content -->
                  
                        <div id="content">
                                <h1>New Column</h1>
                        
                  </div><!-- #content -->

            
                  <?php thematic_belowcontent(); ?>
            
            </div><!-- #container -->

<?php

    // action hook for placing content below #container
    thematic_belowcontainer();

    // calling the standard sidebar
    thematic_sidebar();
   
    // calling footer.php
    get_footer();

?>

0
 
LVL 2

Author Comment

by:team2005
ID: 35175480
Hi1

Thanks for helping me, colum is working.
But header text ->  <h1>New Column</h1>
Dosent show ?
0
 
LVL 2

Author Comment

by:team2005
ID: 35175484
Is it possible to insert a page in this new colum ?
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
LVL 2

Author Comment

by:team2005
ID: 35175831
Can use widget in the new colum, but how do i do that ?
0
 
LVL 31

Expert Comment

by:gwkg
ID: 35175981
0
 
LVL 2

Author Comment

by:team2005
ID: 35176203
Please need help on how the source wil lock like
to add new sidebar in the middel colum.

0
 
LVL 2

Author Comment

by:team2005
ID: 35176291
Hi!

Wat i want is like this picture...

Must be able to insert a page or widget on my new colum.

Please help ASAP.

Thanks


ref1.gif
0
 
LVL 2

Author Comment

by:team2005
ID: 35180921
Hi

Found 3 sidebars, that can be used here.
But this 3 sidebars, need to use the same css as
(Om Kreactor) and Siste nyheter

And olso need to remove (Om kreActor)+ Siste nyheter

Where in the source do i do this ?
0
 
LVL 2

Author Closing Comment

by:team2005
ID: 35398847
thanks
0

Featured Post

Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Wordpress Horizontal Drop-Down Menu In this tutorial I will show you had to add a WordPress horizontal navigation menu to your theme. I have searched and searched for a good tutorial on creating a WordPress nav menu without adding a plug-in or us…
In Part I (http://www.experts-exchange.com/Web_Development/Blogs/WordPress/A_8410-Getting-Started-In-WordPress-Part-I.html), I introduced you to the powerful WordPress backend, the WordPress administrative Dashboard.  In Part II, I will introduce yo…
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question