Bildwechsel in der Sidebar und Bild bei bestimmten Kategorien

  • Moin,

    ich bin gerade dabei einen Blog zu erstellen. Der ist soweit auch schon relativ nah am Fertigsein, ich hätte da nur noch eine Konfiguration gelöst:

    wenn man mit der Maus über bestimmte Kategorien darüber fährt (also praktisch a:hover-mäßig), soll über der Kategorieliste ein Bildwechsel erfolgen.
    Es werden fünf Länder kategorisiert und die Flaggen der Länder sollen dann, wenn man mit der Maus über die Kategorie-Links darüberbewegt, wechseln.


    Zweitens, und das ist bestimmt einfacher, sollen die Kategorien ein staatisches Bild beinhalten, das immer an der Stelle bleibt: also als erstes soll ein Bild zu sehen sein und unter dem Bild sollen dann erst die Beiträge aufgelistet werden.

    Danke für die Hilfe schon mal... liebe Grüße
    Robert

    • 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

  • wenn man mit der Maus über bestimmte Kategorien darüber fährt (also praktisch a:hover-mäßig), soll über der Kategorieliste ein Bildwechsel erfolgen.
    Es werden fünf Länder kategorisiert und die Flaggen der Länder sollen dann, wenn man mit der Maus über die Kategorie-Links darüberbewegt, wechseln.


    JavaScript, würde ich sagen. (Mit CSS ist mir kein Weg bekannt, andere Elemente zu beeinflussen.) Aber es wird sicher nicht ganz einfach, die onmouseover-Events in der Liste unterzubringen, da WP leider keine automatischen IDs verteilt. Man könnte aber über die Classnames an die Elemente kommen, denke ich.


    Zitat

    Zweitens, und das ist bestimmt einfacher, sollen die Kategorien ein staatisches Bild beinhalten, das immer an der Stelle bleibt: also als erstes soll ein Bild zu sehen sein und unter dem Bild sollen dann erst die Beiträge aufgelistet werden.


    Einfach das Bild in der category.php bzw. archive.php einbauen.
    Template Hierarchy « WordPress Codex <- Category Templates

    Falls die Kategorien ein unterschiedliches Bild bekommen sollen, musst du Conditional Tags verwenden:
    Conditional Tags « WordPress Codex <- Category Page

  • Falls die Kategorien ein unterschiedliches Bild bekommen sollen, musst du Conditional Tags verwenden:
    Conditional Tags « WordPress Codex <- Category Page

    Hey, danke für den Tipp. Es funktioniert bisher so...

    das mit dem JavaScript lass ich lieber sein...das ist mir zu wild.

    Mal noch eine Frage: könnte man den code auch in der sidebar.php intergrieren, so dass das bild an entsprechender stelle über den Kategorielinks angezeigt wird?

    Der Code sieht jetzt folgendermaßen aus:

  • Das geht aber nur im loop, soweit ich weiß (wie bei mir auf der Startseite). In der sidebar gibt es den aber nicht, wenn man nur die Cats ausliest über wp_list_categories.

    Man müsste dann etwas tricksen! In der Art:

    Setze einfach soviele wp_list_categories(); untereinander, wie nötig und schließe jedesmal alle unrelevanten aus. Dann kannst Du auch ein Bild händisch davor oder darüber packen.

    Nur so ´ne Idee :-) Würde aber hinhauen.

    P.S. Hach, das wäre ja gleich mal wieder ein netter wp Tipp für meine Code-Sektion *g*

Jetzt mitmachen!

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