Eigene Sidebar in eigenes Template einbinden

Q-Max

Hi,

eigentlich las es sich ganz einfach, aber irgendwie klappt es nicht....

ich habe mir für eine statische Unterseite ein eigenes Template erstellt (Kopie der page.php)

dort habe ich wie gelesen den Aufruf für die eigene Sidebar eingegeben

Auszug Template:

PHP

<?php comments_template(); ?>


                <?php endwhile; ?>
                <?php endif; ?>


        </div><!--#primary-->


<?php get_sidebar('korbball'); ?>


<?php get_footer(); ?>

Alles anzeigen

die Datei sidebar-korbball.php (Kopie von sidebar-wide.php) existiert auch und liegt im Theme-Verzeichnis.

Leider landet irgendwas krummes dann unter dem Content statt neben dem Content.

Rufe ich in meinem Template dagegen die originale sidebar-wide auf, ist alles so wie es sollte.

code der kopierten und geänderten Sidebar-wide:

PHP

<div id="sidebar-korbball" class="sidebar">


         <?php if (is_home()) { ?>
        <h2 class="titel-sidebar widgettitle">&Uuml;ber die Seite NTB-Spiele.de</h2>
        <p class="widget-text entry-content-widget">Diese Seite soll allen Spielern in Niedersachsen - und selbstredend auch dar&uuml;ber hinaus -
        Informationen zur Verf&uuml;gung stellen, die sie im t&auml;glichen Umgang mit "ihrem" Spiel brauchen.
        Schwerpunkte sind Berichte von aktuellen Ereignissen, Termine und das Lehrwesen.
        Redakteure, die eigene Beitr&auml;ge einstellen, sind immer willkommen. &Uuml;ber Feedback freuen wir uns ebenso.</p>
        <!-- #anmeldebutton anfang -->
         <h2 class="feedback anmeldebutton"><a title="Kontakt/Anmeldung/Feedback" href="http://www.ntb-spiele.de/kontakt/">
         Kontakt/Anmeldung/Feedback</a></h2>
         </a></h2>
                 <?php } ?>
         <!--anmeldebutton ende-->


        <ul class="xoxo sidebar-items">


        <?php if ( !dynamic_sidebar('Sidebar korbball') ) : ?><!--#sidebar-wide widgets start-->


                <!--Recent Posts Widget-->
                <li id="pp-recent-posts" class="widget widget_recent_entries">
                        <h2 class="widgettitle"><?php _e('Recent Posts'); ?></h2>
                        <ul>
                                <?php wp_get_archives('type=postbypost&limit=10'); ?>
                        </ul>
                </li>


        <?php endif; ?><!--#sidebar-wide widgets end-->
        </ul>


</div><!--#sidebar-wide-->

Alles anzeigen

Wo liegt mein Gedankenfehler, beziehungsweise was hab ich nicht bedacht?

LG

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

Gerd-E.

Hi Q-Max,

hast du der Sidebar ein CSS-Style verpasst?

Q-Max

ich nicht extra - nein, aber die Klasse sidebar gibt es ja schon durch die "originalen sidebars". Und diese Klasse wird ja auch in der kopierten Datei angesprochen.

ich hab das jetzt mal so gelassen, damit ihr das seht: http://www.ntb-spiele.de/spiele/korbball/

unten drunter hängt sie nun. Beim Header hat das übrigens anstandslos funktioniert.....

LG

Gerd-E.

mit float:right für die Sidebar und einer schmaleren Sidenbar sollte es gehen ;-)

Q-Max

Da ist ja ein Ding....,
allein das Eintragen der neuen Sidebar-ID in die Layout.php hat schon gereicht.

PHP

/*540px wide*/
#primary{width:540px;}
#secondary{width:362px;}
        #sidebar-wide{width:360px;}
        #sidebar-1{width:180px;}
        #sidebar-2{width:180px;}
        #sidebar-korbball{width:360px;}
/*480px wide*/
.content-480px #primary{width:480px;}
.content-480px #secondary{width:422px;}
        .content-480px #sidebar-wide{width:420px;}
        .content-480px #sidebar-1{width:210px;}
        .content-480px #sidebar-2{width:210px;}
        .content-480px #sidebar-korbball{width:420px;}
/*580px wide*/
.content-580px #primary{width:580px;}
.content-580px #secondary{width:322px;}
        .content-580px #sidebar-wide{width:320px;}
        .content-580px #sidebar-1{width:160px;}
        .content-580px #sidebar-2{width:160px;}
        .content-580px #sidebar-korbball{width:320px;}
/*620px wide*/
.content-620px #primary{width:620px;}
.content-620px #secondary{width:282px;}
        .content-620px #sidebar-wide{width:280px;}
        .content-620px #sidebar-1{width:140px;}
        .content-620px #sidebar-2{width:140px;}
        .content-620px #sidebar-korbball{width:280px;}
/*subscribe box*/
#pp-subscribe li {width:100%;}
#pp-subscribe.pp-email-true li {width:50%;}
#pp-subscribe.pp-email-true li .email-narrow {display:none;}


.content-540px #pp-subscribe.pp-email-true a {padding-left:45px;}
.content-580px #pp-subscribe li, .content-620px #pp-subscribe li{width:100%;}

Alles anzeigen

an die Datei layout.php hab ich überhaupt nicht gedacht, zumal in den Anleitungen davon auch nichts zu lesen war...

Danke vielmals

Gerd-E.

fein, dass es jetzt klappt :razz:

Q-Max

das stimmt..... :razz:
Hast du zufällig auch einen Tipp wie ich dem "neuen" Template eine eigene Style.css zuweisen kann. Alles umzustricken und in die Haupt-Style-Datei zu packen ist vielleicht nicht so günstig.

LG

Gerd-E.

Ja, das ist dann immer so eine Sache, bei den Änderungen den Überblick zu behalten ...

Ich arbeite deshalb seit einiger Zeit mit Child-Themes, die Änderungen sind dann alle dort zu finden.

Q-Max

Das hab ich zu Anfang versucht, jedoch ließ sich das Childtheme nie aktivieren. Und irre ich da, oder gilt das Childtheme nicht für die gesamte Webseite?

LG

Gerd-E.

Das Child ist wie jedes andere Theme für die gesamte Webseite zuständig, es benutzt die Dateien des Parent-Themes, wenn es die eigenen Files oder Styles nutzt.

Q-Max

hm, muss ich noch mal genauer lesen...

ich hab das jetzt so gelöst:

Eintrag in die modifizierte Header.php:

PHP

<?php if (is_page('10')) { ?>
                 <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/korbball.css" media="screen" />
                  <?php } ?>

Ob das der idealste Weg ist weiß ich nicht, wahrscheinlich nicht, weil jetzt erst die "normale" css-Datei aufgerufen wird und danach die modifizierte.

Vielleicht weiß ja noch jemand eine elegantere Lösung. Für den jetzigen Zustand ist das eh mit Kanonen auf Spatzen schießen, dass würde auch noch mit alternativen Einträgen in der style.css gehen, aber es soll ja langsam umfangreichere Änderungen werden....

LG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigene Sidebar in eigenes Template einbinden

Jetzt mitmachen!