Link zur Startseite :focus zuweisen

LosDosUltimos

Hallo mal wieder.

Nachdem mir letztens schonmal so schnell geholfen wurde, versuche ich mein Glück nochmal.
Hab schon rumgegoogelt aber keine richtige Antwort zu meinem Problem gefunden.

Ich will das auf meiner Startseite die letzten Artikel angezeigt werden, ist ja eigentlich standartmäßig so eingestellt.
Bei meinem selbergebastelten Design hats aber nicht den Link zur Startseite angezeigt. Hab gegoogelt und hab gesehen das man den Link zur startseite manuell in die Navi adden muss. Ist das erstmal so richtig?

PHP

<div id="navigation">
<ul>
<li class="page_item">
<a href="<?php echo get_settings('home'); ?>">Startseite</a>
</li>
<?php wp_list_pages('title_li=&exclude=19,23'); ?>
</ul>
</div>

Jetzt ist aber das Problem das ich bei den Seiten einen :focus Effekt anwenden will, das heißt wenn ich auf der Seite drauf bin soll der Link in der Navi dick-gedruckt sein und der Hintergrund des Links soll dunkler sein.
Das funktioniert auch bei den Links zu en Seiten die ich normal erstellt habe, aber bei der Startseite ist die Schrift und der Hintergrund normal, wie ein unsgewählter link eben.

Wie kann ich das so biegen das auch bei der Startseite der focus effekt vorhanden ist?

Beste Grüße,

Sören

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

maxe

du könntest eine Abfrage auf is_home() stellen. Wenn ja, dann fügst du einfach eine Extra-class (current-menu-item) hinzu, am besten die selbe wie bei den anderen Seiten wenn sie angewählt sind. So ungefähr:

PHP

<div id="navigation">
<ul>
<li class="page_item [COLOR="Red"]<?php if (is_home()) echo 'current-menu-item'; ?>[/COLOR]">
<a href="<?php echo get_settings('home'); ?>">Startseite</a>
</li>
<?php wp_list_pages('title_li=&exclude=19,23'); ?>
</ul>
</div>

Die CSS Formatierung sollten bei der richtigen Klasse ja schon vorhanden sein, ansonsten so ähnlich:

Code

li.current-menu-item a {font-weight:bold;}

LosDosUltimos

Funktioniert 1a.

Danke für die Hilfe :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Link zur Startseite :focus zuweisen

Jetzt mitmachen!