GeneratePress – Wrap um gesamten Inhalt

Das GeneratePress Theme erstellt normalerweise eine flache DIV-Struktur, die die einzelnen Elemente wie Header, Content und Footer enthält. Dieses Konstrukt ist zwar sehr schlank, führt aber zu Problemen, wenn man beispielsweise einen umlaufenden Schatten um den gesamten Seiteninhalt (mit Header, Content und Footer) haben möchte.

Als Lösung für dieses Problem kann man die gesamte Struktur in DIV-Tags wrappen. Dazu einfach über den GP Hook Before Header folgenden Code einfügen:

<div class="site-wrapper grid-container grid-parent">

Und über den Hook wp_footer folgenden Code einfügen:

</div><!-- .site-wrapper -->

Anschließend kann über die CSS-Klasse .site-wrapper beispielsweise ein Schatten hinter den gesamten Seiteninhalt gelegt werden.

Schreibe einen Kommentar