Astra Tipps und Tricks

Astra Theme - Tipps und Tricks

Dieser Artikel wurde zuletzt aktualisiert am 30.07.2019

Dieser Artikel ist eine Sammlung an Code Snippets, Tipps und Tricks für das mächtige Astra Theme.

Fixed Header Sprungmarken ausgleichen

Nutzt du ein Inhaltsverzeichnis oder andere interne Sprungmarken und gleichzeitig den fixed Header vom Astra Theme, werden Inhalte um die Höhe des fixen Headers abgedeckt. Dieser CSS Code löst das Problem.

/* Fixed header fix */
:target:before {
	content: "";
	display: block;
	height: 65px; /* same as your fixed header height */
	margin: -65px 0 0; /* negative fixed header height */
}

Widget Title Heading Tag H2 ändern

Auch das fabelhafte Astra-Theme geht mit Überschriften fehlerhaft um. Leider!
Als Standard wird der Heading Tag H2 vergeben. Scheinbar wird das von einem WordPress-Default-Theme so übernommen. Das möchte ich aber nicht, da die Überschriften H2 sehr wichtige Marker im Beitragsinhalt darstellen.

Die Änderung machen wir in der functions.php unseres Astra Child-Themes. Wenn du dir nicht sicher bist, wohin damit, dann ganz am Ende anfügen:

// Change Sidebar Widget Title Heading Tag
add_filter( 'astra_widgets_init', 'j0e_widget_title_tag', 10, 1 );
function j0e_widget_title_tag( $atts ) {
  $atts['before_title'] = '<div class="widget-title">';
  $atts['after_title'] = '</div>';
return $atts;
}

Viele vergeben für die Widget-Überschriften dann H4. Ich verwende aber einen div-Container. Optisch bleibt alle gleich, da die CSS-Klasse class="widget-title" verwendet wird.

LESEN
HowTo: So richtest du CloudFlare für dein WordPress Blog ein

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Die besten

WP Themes

Ich empfehle dir eines dieser zwei Premium WordPress Themes.

Die besten

WP Themes

Ich empfehle dir eines dieser zwei Premium WordPress Themes.

Jochen Gererstorfer aka j0e
Nach oben scrollen