Menüpunkt mit Bild und Inhalt

Rundy

Moin Moin,

ich bin ein weiterer Neuling in Wordpress und habe sogleich eine Frage. Falls ich nicht den korrekten Thread erwischt habe, bitte ich um Verständnis.

Ich bin dabei ein Theme für Wordpress zu erstellen. Dabei soll als Navigation die verschiedenen Menüpunkte mit einem Bild, Überschrift und ein Auszug aus dem Text, welcher sich hinter der späteren Seite befindet, dargestellt werden.
Siehe Beispielbild.

Ist dies mittels den Boardinternen Werkzeugen von Wordpress möglich und wenn ja wie? Falls nicht, hat jemand eine Idee, wie dieses am geschicktesten zu realisieren ist?

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

Tutrix

Zitat von Rundy

Ich bin dabei ein Theme für Wordpress zu erstellen.

dann kennst du dich ja aus ;)

somit das Menü einfach selbst erstellen und einfügen(vermutlich header.php)

z.B.

Code

<div class="mein-menu">
   <ul>
       <li class="menu">
       <img width="" height="" alt="" title="" src="">
       <h2><a href="Link einfügen">Linküberschrift</a></h2>     
       <p class="menu-desc">Beschreibung</p>
       </li>
       <li class="menu">
       <img width="" height="" alt="" title="" src="">
       <h2><a href="Link einfügen">Linküberschrift</a></h2>     
       <p class="menu-desc">Beschreibung</p>
       </li>
       <li class="menu">
       <img width="" height="" alt="" title="" src="">
       <h2><a href="Link einfügen">Linküberschrift</a></h2>     
       <p class="menu-desc">Beschreibung</p>
       </li> 
   </ul>
</div>

Alles anzeigen

und entsprechend über css formatieren

Rundy

Danke Artofpic

mit html und css programmierung kenne ich mich schon ein bissle aus ;-)

Du hast als eine Class Menu-desc angegeben. Liege ich mit meiner Vermutung richtig, dass in diesem div dann später die ersten Zeilen von wordpress eingefügt werden, die sich hinter dem jeweiligen Link verbirgt?

Tutrix

desc, hab ich als Abkürzung für Description, also Beschreibung(hab ich ja auch dahinter eingefügt)

auch ist dies kein div sondern ein p-Tag

Code

<p class="menu-desc">[COLOR="#FF0000"]Beschreibung[/COLOR]</p>

Also die Beschreibung des Links

Zitat

ersten Zeilen von wordpress eingefügt

Wordpress fügt da nix ein, sondern Du fügst die Beschreibung deines Links ein

das ist ein selbst erstelltes Menü von dir, du musst also alles selber einfügen

statt class="menu-desc" hätte ich auch class="wurstsalat" :smile: nehmen können

die css Formatierung bezieht sich dann auf .wurstsalat

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüpunkt mit Bild und Inhalt

Jetzt mitmachen!