- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
WordPress Cherry 3.x. Wie man einen bestimmten Beitrag vollbreit macht
September 4, 2015
Guten Tag! Von diesem Tutorial erfahren Sie, wie man einen bestimmten Beitrag vollbreit (specific post fullwidth) in WordPress CherryFramework 3 Vorlagen macht.
WordPress Cherry 3.x. Wie man einen bestimmten Beitrag vollbreit macht
Die Seite Bestimmter Beitrag enthält normalerweise den Inhaltsbereich (content area) und die Seitenleiste (sidebar):
Wenn Sie die Seitenleiste deaktivieren und den Seiteninhalt über die gesamte Breite darstellen möchten, können Sie dies einfach machen, indem Sie einige CSS Regeln verwenden.
Lassen Sie uns zeigen, wie man es erfüllt.
-
Nutzen Sie die Erweiterung Firebug für Firefox oder Entwicklerwerkzeug (Inspect Element) Ihres Browsers und finden Sie die Klasse der Seitenleiste (sidebar class):
-
Danach finden Sie die Klasse des Inhaltsbereiches (content area class) genauso:
-
Lassen Sie uns jetzt eine bestimmte Klasse für einzelne Beitragsseiten (class for single posts pages) finden:
Die Seitenklasse eines bestimmten Beitrags (specific post) ist: postid-1910. Wenn Sie die Änderungen an allen Seiten der bestimmten Beiträge (single posts) vornehmen möchten, sollen Sie die Klasse single-post nutzen.
Nachdem Sie die Klassennamen erfahren haben, können Sie die notwendigen CSS Regeln hinzufügen, um die Seitenleiste zu entfernen und den Seiteninhalt über die gesamte Breite der Website zu ziehen.
-
Finden Sie den Tab Aussehen -> Editor (Appearance -> Editor) in Ihrem WordPress Control Panel:
-
Zur Datei style.css, die Sie gerade sehen, fügen Sie den folgenden Code am Ende der Datei hinzu:
.postid-1910 #sidebar { display: none; } .postid-1910 #content { width: 100%; }
Drücken Sie auf den Button “Datei aktualisieren” (Update File), um die Änderungen vorzunehmen:
Kehren Sie zu Ihrer Website zurück und aktualisieren Sie die Seite, um die vorgenommenen Änderungen zu sehen.
Sie sehen, dass der Beitrag über die gesamte Breite des Bildschirmes angezeigt ist:
Dieses Tutorial ist jetzt zu Ende. Sie können jetzt selbst einen bestimmten Beitrag (specific post fullwidth) vollbreit in Ihrer WordPress CherryFramework 3 Vorlage machen.
Sie können auch das ausführliche Video-Tutorial nutzen:
WordPress Cherry 3.x. Wie man einen bestimmten Beitrag vollbreit macht