Wordpress Gutenberg Blockeditor lernen

1. Gutenberg Einführung Video: Hallo und willkommen zu meinem Kurs , in dem ich Ihnen beibringen werde, wie Sie den WordPress-Gutenberg-Editor verwenden können WordPress-Gutenberg-Editor verwenden um die Seiten und Beiträge für Ihre Website zu erstellen. Gutenberg-Blockeditor macht es sehr einfach und einfach , die Seiten mithilfe des Blocksystems zu erstellen und zu formatieren. In diesem Kurs lernen Sie alle wichtigen Funktionen kennen, die Sie beim Erstellen von Seiten in WordPress verwenden müssen beim Erstellen von Seiten in WordPress ohne einen separaten Seitenersteller zu verwenden. Wir werden lernen, wie wir verschiedene Blöcke einfügen können, die im Gutenberg-Editor verfügbar sind und wie wir diese Blöcke anpassen können. Also bleib dran. In der nächsten Vorlesung gebe ich Ihnen einen kurzen Überblick über das Interface des Gutenberg-Editors. 2. Übersicht der Gutenberg Interface: Jetzt fangen wir an, wenn Gutenberg-Blockeditor. Das erste, was wir tun werden, ist einen kurzen Überblick über die Gutenberg-Schnittstelle zu verschaffen. In der oberen linken Ecke haben wir dieses Lamellen - und Breite-Plus-Symbol. Diese Belastung besteht darin, Blöcke auf unserer Website hinzuzufügen. Wenn Sie auf dieses Symbol klicken, können wir alle Blöcke sehen , die zur Verwendung verfügbar sind. Und auch die Veteranen, bei denen es sich vorgefertigte Vorlagen handelt, die von Gutenberg gegeben wurden. Diese Vorlagen werden auch unter Verwendung dieser Blöcke erstellt. Als nächstes haben wir die Möglichkeit zwischen Objektmodus und Auswahlmodus zu wechseln. Der Auswahlmodus ist sehr nützlich, wenn wir einfach ein Element auswählen und verschieben oder neu positionieren möchten. Dann haben wir die Möglichkeit , rückgängig zu machen und zu wiederholen. Hier sehen wir, dass Ihre Schwänze unseres pH-Werts bedeuten, wie viele Zeichen, Wörter, Überschriften oder Absätze oder Blöcke auf der Seite enthalten sind und auch der Dokumentumriss der Seite. Jetzt ist dies die Listenansicht, die ein sehr wichtiger Teil unseres Gutenberg-Editors ist. Hier sehen wir die vollständige Struktur unserer Blöcke. Und auch die Sequenz ist dass wir derzeit nur einen Block hinzugefügt haben , der ein Absatzblock ist. Es zeigt also nur einen Block. In den nächsten Vorträgen werden wir weitere Blöcke hinzufügen. Dann werden wir sehen, wie das ListView nützlich wird , um die Sequenzen und Strukturen der Blöcke zu sehen. Als Nächstes haben wir die Entwurfsoption gespeichert, um unsere Arbeit zu speichern. Und dann haben wir die Vorschauoption , um den neuen Tab Fernando von RPGN zu öffnen. Oder wir können sehen, wie unsere Seite auf verschiedenen Gerätegrößen aussieht , nämlich Handy und Tablet. Dann haben wir die Option Einstellungen, wo wir die Seiteneinstellung und die Blockeinstellung sehen können. In den Bade-Einstellungen haben wir einige Optionen wie Stewardess und Sichtbarkeit, Perma-Links, Feature-Image und Diskussionen sowie die Seitenattribute. Und im Block haben wir das Senden unseres ausgewählten Blocks. Diese Einstellungen werden für verschiedene Arten von Blöcken unterschiedlich sein. Wie der Vorbär-Graph-Look haben wir Schriftgröße, Zeilenhöhe, Farbe, Hintergrundfarbe. Diese Einstellungen unterscheiden sich für andere Blocktypen wie Bilder, Listen oder eine Spalte. Oben rechts haben wir Dysphagie-Optionen. Die erste Option ist die obere Werkzeugleiste. Um diese Funktion zu erklären, ich einen neuen Block hinzu, bei dem es sich um einen Überschriftenblock handelt. Jetzt können Sie sehen, dass jeder Block dort unsere Symbolleiste dabei ist. Durch Auswahl dieser Option können wir diese Symbolleiste an den Anfang der Seite verschieben. Dann haben wir den Spotlight-Modus und dann den Vollbildmodus. Im Editor haben wir einen visuellen Editor, in dem wir uns gerade befinden. Und dann der Koordinator. Im Block Manager können wir unsere Blöcke verwalten. Wir können jeden Block von hier aus deaktivieren oder aktivieren und nutzbare Blöcke verwalten. Wir haben Flussdaten gespeichert, um sie später wiederverwenden zu können. Tastenkombinationsoptionen werden von Gutenberg angegeben. Sie können diese Verknüpfungen verwenden , um die Arbeit zu beschleunigen. Und dann haben wir unseren Willkommensführer , der eine kurze Anleitung zur Verwendung des Gutenberg-Editors ist. Und dann haben wir die Option „ Alle Inhalte kopieren“, die verwendet wird, um den gesamten Inhalt auf der Seite zu kopieren . Jetzt ist das ein, das ist alles, was wir in unserer Gutenberg-Schnittstelle haben. Dies war nur ein kurzer Überblick über alle Funktionen. In der nächsten Vorlesung erfahren wir, wie wir Azure Deadlocks hinzufügen können , um unsere Seite zu erstellen. 3. Blöcke hinzufügen: Hallo und willkommen zum neuen Vortrag des WordPress Gutenberg-Editorkurses. In dieser Vorlesung werden wir anfangen, Blöcke auf unserer Seite hinzuzufügen. Es gibt verschiedene Arten von Methoden zum Hinzufügen von Blöcken auf der Seite. Davor. Eine Sache, die ich hier erwähnen möchte, ist, dass es sich bei jedem Hinzufügen eines neuen Blocks vor der Auswahl seines Typs Hinzufügen eines neuen Blocks vor der Auswahl seines Typs standardmäßig um einen Absatzblock handelt. Sie können hier in der Listenansicht sehen, dass das hinzugefügte Protokoll als Absatzblock angezeigt wird. Jetzt fügen wir einen neuen Block hinzu. Also klicke ich für dat auf dieses blaue Symbol. Und dann sind hier alle Blogs, die verfügbar sind. Sie können auch in der Suchleiste suchen. Ich wähle einen Überschriftenblock und der Block wird auf der Seite hinzugefügt. Jetzt können Sie in ListView sehen, dass der Blog, der ein Absatzblock war, ein Absatzblock war jetzt in einen Überschriftenblock konvertiert wird. Jetzt schreibe ich ihre Texte für den Überschriftenblock. Und wenn ich die Eingabetaste drücke, springe ich aus diesem Block heraus. Und dann wird ein neuer Block hinzugefügt, der standardmäßig auch ein Absatzlook ist. Jetzt gibt es eine andere Methode, um einen Block hinzuzufügen , indem Sie auf dieses Plus-Symbol klicken, das sich auf dem Pfirsich befindet. Und hier können wir die am häufigsten verwendeten Blöcke sehen. Von hier aus können wir auch nach einem beliebigen Block suchen. Jetzt füge ich einen Bildblock von hier und lade dann unser Bild für diesen Block hoch. Wie Sie sehen können, wird das Bild hochgeladen. Und jetzt drücke ich wieder die Eingabetaste und springe aus diesem Buch zu einem neuen Block. Eine andere Methode , um den Block hinzuzufügen besteht darin, dass wir den Schrägstrich im Block und dann den Blocknamen, den wir hinzufügen möchten , vorwärts tauchen können . Dies ist auch eine sehr schnelle Möglichkeit , einen neuen Block im pH-Wert hinzuzufügen. Hier suche ich unserem Lastenblock und füge dann eine neue Belastung hinzu. Wenn ich diesen Block und in den Optionen auswähle, habe ich diese Möglichkeit, vorher einzufügen und danach einzufügen. Wenn Sie diese Option des Einfügens zuvor auswählen, wird vor dieser Belastung und dem Aussehen ein neuer Block hinzugefügt. Und wenn ich danach einen neuen Look hinzufügen muss, aber entsperren muss, dann wähle ich die Option Nach Knoten einfügen. Dies sind einige der Methoden, um neue Blöcke auf unserer Website hinzuzufügen. Jetzt in der nächsten Vorlesung werden wir mit der Bearbeitung dieser Blöcke beginnen, indem wir alle Bearbeitungsoptionen verwenden , die für verschiedene Arten von Flussmitteln verfügbar sind . 4. Anpassen von Heading Block: Jetzt in dieser Vorlesung beginnen wir mit der Bearbeitung unseres Überschriftenblocks. Festival. Ich wähle den Überschriftenblock aus. Sehen wir uns nun an, welche Optionen verfügbar sind . Auf der rechten Seite. Diese Optionen werden für verschiedene Arten von Uhren unterschiedlich sein. In der Typografie haben wir die Möglichkeit, die Überschriftengröße zu ändern. Wir können von den Seiten auswählen, die verfügbar sind. Oder wir wählen eine benutzerdefinierte Größe. Dann haben wir in Farbe die Möglichkeit, die Textfarbe unserer Überschriften zu ändern. Dann haben wir noch einige Möglichkeiten, die Hintergrundfarbe zu ändern und die Linkfarbe zu ändern. Danach werden wir sehen, welche Optionen in der Symbolleiste verfügbar sind . Die erste Option, die wir haben, besteht darin, diesen Block in eine andere Dipolherde umzuwandeln. Und wir haben Codecs-bezogene Blöcke konvertiert. Dann haben wir die Möglichkeit, es am Strand nach unten oder oben zu bewegen. Wir können diese Option verwenden, um die Blog-Position zu ändern. Wir haben auch die Möglichkeit, zu ziehen. Durch Ziehen können wir die Blockposition ändern. Dann haben wir Ausrichtungsoptionen. Die erste Option ist die volle Breite. Von hier aus deckt unser Blog durch Auswahl der Option mit großer Breite die große Breite des Bildschirms ab. Sie können das ListView sehen. Jetzt unser Block, wenn wir das breite Urteil regieren. Wenn ich das Häkchen deaktiviere und du siehst, dass unser Block in der Mitte ist. Das Wort Block ist gerade in der Mitte. Jetzt. Auf die gleiche Weise, wenn ich die Option voller Breite wähle, unser Überschriftenblock jetzt deckt unser Überschriftenblock jetzt die volle Breite des Bildschirms ab. Dann haben wir die Möglichkeit zu tauchen. Wir können verschiedene Überschriftenarten verwenden, die die Größe der Überschrift ändern können. Danach haben wir die Möglichkeit der Textausrichtung im Block. Wenn wir es auf die Mitte ausrichten, können wir es nach rechts ausrichten. Ich verwende eine Mittelausrichtung. Und dann haben wir fett- und kursiv Optionen für die Überschrift. Dann haben wir die Möglichkeit einen Link zu einem Überschriftentext hinzuzufügen. Aber ich werde diese Option später für unseren Absatzblock verwenden. Und dann die Haare, ein paar weitere Informationen wie ich kann Inline-Code oder Inline-Bild hinzufügen. Aus dem Inlandsbild kann ich ein beliebiges Bild in diesem Überschriftenblock hinzufügen . Und dann haben wir die Möglichkeit, durcheinander zu gehen. Und dann haben wir die Möglichkeit, tiefgestellt und hochgestellt zu werden. Und dann ist eine andere Option x Farbe, die wir von hier aus ändern können. Jetzt noch ein paar Optionen in diesen Blöcken. Unsere Möglichkeiten sind, dass wir von hier aus ein Duplikat dieses Blocks erstellen können , indem wir auf diese doppelte Schaltfläche klicken. Oder wir können jeden Block von hier entfernen. Und die anderen nützlichen Informationen hier sind zwei wiederverwendbare Blocks hinzuzufügen. Wir können jeden Blog hinzufügen, um wiederverwendbare Block zu machen. Von hier aus. Als würde ich diesen Überschriftenblock hinzufügen und ihm einen Namen geben, meine Überschrift. Und wenn wir dann runtergehen und einen neuen Block hinzufügen. Und in diesem Block können wir Deadlock wiederverwenden , den wir erstellt haben. Hier. Wir können nach diesem Buch suchen, das meine Überschrift ist. Und Sie können sehen, dass der Block hier verfügbar ist , den wir den wiederverwendbaren Blöcken hinzugefügt haben. Also wähle ich einfach diesen Block aus. Und jetzt wird der Block, den wir erstellt haben und ihn dann in wiederverwendbaren Block hinzufügen, auf der Seite hinzugefügt. Dies sind einige der Optionen, mit denen Sie Ihren Block adressieren können. Neun nächste Vorlesung werden wir mehr über andere Blogs erfahren , Daten verfügbar. 5. Teil und Bildblock: Jetzt werden wir anfangen, neue Blöcke hinzuzufügen und dann werden wir diese Blöcke verlassen. Der erste Block, den ich hinzufügen werde, ist ein Absatz. Standardmäßig sehen ist Block ist bereits ein Absatz. Also werde ich einfach auf Text für den Absatz basieren , den ich möchte. Und danach, wenn ich auf der rechten Seite sehe, sind alle Bearbeitungsoptionen die gleichen wie unser Heading Kerl. Wie wir die Größe unseres Textes von Luft aus ändern können oder wir können die Textfarbe oder Hintergrundfarbe, die Linkfarbe, ändern. Eine weitere Option, die wir haben, ist die Drop Cap. Wenn ich diese Option auswähle, der erste Buchstabe aus unserem Absatz wird der erste Buchstabe aus unserem Absatz zu einer Drop-Cap. Wir können diese Option auswählen oder aufheben, wenn wir möchten. Jetzt sehen wir Optionen in der Symbolleiste. Die erste Möglichkeit besteht darin, es in eine andere Art von Block umzuwandeln. Es sollte nicht mit unserem Lehrbuch zu tun haben. Dann haben wir die Möglichkeit, es zu verschieben oder zu ziehen. Und dann haben wir Möglichkeiten der Ausrichtung. Ich werde es hier auf die Mitte ausrichten. Dann haben wir Optionen von fett und kursiv. Danach haben wir die Möglichkeit einen Link in unseren Text hinzuzufügen. Also wähle ich dieses EGN schreibe den Namen einer Website, auf die ich diesen Text umleiten möchte. Nachdem ich den Text auf der Website eingegeben hatte, klicke ich einfach auf Absenden. Und dann öffne ich die Rede in einem neuen Tab. Und hier siehst du, dass der Link funktioniert. Wenn ich auf diesen Link klicke, leitet er uns auf eine andere Website weiter. Nicht-Deo-Optionen für diesen Absatzblock sind die gleichen wie wir in unserem Überschriftenblock besprochen haben. Und jetzt fügen wir auf unserer Seite einen neuen Block hinzu , der eine Bildblockgröße hat, klicken auf Einfügen nach und klicken auf das Plus-Symbol. Und von hier aus füge ich einen Imageblock hinzu. Und ich wähle das Bild aus unserer Mediathek aus. Ich wähle dieses Bild aus. Jetzt können Sie sehen, dass das Bild hinzugefügt wurde. Die Optionen für den Bildblock auf der rechten Seite sind, dass wir ihn in Runde konvertieren können oder wir können einen Rahmen oder ein Framework in diesem Bild hinzufügen . Und dann habe ich die Möglichkeit, die Größe der Zeit zu ändern , wenn ich sie in ein mittelgroßes Bild oder ein großes Bild konvertieren kann . Und dann nach den Optionen, die Symbolleiste, können wir sie in jeden anderen Block umwandeln , der mit Bildern verwandt ist. Dann haben wir Ausrichtungsoptionen wie, naja, ich kann volle Breite verwenden. Wenn ich die Vollversion verwende, können Sie die Bilder mit der vollen Breite des Bildschirms sehen . Und wenn ich weit gut benutze. Und welcher Kerl wird einen breiteren Bildschirm verwenden. Ich habe es auch optional rechts oder links von unserem Block ausrichten . Und dann habe ich die Möglichkeit, es auf die Mitte auszurichten. Die nächste Option ist, dass wir auch einen Link für dieses Bild hinzufügen können oder dieses Bild zuschneiden. Und dann haben wir die Möglichkeit , unseren Text in das Bild einzufügen , wobei Phil in welchen Coverblock konvertiert wurde. Und in diesem Bildblock wird in diesem Bildblock ein neuer Absatzblock hinzugefügt . Und dann schreibe ich den Text des dunklen Absatzblocks. Und wir können die Einstellungen dieses Blocks ändern. Ich kann es an der Mitte ausrichten und dann vergrößere ich die Größe des Textes. Und dann werde ich es mutig machen. Und wir haben alle Möglichkeiten des Absatzes für dieses Bild zu suchen. Und dann haben wir die Möglichkeit , das Bild zu ersetzen, aber jedes andere Bild. Diese Option ist nützlich, wenn wir beispielsweise mehrere Bilder in unseren Bildblöcken in unserem Pfirsich haben. Und wir können einfach auf Ersetzen klicken und das Bild des Kerls durch ein anderes Bild ersetzen. Nun waren dies einige der Bearbeitungsoptionen für Absatz und einen Bildblock verfügbar sind. Jetzt werden wir in der nächsten Vorlesung noch ein paar Blöcke besprechen. 6. Knöpfe anpassen: Jetzt werden wir unseren neuen Block hinzufügen , der Vorwand Block sein wird. Also werde ich von hier aus nach dem Umkippen Block suchen und in unsere Seite eingefügt. Hier haben wir die Möglichkeit, mehrere Belastungen innerhalb eines Belastungsblocks aus der haarlosen Sicht hinzuzufügen . Wir können sehen, dass wir einen Belastungsblock in dieser Arbeit hinzugefügt haben. Wir können mehrere Belastungen hinzufügen. Aber momentan arbeite ich mit nur einem Knopf. Und jetzt werden wir Ente X4 schreiben, die Last, die beginnt. Und danach werden wir sehen, welche Bearbeitungsoptionen auf der rechten Seite stehen. Zunächst haben wir die Möglichkeit, den Belastungsstil zu ändern , um zu skizzieren oder zu füllen. Dann haben wir die Möglichkeit, die Schriftgröße für den Verdun zu ändern . Und in den Grenzeinstellungen haben wir die Möglichkeit den Radius der Belastung zu ändern. Wir können es in unsere eigene Last umwandeln oder quadratisch halten. Also werde ich es in einen runden Knopf umwandeln. Und dann haben wir die Möglichkeit die Textfarbe für unsere Schaltfläche zu ändern. Also wähle ich eine hellere Farbe für den Text, weiße Farbe. Und dann haben wir die Möglichkeit die Hintergrundfarbe der Schaltfläche zu ändern. Aus der benutzerdefinierten Farbe wähle ich also eine andere Farbe für die Schaltfläche aus. Ich wähle eine marineblaue Farbe für diesen Button aus. Diese Farbe sieht also gut aus. Und wenn wir danach die Möglichkeit haben, die Belastungsgröße zu ändern, können wir die Worteinstellung ändern. Wir können es 50 Prozent oder 75 oder 100 Prozent des Blocks behalten . Also werde ich eine Breite von 50 Prozent verwenden. Und wir haben Optionen, in der Symbolleiste können wir einen Link zu unserer Last hinzufügen. Der Link fügt alle anderen Optionen für die Belastung hinzu, und die Symbolleiste entspricht unseren anderen Blöcken, die wir zuvor verwendet haben. Dies waren also einige der Bearbeitungsmöglichkeiten für die Belastung. Durch die Verwendung dieser Optionen können wir unsere Belastung ändern. 7. Themes ändern und das Menü erstellen: Jetzt erfahren wir, wie wir mit diesen Gutenberg-Blöcken eine Zielseite oder eine beliebige Seite für unsere Website erstellen können Zielseite oder eine beliebige Seite für . Aber zuerst werde ich mein Team wechseln Derzeit verwende ich unser Standardteam von WordPress, das D 21 gezeichnet wird. Also werde ich zuerst das Team meiner Website wechseln. Dafür gehe ich zu ihrem Dashboard oder WordPress. Und dann gehe ich in Erscheinung zu Teams. Und ich suche hier nach einem neuen Team , indem ich auf Neu hinzufügen klicke. Und dann suche ich in der Suchleiste nach einem Trittfrequenzteam. Ich werde das Trittfrequenz-Team für diese Website verwenden. Also werde ich dieses Team installieren. Und nach der Installation klicke ich auf Aktivieren, um dieses Thema zu aktivieren. Jetzt wird das Thema meiner Website geändert. Jetzt füge ich einige neue Seiten auf der Website hinzu, weil ich ein Menü für die Seite erstellen möchte . erste Seite, die ich hinzufügen werde, ist die Seite „Kontakt“. Wir schreiben Contact Us den Titel der Seite und ich werde diese Seite veröffentlichen. Und dann gehe ich zurück zu Seiten und füge eine neue und andere Seite hinzu, die unsere Dienste sein wird. Und dann klicken wir auf Veröffentlichen, um diese Seite zu veröffentlichen. Jetzt haben wir drei Seiten auf unserer Website. Erstens ist falsch, das ist unser Zuhause und wir haben Kontakt - und Service-Rede . Jetzt werden wir unsere Teenager anpassen. Dafür klicke ich auf „Anpassen“. Und von hier aus erstelle ich ein Menü für unsere Website. Also gehe ich zum Menü und füge hier ein neues Menü hinzu. Ich gebe ihm einen Namen, mein Menü, und wähle dann den Ort Bestechung aus und das Menü wird erstellt, dann fügen wir Elemente im Menü hinzu. Dies sind die Seiten, die wir erstellt haben, und ich werde auf diese Seite klicken , um sie in unserem Menü hinzuzufügen. Danach können wir es neu positionieren, um die Reihenfolge zu ändern. Jetzt wird unsere Speisekarte erstellt. Jetzt besteht unsere nächste Aufgabe darin, die Homepage-Einstellungen zu ändern. Also gehen wir zu den Homepage-Einstellungen. Drittens sind unsere Homepage unsere neuesten Beiträge. Wir werden es auf unsere statische Seite ändern. Und wir werden eine Seite auswählen und als unsere Homepage direkt leiten. Also jetzt wird diese Seite als unsere Homepage funktionieren. Wann immer wir unsere Website öffnen, wird diese Seite anstelle unserer früheren Entsorgung geöffnet. Und dann klicken wir auf Veröffentlichen, um zwei Einstellungen zu speichern. 8. Hero erstellen: Jetzt beginnen wir mit der Erstellung unserer Landingpage. Zuerst öffne ich den Aggregatmodus für unseren aktuellen Strand. Im Cadence-Team haben wir mehr Anpassungsmöglichkeiten für unseren Doktortitel und unsere Einstellungen. Dann haben wir in unserem vorherigen Team, ich möchte einen transparenten Header für meine Website verwenden, also aktiviere ich diese Option. Dann nach direkt beim pH-Wert versuchte ich zu Option, dass ich deaktivieren werde. Und dann beiges Layout werde ich die volle Breite verwenden. 10 Inhaltsstil wird unbox sein. Dann bin ich nach Dad schlecht deaktiviert oder gepolstert. Zunächst werden wir die Helden-Sektion erstellen. Der erste Blog, den ich für den Ego-Bereich hinzufügen werde , wird ein Bildblock sein. Und dann wähle ich in der Medienbibliothek das Bild aus , das wir verwenden möchten. Und ich werde die volle Rate für dieses Bild verwenden. Nach DAG füge ich den Text in das Bild ein. Jetzt wird dieses Bild in einen Coverblock konvertiert. Dann ändere ich die Deckkraft auf 0. Es ist die Deckkraft der Overlay-Farbe. Ich ändere es auf 0. Und dann habe ich Text für unsere Helden-Sektion eingegeben. Und ich werde die Mittelausrichtung für diesen Text verwenden. Danach werden wir das bearbeiten. Zuallererst werde ich die Größe des Textes erhöhen. Und danach ändere ich die Zeilenhöhe und mache dann den ersten Buchstaben jedes Wortes Kapital. Und dann werde ich es mutig machen. Jetzt ist es an der Zeit, unser neues Buch hinzuzufügen, das die Herde sein wird. Von hier aus füge ich einen neuen Block hinzu. Hegte alle gestaffelten. Ich benutze wieder „ justify center“ für diesen Block. Und dann schreibe ich den Text für diesen Button, der uns kontaktiert hat. Und ich werde die Größe des Textes und des Wortes ändern. Und danach ändere ich den Radius, den Randradius in Runde, und ich werde die Hintergrundfarbe und die Textfarbe ändern , die oft belastet wird. Jetzt ist unsere Helden-Sektion fertig. Jetzt werde ich die Größe unseres ETL-Abschnittsbildes ein wenig erhöhen . Ich denke jetzt sieht es gut aus. Ich wurde aktualisiert und wir werden in einem neuen Tab sehen. Ja, es sieht gut aus. Audiobereich ist fertig. Jetzt werden wir in der nächsten Vorlesung die Farben unserer Menüleistenelemente ändern die Farben unserer Menüleistenelemente und ein Logo unserer Website in die Kopfzeile einfügen. 9. Markenlogo und Costumizing: Hallo, in dieser Vorlesung haben wir unser Markenlogo der Website hinzugefügt und wir werden die Größe und Farbe unserer Menüpunkte ändern. Also klicke ich auf „Anpassen“ und gehe zur Anpassung. Und von hier aus wähle ich den Titel meiner Website aus. Und von hier aus wähle ich Logo und wann aus. Und dann füge ich das Bild für das Logo hinzu. Wissen Sie, dass unser Seitenmarkenlogo aggregiert ist, dann passe ich die Größe an. Danach müssen wir die Größe und Farbe unserer Menüpunkte ändern . Also klicke ich auf Bearbeiten. Und hier werde ich den Abstand der Gegenstände erhöhen. Und danach ändere ich die Schriftfarbe von hier aus. Danach werde ich ändern, auch das ganze Wort Farbe geändert. Jetzt müssen wir den Schriftstil und die Fremdgröße dieser Menüelemente ändern . Also habe ich von hier geerbt, wir können die Schriftart ändern , die wir verwenden möchten. Ich würde mit diesem Telefon gehen und dann die Schriftgröße erhöhen. Und wir können auch die Zeilenhöhe und den Artikelabstand ändern . Von hier aus. Jetzt wird unser Font-Style geändert und unser Markenlogo wird hinzugefügt. Jetzt gehe ich einfach zurück und ändere die Basisschrift, meine gesamte Website. Von hier aus werde ich die Basisschrift ändern, die den Fall des gesamten Textes ändert und ich werde meine Website hinzufügen. Sie können von hier aus auch die Schriftarten von Überschriften wie H1, H2 ändern . Und dann wähle ich Veröffentlichen aus. Und jetzt wurden unsere Änderungen gespeichert. Jetzt werden wir in der nächsten Vorlesung noch ein paar Blöcke hinzufügen , um unseren Landestrand zu vervollständigen. 10. Unsere Creating: Hi. Jetzt in dieser Vorlesung werden wir unseren nächsten Abschnitt erstellen, der unser Dienstleistungsbereich sein wird. Zuerst füge ich eine neue Seite hinzu und schreibe den Text der Überschrift. Und danach werde ich es auf die Mitte ausrichten. Und wir werden einige Anpassungen die Größe der Überschrift vornehmen. Danach füge ich einen neuen Block hinzu, der Spaltenblock sein wird. Hier sind verschiedene Variationen für Coulombs Gesetz. Und ich wähle eine Spalte für die Baumvariation aus. Säule. Ich füge eine neue Überschrift hinzu. Und dann schreibe ich das x Dr. Herding, das Web-Entwicklung sein wird. Dann wähle ich die Mittelausrichtung aus. Nach DAG in der zweiten Spalte werde ich auch das Hinzufügen mit den gleichen Einstellungen hinzufügen und den Inhalt schreiben , der digitales Marketing sein wird. Und dann füge ich die dritte Überschrift hinzu, die App-Entwicklung sein wird. Jetzt füge ich in unserer ersten Spalte ein neues Bild hinzu. Und dann wähle ich aus der Medienbibliothek das Bild für diese Spalte aus. Und dann schreibe ich den Absatztext. Und dann passe ich die Größe an und richte sie auf die Mitte aus. Und dann wählen Sie auch den Text aus und machen Sie ihn fett. Jetzt fügen wir das Bild für unsere nächste Rufnummer hinzu. Davor werde ich das erste Bild, das Zentrum, ausrichten. Jetzt lerne ich den Bildblock und wähle dann das zweite Bild aus. Richtet es an der Mitte aus. Fügen Sie dann einen neuen Absatzblock und schreiben Sie den Text für den Absatz. Und mach das Gleiche oder meinte einfach nur, dass ihr Text ist. Und dann füge ich vor der dritten Spalte ein neues Bild mit den gleichen Einstellungen und auch die Absatztextdaten mit den gleichen Einstellungen hinzu. Jetzt ist unser Dienstleistungsbereich fertig. Ich kann es speichern und dann in einem neuen Tab eine Vorschau anzeigen. So sieht es also aus. Es sieht gut aus, aber es gibt ein Problem damit. Der Vektor des Abschnitts ist so breit, dass er den Vollbildmodus abdeckt, der nicht so gut aussieht. Also werde ich einige Anpassungen mit meinen Layouteinstellungen des Canvas-Teams vornehmen. Von hier aus verwende ich ein normales Bit anstelle der vollen Breite, und dann speichern wir es. Eine weitere Anpassung, die ich vornehmen möchte ist der Abstand zwischen unserer Überschrift, unseren Diensten und den Spalten ist, dass ich dieses Stück nicht vergrößern werde, also werde ich einfach die Zeilenhöhe unserer Überschrift erhöhen. Jetzt speichere ich es und schaue es in einem neuen Tab in der Vorschau an. Mal sehen, wie es jetzt aussieht. Jetzt sieht es besser aus. Unser neuer Bereich ist VRD , der alle Dienste enthält, die weiß sind. So können Sie die Spaltensperre verwenden , um ihre unterschiedlichen Inhalte auf Ihrer Website zu erstellen. 11. Abstandshalter Block: Der nächste Block, den wir besprechen werden, ist ein Abstandshalter. Um diesen Kerl zu besprechen, werde ich der Block von hier hinzufügen , der angeblich einen Coverblock hinzufügt. Und jetzt wollen wir den Raum zwischen diesen beiden Blöcken geben . Dafür wähle ich die Optionen des Titelbuches aus. Und in den Optionen wähle ich vorher Einfügen aus. Und hier suche ich nach dem Abstandshalter. Und dann füge ich das hinzu. Was das bedeutet, ist, dass es ein Leerzeichen zwischen zwei Blöcken oder im pH-Wert hinzufügt . Auf diese Weise können wir den Abstand zwischen allen Blöcken auf unserer Seite hinzufügen . 12. Neues Plugin Kadence Blöcke: Im WordPress-Gutenberg-Editor können Sie alle diese Blöcke verwenden , um Ihre komplette be Januar-Website zu erstellen. Aber Sie haben, aber wenn Sie mehr Anpassungsoptionen wünschen, können Sie Ihrer Website weitere Plugins hinzufügen , um mehr Blöcke und etwas mehr Anpassungsoptionen zu haben . Für Direct müssen wir also ein neues Plugin hinzufügen. Also gehe ich zu „Neu hinzufügen“. Und wir werden ein neues Plugin hinzufügen, das gut und gut ist und Gutenberg-Block lauert. Also füge ich dieses Plugin hinzu. Es ist bereits installiert, also werde ich es einfach aktualisieren. Und dann werde ich Plugins installieren. Und von hier aus aktiviere ich dieses Plugin. Einstecken ist aktiviert. Jetzt. Ich kann zurück zur Seitenbearbeitung gehen. Und jetzt werden wir in unseren Blöcken sehen, so viele neue Blöcke werden hinzugefügt. Dies sind die Blöcke, die Trittfrequenz Gutenberg-Blöcke sind. Wir können diese Blöcke jetzt in unserem pH-Wert verwenden. Zum Beispiel füge ich einen neuen Block hinzu, bösartiges Testimonial im Pfirsich. Und hier stehen verschiedene Stile zur Verfügung, die wir verwenden können. Ich entscheide mich für diese Zelle. Jetzt. Ich muss nur den Inhalt dieses Testimonials zusammenfassen. Zuerst füge ich ein neues Bild hinzu, lade es von meinem Computer hoch, dann füge ich dieses Bild in ihr Testimonial ein. nun zur Blockeinstellung gehe, Wenn ich nun zur Blockeinstellung gehe, können wir hier sehen, können wir hier sehen dass so viele weitere Anpassungsoptionen verfügbar sind als die anderen Blöcke. Also werde ich zum Beispiel in den Medieneinstellungen mit der Bearbeitung beginnen , wir haben diese Rahmeneinstellungen. Wir können den Radius der Grenze ändern. Wir können diese Bettzeug oder die Marge erhöhen oder verringern. Und dann können wir es in ein kleineres Bild umwandeln oder es verwenden Titelbild. so viele Optionen und Anpassungsoptionen Hier stehen so viele Optionen und Anpassungsoptionen zur Verfügung , die wir verwenden können. Ich muss nur den Inhalt dieses Testimonial bearbeiten und es wird fertig sein. Wenn ich jetzt noch einen Block von hier hinzufüge, wie ich ein erweitertes Buch hinzufügen werde, dann werden wir für diesen Musterblock sehen, wir so viel mehr Anpassungsmöglichkeiten haben als unsere normale Göteborg-Belastung. Jetzt füge ich einen neuen Block hinzu, der Advanced Image Gallery Block ist. Dann wähle ich die Bilder für diese Bildergalerie aus. Und jetzt werden Sie sehen, dass diese Bilder hinzugefügt werden. Hier sind einige der Optionen. Wir können eine Gitterstil-Galerie verwenden und wir können sie in einen Bildschieberegler konvertieren. Durch die Verwendung dieser Blöcke ist es sehr einfach, unseren Bild-Schieberegler so zu erstellen. Sie können diesen Trittfrequenzblock verwenden, um mehr Bearbeitungsoptionen für alle Elemente zu haben mehr Bearbeitungsoptionen für , die Sie auf Ihrer Website verwenden möchten. Außerdem gibt es eine Designbibliothek, die wir in unserer nächsten Vorlesung besprechen werden, in der wir vorgefertigte Vorlagen finden können , die wir in unseren Strand einfügen und zum Erstellen hinzufügen können schöne Seiten für unsere Website. 13. Design-Seiten: Jetzt werden wir ein weiteres Feature von Giddens-Blöcken besprechen , nämlich die Design-Bibliothek, die InDesign-Bibliothek. Wir haben Abschnitte und Startervorlagen vorgebaut , die wir auf unserer Seite verwenden können. Also öffne ich hier die Design-Bibliothek. Und hier haben wir alle Abschnitte, die wir auf unserer Seite verwenden können. Dies sind vorgefertigte Abschnitte , die mit verschiedenen Blöcken hergestellt werden. So möchte ich zum Beispiel ein Kontaktformular auf meiner Website hinzufügen . Ich suche hier nur nach dem Kontaktformular und es wird am Strand hinzugefügt. Jetzt kann ich den Inhalt bearbeiten. Und unser Kontaktformular ist fertig. Wir werden sehen, dass Sie hier nach weiteren Designs suchen. Es gibt so viele verschiedene Abschnitte oder Sie können zum Beispiel diesen Abschnitt verwenden, zum Beispiel diesen Abschnitt verwenden, ich muss nur darauf klicken und auf meiner Seite hinzufügen. Dann muss ich nur den Inhalt im Abschnitt Mehr bearbeiten , den ich hinzufügen werde. Zum Beispiel möchte ich diesen Abschnitt hinzufügen, also klicke ich einfach darauf. Und dann wird der gesamte Abschnitt in unseren Strand eingefügt. Und dann können wir es nach unseren Anforderungen anpassen . Jetzt haben wir auch Vorlagen wie diese gestartet, sind vorgefertigte vollständige Seiten, die wir auf unserer Website starten können. Zum Beispiel möchte ich diese Seite verwenden. Also werde ich einfach alle Strände wie über uns öffnen und verschiedene Strände sind hier verfügbar und verschiedene Abschnitte. Ich muss diese nur auf meiner Website hinzufügen und dann kann ich das anpassen. Und die Anpassung dieser Abschnitte ist sehr einfach, ich möchte zum Beispiel das Bild hier ersetzen. Und ich klicke einfach auf Ersetzen und dann füge ich ein neues Bild hinzu und das Bild wird hinzugefügt. Jetzt möchte ich zum Beispiel einen Ordner auf meiner Website hinzufügen. Also suche ich hier nach einem Foto und füge diesen Ordner auf meiner Seite hinzu. Dann kann ich es anpassen. Ich werde Filbert für diese Fußzeile verwenden und dann können wir es so anpassen, wie wir es wollen. Das ist also unsere Basis , so sieht es aus, als würden wir Ihre dynein, Ihre Daten, öffnen. Wie Sie das Kontaktformular und alle Abschnitte sehen können , die wir hinzugefügt haben. Mithilfe der Designbibliothek können Sie also viele verschiedene Abschnitte und auch die vollständigen Seiten auf Ihrer Website hinzufügen . Und Sie können sie entsprechend Ihren Anforderungsleitfäden hinzufügen , die wir in diesem Kurs gelernt haben. 14. Vielen Dank: Dies waren also einige der Hauptfunktionen des WordPress Gutenberg-Editors. In diesen Vorträgen haben Sie gelernt, wie Sie verschiedene Blöcke hinzufügen und anpassen können , um Ihre WordPress-Websiteseiten zu erstellen. Vielen Dank, dass Sie sich diesen Kurs angesehen haben. Ich hoffe, Sie haben von diesem Kurs viel gelernt . Und es wird Ihnen bei Ihrer Webentwicklungsreise helfen.