?
Solved

Insert new colum wordpress

Posted on 2011-03-20
9
Medium Priority
?
296 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
9 Comments
 
LVL 3

Accepted Solution

by:
Manikandan1986 earned 2000 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
Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

 
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

Enroll in August's Course of the Month

August's CompTIA IT Fundamentals course includes 19 hours of basic computer principle modules and prepares you for the certification exam. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

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

If you are looking for plug-ins to add functions to your WordPress small business web site, take some time to read though this comprehensive list.  These are all the plugins I use for my customers WordPress web sites, as well as my own.  Be sure to …
Do you think that WordPress is just for blogs?  Think again!  WordPress is really a fantastic all around platform that you can use to develop websites on.  Integrated into its basic functionality is the ability to create pages using your choice of a…
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 update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
Suggested Courses

770 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