CSS greift nicht bei Links in der Sidebar

  • Salü zusammen

    betreffend --> Uniun RG

    (Achtung, die Sprache ist Rätoromanisch, d.h. für viele nicht wirklich verständlich ;-) )

    Ich arbeite bei dieser Page mit dem Daydream-Theme, allerdings eine übersetzte Variante. Meine Probleme beziehen sich auf die Sidebar. Ich habe dort verschiedene Möglichkeiten ausprobiert, aber immer bin ich auf Gestaltungsprobleme gestossen (Achtung, die Sidebar ist bei diesem Theme unten):

    --> Im originalen Daydream sind die drei Kategorien in der Sidebar "categories", "archives" und "meta". Ich möchte categories beibehalten, habe dies bereits in Rätoromanisch "categorias" umbenannt. Unter "archives" hätte ich gerne die Links-Liste, die im Theme sonst nirgendwo ist. Also habe ich probiert dies direkt mit dem Befehl

    PHP
    <?php get_links_list(); ?>

    zu tun. Leider hat das nicht funktioniert, da der dann automatisch erscheinenden Titel "links" leider nicht zu den anderen zwei passt. Durch einfaches einfügen zweier href wie im moment...

    Code
    <li id="archives"><h2>links</h2>
                    <ul>
                    <a href="http://www.liarumantscha.ch">Lia Rumantscha</a>
                    <a href="http://www.rumantsch-grischun.ch">Chantun</a></ul>
                </li>


    ... entstehen bei mir, wie momentan auf der Page sichtbar, zwei Links, die keine Gestaltung laut CSS annehmen, d.h. was in diesem Fall schwarz und ein dunkelgrünes hover-Effekt sein sollte.

    --> Das gleiche Problem habe ich unter "meta". Da die dort automatisch erscheinenden Wörter durch

    PHP
    <?php wp_register(); ?>

    und

    PHP
    <?php wp_loginout(); ?>

    in Deutsch erscheinen, wollte ich das gleiche machen: sie einfach durch Links ersetzen. Aber auch da komme ich zum gleichen Ergebnis.

    Ich habe es bereits probiert, direkt mit einem Inline-CSS die Links zu zwingen, in den richtigen Farben zu erscheinen. Dies hat allerdings nicht funktioniert, on dass das bei php nicht möglich ist? Weiss ich leider nicht...

    Würde mich über Hilfe freuen!

    • Anzeige

    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

  • Danke für den Hinweis. Leider funktioniert das nicht wirklich so wie es sollte.

    Als Erinnerung der Link: Uniun RG

    Ich habe es momentan so wie es mit deinem Hinweis ist. Ergeben sich zwei Probleme:
    1. "meta" wird in eine nächste Zeile geschickt
    2. Die Liste unter "links" ist, nicht wie bei categorias und meta, bündig mit dem Titel. Bei den anderen Kategorien ist ein Einzug.

    Weitere Ideen?

  • Das Problem mit meta ist wahrscheinlich eher ein Platzproblem, vielleicht wegen der Schriftgröße der Überschriften...
    Probier mal Folgendes:

    HTML
    #sidebar li h2 {color:#009C2C;font-size:1.9em;font-weight:normal;margin:0;}

    Ändere in der CSS font-size 1.9em mal auf 1.5em und schau noch mal, was passiert (F5 drücken und cache leeren nicht vergessen).
    Poste außerdem deine sidebar.php, dann kann man sich ansehen, was mit links und meta sonst noch los ist.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Siehe Update: --> Uniun RG

    sidebar.php:

  • Falsch verschachtelt und die tags sind teils auch nicht richtig.
    Nimm die selbst geschriebenen Links raus. Oben wird ein li geöffnet und dann wieder geschlossen - wozu?
    Der div pushingbox ist eine recht ungewöhnliche Lösung, den Abstand könnte man auch anders erzeugen. Versuche dort auch mal width:35px zu verändern.

    Sieh dir hier mal die Template Tags an und ersetze Meta durch das entsprechende tag. Achte darauf, dass auch die Links gleich gelistet werden wie die anderen Tag (ul/li + Überschrift).
    Wenn´s dann noch nicht passt, postest du die veränderte sidebar.php noch mal.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Siehe Update: --> Uniun RG

    sidebar.php:


    get links wp_list_cats sind uralte template tags

    WordPress Theme - wie teilt man die Anzeige der Kategorien auf-wp-list-categories

    wp_list_bookmarks - > 12 Spielereien mit dem neuen template tag in WP 2.1-pimp your sidebar


    dann noch auf Englisch im Codex
    Template Tags WordPress Codex

    danach

    trägst Du hier die url ein und richtest die verschachtelte Liste
    The W3C Markup Validation Service

    bei Show Source und revalidate sieht man auch schön die einzelnen Zeilen,

    danach wenn das alles passt, ist Hilfe beim CSS möglich

    oder vielleicht nicht mehr nötig

    lg

  • So, ich habe jetzt über einen anderen Weg eine Lösung gefunden.
    Ich habe mich auf "die Wurzeln besinnt". Da gsibergerin gesagt hat, das Template sei nicht ganz korrekt, habe ich noch einmal das Original herausgenommen, dass ich gedownloadet hatte.
    Dort habe ich dann das gefunden, was ich eigentlich gesucht habe: eine Möglichkeit, Links einzubinden, die dann genau so aussehen wie die CSS es vorgibt. Und bei weiterem nachschauen habe ich auch bemerkt, dass es genau so auch in den Standardversionen Kubrick etc. verwendet wird. Folgendes habe ich also jetzt als Endprodukt:


    siehe auch --> Uniun RG
    Dass ich da selber nicht draufgekommen bin... Vorbild für die Anwendung dieser Links ist folgender Code aus der Originaldatei (oder eben auch aus dem Kubrick-Theme):

    PHP
    <li id="meta"><h2>&Uuml;ber</h2>
                    <ul>
                        <?php wp_register(); ?>
                        <li><?php wp_loginout(); ?></li>
                        <li><a href="http://validator.w3.org/check/referer" title="Diese Seite enth&auml;lt g&uuml;tiges XHTML 1.0 Transitional">G&uuml;ltiges <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
                        <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
                        <li><a href="http://wordpress.org/" title="Blogsoftware: Wordpress">WordPress</a></li>
                        <?php wp_meta(); ?>
                    </ul>
                    </li>


    Wenn das Gute doch so nahe liegt... Diese Links habe ich meistens relativ schnell rausgelöscht. Und anstatt in der Originaldatei nachzuschauen, habe ich es irgendwie probiert. Sorry für die Umstände, Danke für die Versuche mir zu helfen!

    - - - Clau

  • Freut mich, dass es geklappt hat, wenn auch auf Umwegen! ;-)
    Übrigens, noch ein Tipp für dich: Wenn du möchtest, dass die Links unter den Überschriften nicht eingerückt sind, kannst du folgende Änderung in deiner style.css (Linie 372) vornehmen, dann hättest du alles in einer Linie:

    HTML
    #sidebar ul li ul {padding:8px 0px 15px 0px;}

    Interessante Sprache, ich denk´s mir immer wieder...
    Grüaßle!

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!