Sidebar von rechts nach links

dondomon

Hallo,

ich hab schon einiges gegoogelt und gelesen, aber bislang ohne Ergebnis.

Ich möchte auf folgender Seite http://goled-myanmar.org/news/ die Sidebar mit den Kategorien von der rechten auf die linken Seite schieben. Bislang waren alle Versuche ohne Erfolg.

Auf der Frontpage sind die Kategorien auch auf der linken Seite. Wieso sie beim Template rechts erscheinen, kann ich mir nicht erklären.

Hier der Code vom Template:

PHP

<?php/*
Template Name: Blog
*/
?>
<div id="main-wrapper">
    <div id="main" class="container_12">
        <div class="grid_8 content" id="content">
            <ul>
            <?php $layout = kt_get_config('layout');
            $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            $args = array( 'paged'=> $paged, 'cat'=> $layout['blog_post']); query_posts($args); ?>
            <?php if (have_posts()) : $count = 0; ?>
            <?php while (have_posts()) : the_post(); $count++; ?>
            <li>
            <div id="blog" <?php post_class(); ?>>
                        <h2 class="entry-title"><a href="<?php the_permalink() ?>" title="Permalink to <?php the_title_attribute() ?>" rel="bookmark"><?php the_title() ?></a></h2>
                        <div class="meta">
                            <span class="date"> <?php the_time('F d, Y'); ?></span>
                            <span class="categories"><?php the_category(', ') ?></span>
                            <span class="comments"><?php comments_popup_link('0 Comment', '1 Comment', 
'% Comments', 'comments-link'); ?></span>
                        </div>
                        <?php if(has_post_thumbnail()) { ?>
                        <div class="thumbnail"><?php the_post_thumbnail(); ?></div>
                        <?php } else { ?>
                        <div class="thumbnail"><img width="137" height="137" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" class="attachment-post-thumbnail wp-post-image" src="<?php bloginfo('template_url'); ?>/design/images/no-thumb.gif"></div>
                        <?php } ?>
                        
                        <?php the_excerpt(); ?>
                                    </div><!-- .post -->
            </li>
            <?php endwhile; else: ?>
            <?php endif; ?>  
            
            <?php /* Display navigation to next/previous pages when applicable */ ?>
            <?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) : ?>
                <div id="nav-below" class="navigation">
                    <div class="nav-previous"><?php next_posts_link('<span class="meta-nav">&larr;</span> &Auml;ltere Beitr&auml;ge'); ?></div> 
                    <div class="nav-next"><?php previous_posts_link('Neuere Beitr&auml;ge <span class="meta-nav">&rarr;</span>'); ?></div>
                </div><!-- #nav-below -->
            <?php endif; ?>
            </ul>
            
        </div><!--content-->
        
    <?php include KT_HELPER_PATH . '/sidebar-left.php'; ?>
    </div><!--main-->
    <br class="clear"  />
</div><!-- main-wrapper -->

Alles anzeigen

Die Sidebar ergibt sich aus Zeile 47.

Hier noch die sidebar-left.php:

PHP

<div class="grid_2 content-left"><?php
    if ( ! dynamic_sidebar( 'home-left-sidebar' ) ) :




    $layout = kt_get_config('layout');
    if($layout['about_enable'] == 'true') { ?>
    
    <div id="about">
        <h3 class="sec-header"><span>About</span></h3>
            <?php if($layout['about'] != "") { ?><?php echo stripslashes($layout['about']); ?><?php } ?>
    </div><!--twitter-->
<?php } ?>    




<?php
    $advertisement = kt_get_config('advertisement');
    if($advertisement['125x125_enable'] == 'true') { ?>            
    <div id="small-ads">
        <h3 class="sec-header"><span>Advert</span></h3>
        <div class="thumbnail"><?php if($advertisement['125x125_html'] != '') { echo stripslashes($advertisement['125x125_html']); } else { ?><a href="<?php if($advertisement['125x125_url'] != "") { echo $advertisement['125x125_url']; } ?>"><img src="<?php if($advertisement['125x125_img'] != "") { echo $advertisement['125x125_img']; } else { echo bloginfo( 'template_directory' ); ?>/design/images/125-ads.gif<?php } ?>" /></a><?php } ?></div>
    </div><!--125-ads-->
<?php } ?>    
            
    <div class="side-cat">
        <h3 class="sec-header"><span>Categories</span></h3>
               <ul><?php wp_list_categories('depth=-1&title_li='); ?></ul> 
    </div><!--side-cat-->
<?php endif; ?>         
</div><!--content-left-->

Alles anzeigen

Tausend Dank,
Daniel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus[IS]

Hi,

Ich vermute mal das es auch damit zusammen hängt, ob die Sidebar vor, oder nach dem Content aufgerufen wird.

Wenn du mal den oberen Code nachschaust, wirdst du sehen, dass er die Navigation und dann der Content aufgerufen wird.

Daher wird die Sidebar wohl auch auf der Linken Seite vom Content angezeigt.

Allerdings sehe ich im zweiten Code auch was von Einstellungsabfragen.

Code

if ( ! dynamic_sidebar( 'home-left-sidebar' ) ) :       $layout = kt_get_config('layout');     if($layout['about_enable'] == 'true') { ?>.....

Hast du mal geschaut, ob es dafür eventuell auch Einstellungsmöglichkeiten über das Backend gibt?

dondomon

Hi,

Im Dashboard hat sich dazu nichts einstellen lassen.

Ich habe deinen Rat befolgt und den Code aus Zeile 47 in Zeile 8 nach oben verschoben.

Siehe

PHP

<?php
/*
Template Name: Blog
*/
?>
<div id="main-wrapper">
    <div id="main" class="container_12">
        <?php include KT_HELPER_PATH . '/sidebar-left.php'; ?>
        <div class="grid_8 content" id="content">
            <ul>
            <?php $layout = kt_get_config('layout');
            $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
            $args = array( 'paged'=> $paged, 'cat'=> $layout['blog_post']); query_posts($args); ?>
            <?php if (have_posts()) : $count = 0; ?>
            <?php while (have_posts()) : the_post(); $count++; ?>
            <li>
            <div id="blog" <?php post_class(); ?>>
                        <h2 class="entry-title"><a href="<?php the_permalink() ?>" title="Permalink to <?php the_title_attribute() ?>" rel="bookmark"><?php the_title() ?></a></h2>
                        <div class="meta">
                            <span class="date"> <?php the_time('F d, Y'); ?></span>
                            <span class="categories"><?php the_category(', ') ?></span>
                            <span class="comments"><?php comments_popup_link('0 Comment', '1 Comment', 
'% Comments', 'comments-link'); ?></span>
                        </div>
                        <?php if(has_post_thumbnail()) { ?>
                        <div class="thumbnail"><?php the_post_thumbnail(); ?></div>
                        <?php } else { ?>
                        <div class="thumbnail"><img width="137" height="137" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" class="attachment-post-thumbnail wp-post-image" src="<?php bloginfo('template_url'); ?>/design/images/no-thumb.gif"></div>
                        <?php } ?>
                        
                        <?php the_excerpt(); ?>
                                    </div><!-- .post -->
            </li>
            <?php endwhile; else: ?>
            <?php endif; ?>  
            
            <?php /* Display navigation to next/previous pages when applicable */ ?>
            <?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) : ?>
                <div id="nav-below" class="navigation">
                    <?php wp_pagenavi(); ?>
                </div><!-- #nav-below -->
            <?php endif; ?>
            </ul>
            
        </div><!--content-->
        
    
    </div><!--main-->
    <br class="clear"  />
</div><!-- main-wrapper -->

Alles anzeigen

Dein Gedanke war also richtig.

Leider ist die Sidebar, also die Liste der Kategorien, nicht mit der Menüleiste drüber bündig. Ist mir unverständlich. Wie bekomme ich das in eine Linie?

Außerdem wirkt alles etwas linkslastig gequetscht. Wie kann ich die Aufzählung der Artikel etwas nach rechts bringen?

Marcus[IS]

Hi,

vemute, dass der sidebar aus welchem Grund auch immer die eigene css klasse fehlt und nun die sidebar mit dem gleichen layout wie der main wrapper dargestellt wird, daher sieht das alles so gequetscht aus. Du könntest ja mal die index.php des Themes untersuchen, wie dort die linke navigationsleiste aufgebaut wird und auf der Home Seite alles korrekt aussieht vom layout. ;)

dondomon

Hi,

ich habe es tatsächlich hinbekommen. Habe die index.php untersucht und mir sind irgendwann tatsächlich die Zusammenhänge klar geworden, obwohl ich von php so gut wie keinen Plan habe.

Danke für deine Hilfe,
schönen Abend
Daniel

schmie

Hallo!

Ich glaube, hier bin ich richtig. Ich habe ebenfalls noch keine Ahnung von php und habe ebenfalls das Problem, dass ich eine Sidebar von links nach rechts haben möchte. Dabei sei mir zwischendurch die Frage erlaubt: Warum gibt es so viele Themes mit der Sidebar rechts, wenn doch eigentlich überall und jeder die Sidebar links möchte und erwartet...? Ein Mysterium...

Bei mir geht es um das Theme BlogLife vom WPlook Team (http://wplook.com/blogolifewpo).
Durch herum probieren und austesten habe ich es bislang geschafft, den Seiteninhalt rechts angezeigt zu bekommen (so, wie ich es will) aber die Sidebar ist keineswegs nach links, sondern vielmehr nach unten und das auch noch über die gesamte Fensterbreite gerutscht. Den Trick mit der index.php habe ich auch probiert. Ohne sichtbare Veränderung.

Die Änderungen meiner style.css sehen wie folgt aus (ich habe "right" durch "left" ersetzt):
[COLOR=#000000][FONT=Verdana]

Code

[/FONT][/COLOR]/* --- --- [ Main ] --- --- */
/* --- [ Left Sidebar ] --- */
#main {
    border-top: 1px solid #c5d1d9;
    margin-top: -4px;
}




.left-sidebar #main {
    background: #ffffff url(images/left-sidebar-border.png) top right repeat-y;
}
.left-sidebar #content {
    width: 650px;
    float: left;
    margin: 20px 0 0 -10px;
}
.left-sidebar #secondary {
    width: 290px;
    float: left;
    margin: 20px -10px 0 0;
}

Alles anzeigen

Die sidebar.php so (auch hier habe ich alle "right"-Einträge in "left" umgewandelt"):

PHP

<?php
/**
 * The left sidebar file. By default we show Archives and Meta
 * @package WPLOOK
 * @subpackage BlogoLife
 * @since BlogoLife 1.0
*/?>
<div id="secondary" class="widget-area" role="complementary">
    <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>
        <aside id="archives" class="widget">
            <div class="widget-title">    <h3><?php _e( 'Archives', 'wplook' ); ?></h3>
            <div class="left-corner"></div></div>
            <ul>
                <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
            </ul>
        </aside>
        <aside id="meta" class="widget">
            <div class="widget-title">    <h3><?php _e( 'Meta', 'wplook' ); ?></h3>
            <div class="left-corner"></div></div>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <?php wp_meta(); ?>
            </ul>
        </aside>
    <?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
<div class="clear"></div>

Alles anzeigen

und die content-page.php:

PHP

<?php
/**
 * The default template for displaying content
 *
 * @package wplook
 * @subpackage BlogoLife
 * @since BlogoLife 1.0
 */
?>
<div class="primary">
<div id="content">
            <?php wplook_doctitle(); ?>
            <?php if ( have_posts() ) : ?>
            <?php /* Start the Loop */ ?>
                <?php while ( have_posts() ) : the_post(); ?>
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <div class="col1 fright">
                <div class="postformat">
                    <div class="format-icon"></div>
                    <div class="right-corner"></div>
                </div>
            </div>
            <div class="col2 fright">        
        <header class="entry-header">
                        <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'wplook' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1></header>
        <div class="entry-content">
            <?php the_content(); ?>
            <?php wp_link_pages( array( 'before' => '<div class="clear"></div><div class="page-link"><span>' . __( 'Pages:', 'wplook' ) . '</span>', 'after' => '</div>' ) ); ?>
            <!-- .entry-content -->
        <div class="clear"></div>    
            <div class="entry-utility">
            <?php if ( the_category ( '', ', ' ) ) { ?>
                <div class="category">
                    <b><?php _e('Category:', 'wplook'); ?></b>
                    <?php the_category(', ') ?>
                    <div class="end"></div>
                </div>
                <?php } ?>
                <?php if ( get_the_tag_list( '', ', ' ) ) { ?>
                <div class="tag"> 
                    <b><?php _e('Tag:', 'wplook'); ?></b>
                    <?php echo get_the_tag_list('',', ',''); ?>
                    <div class="end"></div>
                </div>
                <?php } ?>
                
            </div>
        <div class="clear"></div>
        </div><!-- .entry-content -->
            <footer class="entry-meta">
                <div class="date-i fleft"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'wplook' ), the_title_attribute( 'echo=0' ) ); ?>" rel="nofollow"><?php wplook_get_date_time();?></a></div>
                <?php if ( comments_open() ) : ?>
                    <div class="comment-i fleft"><?php comments_popup_link(__('No comments', 'wplook'), __('1 comment', 'wplook'), __('% comments', 'wplook'), 'comments-link', __('Comments off', 'wplook')); ?></div>
                <?php endif; ?>
                <div class="author-i fleft"><?php wplook_get_author();?></div>
                <?php edit_post_link( __( 'Edit', 'wplook' ), '<div class="edit-i fright">', '</div>' ); ?>
                <div class="clear"></div>
            </footer>
        </div>
        <div class="clear"></div>
    </article>    
                    <?php comments_template( '', true ); ?>
                <?php endwhile; ?>
            <?php endif; ?>
</div><!-- #content -->
</div><!-- #primary -->

Alles anzeigen

Ich bin dankbar um jede Hilfestellung, die mich zum Ergebnis meines Wunsches bringt. Nämlich, die Sidebar von rechts nach links zu bringen. Ansonsten soll das Theme bleiben, wie es ist.

Vielen Dank im Voraus!

Grüße
Stefan

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar von rechts nach links

Jetzt mitmachen!