Widget manuell einfügen zerschießt mir Design

Stemmi

Hi!

Möchte gerne mein Template Widgetfähig machen.
In der functions.php ist alles notwendige drin, aber die Sidebar ist nicht so, dass es mit Widget läuft. Wenn ich die Widgets manuell einbaue, dann zerschießt das mir meine Style.css Mausover Sachen etc.

Aktuell rennt das so:

PHP

<?php ?>
    <div class="divMainCntSidebar">
                
    <div class="divSidebarMenu">
        <!--<span class="cornerTL">&nbsp;</span>
        <span class="cornerTR">&nbsp;</span>
        <span class="cornerBL">&nbsp;</span>
        <span class="cornerBR">&nbsp;</span>-->
    <ul class="ulMenu">        
        <?php wp_list_categories('show_count=0&title_li='); ?>
    </ul>
    </div>




    <div class="divQuestion">
        <span class="cornerTL">&nbsp;</span>
        <span class="cornerTR">&nbsp;</span>
        <span class="cornerBL">&nbsp;</span>
        <span class="cornerBR">&nbsp;</span>
        <div class="divQuestionBox">
        
        <!-- You can add your ad link below -->
            <h1>Serien Fans gesucht</h1>
            Wir suchen für diese Seite Redakteure<br>
Danke!
        </div>
    </div>








    </div>

Alles anzeigen

Hat jemand eine Idee, wie ich diese Sidebar so hin bekomme, dass die Widgets laufen ohne den Style zu zerhauen?

Vielen Dank!

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

riddim

in die functions.php:

PHP

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

damit hast du die generelle klasse widget für alle und jeweils einzelne klassen zum stylen

für die sidebar.php:

PHP

<?php if ( !function_exists('dynamic_sidebar')
        || !dynamic_sidebar() ) : ?>
<?php endif; ?>

Stemmi

Das hab ich jetzt so.

Jedoch bekomme ich es nicht hin, dass der Style übernommen wird.

Siehe Dein Serien Blog inklusive Lexikon und Shop - DVD Serien . Oben sind die normalen WP Kategorien mit dem passenden Style und Mausover etc.
Unten dann die Kats von den Widgets die optisch genau so aussehen sollen wie die von oben.

Kann mir da jemand helfen?

VIelen Dank!

Monika

Zitat von Stemmi

Das hab ich jetzt so.
Jedoch bekomme ich es nicht hin, dass der Style übernommen wird.
Siehe Dein Serien Blog inklusive Lexikon und Shop - DVD Serien . Oben sind die normalen WP Kategorien mit dem passenden Style und Mausover etc.
Unten dann die Kats von den Widgets die optisch genau so aussehen sollen wie die von oben.
Kann mir da jemand helfen?
VIelen Dank!

drum kann dein style ja nicht übernommen werden

du magst ja nicht

Code

<div class="widget %2$s">

[COLOR=#000000][COLOR=#cc0000] VOR dem Inhalt des Widgets haben sondern

[/COLOR][/COLOR]

Code

<div class="divQuestion">
        <span class="cornerTL">&nbsp;</span>
        <span class="cornerTR">&nbsp;</span>
        <span class="cornerBL">&nbsp;</span>
        <span class="cornerBR">&nbsp;</span>
        <div class="divQuestionBox">

daher

PHP

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => ' <div class="divQuestion">
         <span class="cornerTL">&nbsp;</span>
         <span class="cornerTR">&nbsp;</span>
         <span class="cornerBL">&nbsp;</span>
         <span class="cornerBR">&nbsp;</span>
         <div class="divQuestionBox">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

Alles anzeigen

jetzt hast Du aber verschiedene html und css Angaben da

nämlich 2 wie ich sehe

also musst Du mindestens 2 verschiedene Widgets erstellen und die class bei den ul geht nicht so, die muss man dann via css anders gestalten --geht ja auch ;)

brauchst du unbedingt beide Angaben oder nur die, die ich oben machte?

wenn Du nur die eine brauchst die ich oben zeigte, dann musst Du den Widget Code in der sidebar unterhalb oder oberhalb der 2 Angabe schreiben

bei Fragen fragen ;)

lg

[COLOR=#000000][COLOR=#006600] [/COLOR][/COLOR]

Stemmi

Vielen Dank Monika! Bist die Beste! ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Widget manuell einfügen zerschießt mir Design

Jetzt mitmachen!