Das Hauptmenü Twenty Seventeen verfügt über zwei Menü-Positionen, ein Topmenü und ein Social Links Menü. Gehe auf Design > Menüs und erstelle ein neues Menü, am besten zuerst das Hauptmenü (Topmenü). Platziere die Startseite dann ganz oben im Menü! Die Menüpunkte kannst du ganz einfach per Drag and Drop verschieben. Unterpunkte erzeugst du durch das Einrücken nach rechts. Header-Video Das Killer-Feature in WordPress 4. 7: Unkompliziert Header-Videos einzublenden. Zwar ist nicht jedes Theme dafür geeignet – das neue Standardtheme Twenty Seventeen aber schon! Im Bild siehst du, wie es funktioniert, und zwar ganz einfach über den Customizer: Möglichkeit 1: Video im Format MP4 selbst hochladen Möglichkeit 2: Von Youtube verlinken Achtung: Es empfieht sich hier nur ein Video von ein paar Sekunden länge, alles andere würde die Ladezeit der Startseite zu sehr verlängern! Für die anderen Seiten spielt das Video keine Rolle, es wird ausschließlich auf der Startseite präsentiert! Eigenes CSS-einfügen Die CSS-Box Mit der neu entwickelten CSS-Box kannst du das Layout ändern, zum Beispiele Schriftarten und Schriftgrößen, und das ohne Risiko.
Die volle Breite nutzen: und Wenngleich das Theme die Metaangaben im Fußbereich des Beitrags () zusammenfasst, befindet sich dieser im Originalzustand links vom Content. Namen sind eben doch nur Schall und Rauch. Indem beide Elemente nicht länger schweben (float) und eine Breite von 100 Prozent erhalten, kehrt der Beitragsfooter nun auch wieder zu seiner Bedeutung zurück: Er befindet sich damit unterhalb des Contents. Und damit dieser Fußbereich nicht so sehr am Content klebt, gibt es ein wenig Außenabstand von 25px. body:not() article:not(), body:not() article:not() {float:none; width: 100%;} {margin-bottom: 25px;} Die Metaangaben nebeneinander ausgeben Allerdings listen sich nun noch immer alle Elementen innerhalb dieses Footers untereinander auf: Autor, Datum, Kategorie etc. Deshalb braucht jedes von ihnen die Definition, nun bitte nebeneinander zu erscheinen, das heißt: zu floaten.,, body:not(), body:not() article:not(), body:not() article:not(). comments-link, body:not() article:not() {float: left;} Wenn Sie einzelne Elemente wie zum Beispiel den Autoren und/oder das Datum hier gar nicht ausgeben wollen: siehe meinen Beitrag zum Thema Post Meta Angaben!
(Zum Vergrößern bitte auf das Bild klicken) Durch das Plugin "Options for Twenty Seventeen" wird der Standard-Customizer um etliche Punkte erweitert. Das kann am Anfang eventuell etwas verwirrend sein. Keep it Simple und fang erst einmal an. "WP Featherlight" erzeugt sogenannte Lightboxen. Beim Klicken auf ein Bild (Image) öffnet sich das Bild bzw. die Bildergalerie als PoP-Up, sodass die Bilder größer dargestellt werden als auf der Seite. Man kennt das z. B. von großen Online-Händlern. Die "Kadence Blocks" ist eine Block-Sammlung, die die Standardblocks von WordPress ergänzen. Insbesondere die Bildergalerien wurden damit gestaltet. Es gibt hier mehr Einstellungsmöglichkeiten als im Standard von WordPress. Wenn du Interesse an einem andern Theme hast, lese den Beitrag zum WordPress Theme Twenty Twenty oder Twenty Twenty-One.
Das Standard-Theme von WordPress kann mehr als nur Standard. Mit einfachen CSS-Anweisungen machst Du Twenty Nineteen noch schöner. Twenty Nineteen verfügt über ein minimalistisches, einspaltiges Layout und eignet sich damit vor allem für Blogs. Das Design kannst Du im Backend über den Customizer anpassen. Mit Cascading Style Sheets (CSS) hast Du jedoch viel mehr Möglichkeiten. Mit wenigen Code-Zeilen kannst Du zum Beispiel die Farben und Schriften individuell anpassen. Hinweis: Am besten verwendest Du für die folgenden Anpassungen ein Child Theme. Alternativ kannst Du die CSS-Anweisungen auch in das WordPress-Backend eingeben ( Design -> Customizer -> Zusätzliches CSS). Tipp 1: Farbfilter entfernen Standardmäßig sind die Beitragsbilder auf der Startseite mit einem blauen Overlay versehen. Im Backend kannst Du die Farbe ändern oder den Filter unsichtbar machen ( Design -> Customizer -> Farben). Das funktioniert jedoch nur bei den Bildern auf der Startseite – in den Beiträgen werden die Bilder weiterhin abgedunkelt angezeigt.
Wirklich gut sieht das Ganze ohnehin noch nicht aus. So kleben zum Beispiel die einzelnen Elemente aneinander. Und der Avatar des Autoren erscheint viel zu groß. Das müssen wir noch ändern. Abstand der einzelnen Metaangaben mit einem Slash Bei der mobilen Darstellung nutzt Twenty Sixteen einen Schrägstrich (Slash) zur Trennung der Metaangaben. So soll es jetzt auch auf dem Desktop aussehen. Die folgende Definition sorgt übrigens auch dafür, dass nach dem letzten Element kein Schrägstrich mehr erfolgt. body:not() article:not() > span:not(:last-child):after {content: "\002f"; display: inline-block; opacity: 0. 7; padding: 0 0. 538461538em;} Die Größe des Avatars anpassen – oder den Avatar ausblenden Nun passt die Größe des Avatars, also des Bildchens, das für den Autoren steht, noch nicht so recht. Allerdings stellt sich die Frage, ob man den blassen Typ vor grauer Wand überhaupt ausgeben möchte. Denn genau der wird angezeigt, wenn Sie nicht die Gravatar -Funktion benutzen. Sprich: Damit Ihr Bild erscheint, müssten Sie dies bei Gravatar mit der E-Mail-Adresse verbinden, die auch hinter Ihrem WordPress-Konto steht.
Wenn etwas nicht funktioniert, löschst du den Code einfach wieder aus der Box. Erreichbar ist die CSS-Box über den Theme-Customizer, also via Design > Themes > Anpassen. Stolz präsentiert von WordPress … entfernen Eigenwerbung für mein neues Buch: Kaufmann und Kauffrau im E-Commerce – von Bernd Schmitt Und wie geht dieser Copyright-Hinweis ganz unten weg? 😉 Die Antwort findest du hier: Stolz präsentiert von WordPress.