<\/span>Was ist ein Block?<\/span><\/h2>\n\n\n\nGutenberg WordPress-Bl\u00f6cke sind Bausteine der Website. Jeder von ihnen hat seinen eigenen besonderen Platz und Zweck. Es ist sehr wichtig, den richtigen WordPress-Block f\u00fcr eine bestimmte Art von Inhalten zu verwenden.<\/p>\n\n\n\n
Aber wie finden Sie den am besten geeigneten Block, der zu Ihrem Vorhaben passt?<\/p>\n\n\n\n
Um Ihnen zu helfen, WordPress-Bl\u00f6cke besser zu verstehen, haben wir diese \u00dcbersicht \u00fcber die beliebtesten zusammengestellt.<\/p>\n\n\n\n
<\/span>Textinhaltsbl\u00f6cke<\/span><\/h2>\n\n\n\nEs gibt mehrere Bl\u00f6cke, mit denen Sie Textinhalte auf Ihrer Website einf\u00fcgen k\u00f6nnen. Sie k\u00f6nnen mehrere Bl\u00f6cke verwenden. Ab WordPress 5.4 gibt es eine neue Einstellung, Sie k\u00f6nnen die Textfarbe \u00e4ndern.<\/p>\n\n\n\n
\n- Absatz<\/li>\n\n\n\n
- \u00dcberschrift<\/li>\n\n\n\n
- Zitieren<\/li>\n\n\n\n
- Auff\u00fchren<\/li>\n\n\n\n
- Pullquote<\/li>\n\n\n\n
- Tisch<\/li>\n\n\n\n
- Vers<\/li>\n\n\n\n
- Vorformatiert<\/li>\n<\/ul>\n\n\n\n
![\"Textfarbformat](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Text-Color-Format-WordPress-5.4.png\")
<\/a><\/figure>\n<\/div>\n\n\nAbgesehen davon verwenden Sie den klassischen Block, der f\u00fcr einen langen Absatz praktischer sein kann.<\/p>\n\n\n\n
<\/span>Tastenblock<\/span><\/h2>\n\n\n\nDas Erstellen eines \u00fcberzeugenden CTA-Buttons in WordPress ist mit dem Button-Block ganz einfach geworden. Sie m\u00fcssen kein benutzerdefiniertes CSS eingeben oder HTML verstehen. Sie k\u00f6nnen \u2013 m\u00fcssen aber nicht \u2013 einen Hexadezimalcode Ihrer Lieblingsfarbe eingeben, damit die Schaltfl\u00e4che sch\u00f6n und auff\u00e4llig aussieht.<\/p>\n\n\n\n
![\"Schaltfl\u00e4che](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Button.jpg\")
<\/a><\/h4>\n\n\n\n<\/span>Wo kann der Button-Block verwendet werden?<\/span><\/h3>\n\n\n\nSobald der Webbesucher auf Ihre Website gelangt, m\u00f6chten Sie ihn zum Handeln ermutigen. Daf\u00fcr sind CTA-Buttons da.<\/p>\n\n\n\n
Im Allgemeinen gibt es drei Stellen, an denen Sie den WordPress-Button-Block verwenden sollten:<\/p>\n\n\n\n
\n- Startseite \u2013 um Aktionen durchzuf\u00fchren, die zum Erreichen Ihres Ziels f\u00fchren, z. B. sich f\u00fcr den Newsletter anmelden, Sonderangebote entdecken oder sich f\u00fcr eine kostenlose Testversion registrieren.<\/li>\n\n\n\n
- Produktseite \u2013 je nachdem, wie Ihre Produktseite gef\u00fchrt wird, kann es eine CTA-Schaltfl\u00e4che (KAUFEN) oder mehrere Schaltfl\u00e4chen geben, z. B. Produktdetails, Kaufen, Zur Wunschliste hinzuf\u00fcgen usw.<\/li>\n\n\n\n
- Blog \u2013 CTA-Buttons k\u00f6nnten auf einen anderen n\u00fctzlichen Artikel oder den Kauf Ihres Produkts\/Ihrer Dienstleistung verweisen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Tastenblockeinstellungen<\/span><\/h3>\n\n\n\nIm Inspektor auf der rechten Seite k\u00f6nnen Sie die Einstellungen Ihrer Schaltfl\u00e4che einfach verwalten:<\/p>\n\n\n\n
\n- Stil<\/li>\n\n\n\n
- Hintergrundfarbe<\/li>\n\n\n\n
- Schriftfarbe<\/li>\n\n\n\n
- Grenze<\/li>\n<\/ul>\n\n\n\n
Der in Ihrer CTA-Schaltfl\u00e4che geschriebene Text sollte kurz und direkt sein und die Aktion anregen, die Ihre Webbesucher ausf\u00fchren sollen.<\/p>\n\n\n\n
Neuigkeiten zur n\u00e4chsten WordPress 5.4-Version (Ver\u00f6ffentlichung am 31. M\u00e4rz 2020)<\/strong><\/p>\n\n\n\nDer Button-Block wird durch einen neuen Button ersetztS<\/strong> Block.
Sie k\u00f6nnen anhand des neuen Namens davon ausgehen, dass Sie in einem Blockcontainer mehrere Schaltfl\u00e4chen nacheinander erstellen k\u00f6nnen. Oft besteht die Notwendigkeit, zwei CTAs gleichzeitig zu erstellen, zum Beispiel: \u201eJetzt kaufen\u201c und \u201eMehr lesen\u201c. Au\u00dferdem kommen einige neue Stil- und Farbeinstellungen. W\u00e4hlen Sie den F\u00fcll- oder Umrissstil und dann die Farbe des Hintergrunds. Sie k\u00f6nnen zwischen einfarbigem Hintergrund und Verlaufshintergrund w\u00e4hlen. F\u00fcr eine m\u00fchelosere Feinabstimmung stehen einige Voreinstellungen als Ausgangspunkt zur Verf\u00fcgung. Die gute Nachricht ist, dass alle vorhandenen Schaltfl\u00e4chenbl\u00f6cke funktionieren und nicht migriert werden m\u00fcssen.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/WordPress-5.4-Buttons-block-1024x554.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Spaltenblock<\/span><\/h2>\n\n\n\nDer Columns-Block ist ein erstaunlicher WordPress-Block, der T\u00fcren zu neuen Layouts \u00f6ffnet. Es bietet Ihnen mehr Optionen f\u00fcr die Anordnung von Seitenelementen, was zu mehr Designalternativen f\u00fchrt.<\/p>\n\n\n
\n![\"Spalten](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Columns.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nDie Arbeit mit dem Spaltenblock ist einfach:<\/p>\n\n\n\n
\n- Keine zus\u00e4tzliche Plugin-Installation.<\/li>\n\n\n\n
- Keine Codierung erforderlich.<\/li>\n\n\n\n
- Alles, was Sie brauchen, ist ein wenig Gesp\u00fcr f\u00fcr ordentliches Design.<\/li>\n<\/ul>\n\n\n\n
Im Vergleich zu den vorherigen Problemen, die Sie vor der Ver\u00f6ffentlichung des WordPress-Blockeditors durchmachen mussten, ist die Verwendung des Columns-WordPress-Blocks supereinfach.<\/p>\n\n\n\n
<\/span>Wie verwende ich den Spaltenblock?<\/span><\/h3>\n\n\n\nWie oben angegeben, gibt es zwei M\u00f6glichkeiten, den Columns-Block zu verwenden:<\/p>\n\n\n\n
\n- Um den Fluss Ihrer Texte zu organisieren (in einem Blogbeitrag oder auf der regul\u00e4ren Seite).<\/li>\n\n\n\n
- Um andere Bl\u00f6cke in Spalten anzuordnen.<\/li>\n<\/ul>\n\n\n\n
Wenn Sie Text in Spalten organisieren, z. B. in einem Blog-Beitrag, erh\u00f6hen Sie die Lesbarkeit und machen Ihre Website transparenter und benutzerfreundlicher.<\/p>\n\n\n\n
Wenn Sie jedoch den Spaltenblock verwenden, um andere Bl\u00f6cke wie Bilder, Texte und Schaltfl\u00e4chen zu verschachteln, \u00e4ndern Sie das gesamte Layout der ausgew\u00e4hlten Seite und erstellen neue Designs.<\/p>\n\n\n\n
<\/span>Spaltenblockeinstellungen<\/span><\/h3>\n\n\n\nNachdem Sie einen Spaltenblock auf der Seite eingef\u00fcgt haben, w\u00e4hlen Sie aus, wie viele Spalten Sie m\u00f6chten. Es kann eine beliebige Anzahl von 2 bis 6 Spalten sein. Dann k\u00f6nnen Sie mit der Eingabe Ihres Textes oder dem Hinzuf\u00fcgen von Bl\u00f6cken in jede Spalte beginnen.<\/p>\n\n\n\n
Die Ausrichtung des Inhalts Ihres Spaltenblocks kann sowohl f\u00fcr den gesamten Block als auch f\u00fcr einzelne Spalten separat eingestellt werden. Sie k\u00f6nnen sogar den Anteil der Spaltenbreite w\u00e4hlen. Auf diese Weise kann eine Spalte breiter sein als eine andere.<\/p>\n\n\n\n
<\/span>Abdeckblock<\/span><\/h2>\n\n\n\nLassen Sie uns \u00fcber den Header Ihrer Website sprechen. Es handelt sich um einen Abschnitt, der den ersten Eindruck definiert, wenn jemand auf Ihre Homepage gelangt. Irgendwie wichtig, nicht wahr? Und wussten Sie, dass der Cover-Block als Kopfzeile auf jeder Ihrer Seiten verwendet werden kann?<\/p>\n\n\n
\n![\"Cover](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/BE-Cover.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nCover sind die Kernbausteine von WordPress, mit denen Sie Ihre Webbesucher beeindrucken k\u00f6nnen. Vor allem, wenn es richtig eingesetzt wird, oder besser gesagt, wenn es sauber in Ihr Webdesign integriert ist.<\/p>\n\n\n\n
<\/span>Wo kann der Abdeckblock verwendet werden?<\/span><\/h3>\n\n\n\nWie oben erw\u00e4hnt, kann der Cover-Block auf jeder Ihrer Seiten verwendet werden. Dar\u00fcber hinaus kann es an einer beliebigen Stelle auf der Seite eingef\u00fcgt werden, im Gegensatz zum Header Ihrer Website, der oben auf Ihrer Website fixiert ist.<\/p>\n\n\n\n
Abdeckblock kann verwendet werden als:<\/p>\n\n\n\n
\n- Kopfzeile einer beliebigen Seite, einschlie\u00dflich Homepage.<\/li>\n\n\n\n
- Bild oder Video werden durch den auf der Produktseite verwendeten Text \u00fcberschrieben.<\/li>\n\n\n\n
- Inhaltstrennzeichen im Blogbeitrag.<\/li>\n<\/ul>\n\n\n\n
<\/span>Cover-Block-Einstellungen<\/span><\/h3>\n\n\n\nDas Einrichten Ihres Abdeckblocks ist sehr einfach. W\u00e4hlen Sie zun\u00e4chst ein Bild oder ein Video als Hintergrund. Sie k\u00f6nnen stattdessen auch eine einzelne Farbe verwenden. Wenn Sie Ihren Hintergrund festgelegt haben, f\u00fcgen Sie einen Titel und einen Untertitel hinzu. <\/strong><\/p>\n\n\n\nSie k\u00f6nnen die Ausrichtung des Blocks und nat\u00fcrlich auch die Ausrichtung des Textes darin w\u00e4hlen.<\/p>\n\n\n\n
Die Ausrichtung des Abdeckblocks bietet folgende Optionen:<\/p>\n\n\n\n
\n- Linksb\u00fcndig<\/li>\n\n\n\n
- Im Zentrum anordnen<\/li>\n\n\n\n
- Rechts ausrichten<\/li>\n\n\n\n
- Gro\u00dfe Breite<\/li>\n\n\n\n
- Gesamtbreite<\/li>\n<\/ul>\n\n\n\n
Mein pers\u00f6nlicher Favorit ist die Farb\u00fcberlagerung, die im Inspektor verf\u00fcgbar ist \u2013 das Hintergrundbild des Cover-Blocks kann in jeder gew\u00fcnschten Farbe get\u00f6nt werden. Zusammen mit der benutzerdefinierten Schriftgr\u00f6\u00dfe und -farbe k\u00f6nnen Sie sch\u00f6ne Kontraste erzeugen und das endg\u00fcltige Aussehen Ihres Abdeckblocks wird verbl\u00fcffend sein.<\/p>\n\n\n\n
Ab WordPress 5.4 k\u00f6nnen Sie den Verlaufshintergrund anstelle eines einfarbigen Hintergrunds w\u00e4hlen.<\/strong><\/p>\n\n\n\n![\"Cover-Block-Hintergrund](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/03\/Cover-block-gradient-background-WordPress-5.4--1024x337.png\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Galerieblock<\/span><\/h2>\n\n\n\nPr\u00e4sentieren Sie Bilder auf Ihrer Website mit dem Galerie-Block. Dieser Standard-WordPress-Block wurde entwickelt, um Ihre Bilder zu speichern und sie auf jeder Seite Ihrer Website sch\u00f6n anzuzeigen. \u00c4hnlich wie andere WordPress-Bl\u00f6cke kann der Galerie-Block an einer beliebigen Stelle auf der Website oder im Blog-Beitrag positioniert werden.<\/p>\n\n\n
\n![\"Galerie-WordPress-Block\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/07\/BE-Gallery.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nDas Hochladen Ihrer Bilder kann durch Auswahl von Dateien aus der Medienbibliothek, von Ihrem Computer oder mithilfe der Drag&Drop-Funktion erfolgen.<\/p>\n\n\n\n
<\/span>Wo kann der Galerieblock verwendet werden?<\/span><\/h3>\n\n\n\nAbh\u00e4ngig von der Art Ihrer Website m\u00f6chten Sie m\u00f6glicherweise eine komplexe Fotogalerie oder eine einfache Bildpr\u00e4sentation erstellen. Sie k\u00f6nnen den Galerie-Block verwenden f\u00fcr:<\/p>\n\n\n\n
\n- Ihre Homepage<\/li>\n\n\n\n
- Einzelne Unterseiten, die als Alben Ihrer Fotogalerie erstellt wurden<\/li>\n\n\n\n
- Produktseiten<\/li>\n\n\n\n
- Blogeintrag<\/li>\n<\/ul>\n\n\n\n
<\/span>Galerieblockeinstellungen<\/span><\/h3>\n\n\n\nAbgesehen von den verschiedenen Ausrichtungsoptionen des Galerieblocks selbst gibt es in diesem Block einige interessante Optionen, wie zum Beispiel:<\/p>\n\n\n\n
\n- Anzahl der Spalten, in denen die Bilder angeordnet sind.<\/li>\n\n\n\n
- Bildzuschnitt auf die gleiche Gr\u00f6\u00dfe (des kleinsten Bildes).<\/li>\n\n\n\n
- Hyperlink, um Ihnen die M\u00f6glichkeit zu geben, auf eine andere Seite oder Mediendatei zu verlinken.<\/li>\n<\/ul>\n\n\n\n
<\/span>Bildblock<\/span><\/h2>\n\n\n\nDer Bildblock ist nichts anderes als der Block zum Anzeigen eines Bildes auf Ihrer Website.<\/p>\n\n\n
\n![\"Bild-WordPress-Block\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Image.jpg\")
<\/a><\/figure>\n<\/div>\n\n\nDas ist richtig. Wenn Sie nur ein Bild zu einer Ihrer Seiten hinzuf\u00fcgen m\u00f6chten, sollten Sie den Bild-WordPress-Block verwenden. Es mag anderen vorgestellten Bl\u00f6cken \u00e4hneln, es gibt jedoch erhebliche Unterschiede, die es perfekt f\u00fcr Einzelbilder machen.<\/p>\n\n\n\n
<\/span>Wann sollte der Bildblock verwendet werden?<\/span><\/h3>\n\n\n\nDer Bildblock sollte insbesondere dann verwendet werden, wenn das auf dem Bild angezeigte Objekt f\u00fcr Ihren Webbesucher besonders wichtig ist und Sie Folgendes erreichen m\u00f6chten:<\/p>\n\n\n\n
\n- Erregen Sie die Aufmerksamkeit des Webbesuchers mit einem bestimmten Bild.<\/li>\n\n\n\n
- Bild mit Bildunterschrift anzeigen.<\/li>\n\n\n\n
- Zeigen Sie Infografiken an, die den Besuchern helfen, das besprochene Thema besser zu verstehen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Bildblockeinstellungen<\/span><\/h3>\n\n\n\nEiner der gr\u00f6\u00dften Vorteile des Image WordPress-Blocks sind die Optionen f\u00fcr die Bildgr\u00f6\u00dfe. Sie k\u00f6nnen die Gr\u00f6\u00dfe eines Bildes ganz einfach \u00e4ndern, indem Sie es an der Ecke ziehen, eine feste Gr\u00f6\u00dfe in Pixel w\u00e4hlen oder die Gr\u00f6\u00dfe in Prozent festlegen.<\/p>\n\n\n\n
Eine weitere wichtige Option sind Eingabefelder f\u00fcr Alternativtext, Bildunterschrift und Link. Ich empfehle dringend, diese Felder zu verwenden, da sie eine wichtige Rolle bei der On-Page-SEO spielen.<\/p>\n\n\n\n
<\/span>Medien- und Textblock<\/span><\/h2>\n\n\n\nKommen wir nun zu den erweiterten Seitenlayouts, die Sie mit dem Medien- und Textblock erstellen k\u00f6nnen. Mit diesem zentralen WordPress-Block k\u00f6nnen Sie Medien und Text auf \u00e4sthetische und kontextbezogene Weise nebeneinander kombinieren.<\/p>\n\n\n
\n![\"Medien-](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-MediaText.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n<\/span>Wo kann der Medien- und Textblock verwendet werden?<\/span><\/h3>\n\n\n\nObwohl der Medien- und Textblock am besten f\u00fcr die Verwendung in Blogbeitr\u00e4gen geeignet ist, k\u00f6nnen Sie ihn mit etwas Fantasie auch anderswo verwenden. Sie k\u00f6nnen beispielsweise eine sch\u00f6ne Produkt- oder Service\u00fcbersicht erstellen, indem Sie Bild und Text nebeneinander verwenden.<\/p>\n\n\n\n
Vergessen Sie nicht, dem Textabschnitt des Medien- und Textblocks einen Schaltfl\u00e4chenblock hinzuzuf\u00fcgen, wenn Sie ihn als Produkt-\/Dienstleistungs\u00fcbersicht verwenden. Auf diese Weise k\u00f6nnen Sie auf jeder Seite einen sch\u00f6nen CTA-Bereich gestalten.<\/p>\n\n\n\n
<\/span>Vorteile von Medien- und Textblock<\/span><\/h3>\n\n\n\n\n- Bild und Text zusammenbringen, die kontextuell zueinander passen.<\/li>\n\n\n\n
- Vermeiden Sie eine falsche Platzierung von Bildern innerhalb des Blogposts.<\/li>\n\n\n\n
- Hilft bei der Reaktionsf\u00e4higkeit der Website (verwenden Sie die Funktion \u201eAuf Mobilger\u00e4ten stapeln\u201c).<\/li>\n<\/ul>\n\n\n\n
<\/span>Medien- und Textblockeinstellungen<\/span><\/h3>\n\n\n\nWenn Sie sich die Einstellung des Medien- und Textblocks ansehen, werden Sie eine ganze Reihe von Ausrichtungsoptionen bemerken, von denen einige im Vergleich zu den meisten anderen Bl\u00f6cken einzigartig sind.<\/p>\n\n\n\n
Eine interessante und n\u00fctzliche Einstellung dieses Blocks ist die Hintergrundfarbe. Indem Sie den Bereich um zusammenpassendes Bild und Text einf\u00e4rben, k\u00f6nnen Sie deren Zusammenhang optisch hervorheben.<\/p>\n\n\n
Es gibt mehrere Bl\u00f6cke, mit denen Sie Textinhalte auf Ihrer Website einf\u00fcgen k\u00f6nnen. Sie k\u00f6nnen mehrere Bl\u00f6cke verwenden. Ab WordPress 5.4 gibt es eine neue Einstellung, Sie k\u00f6nnen die Textfarbe \u00e4ndern.<\/p>\n\n\n\n
- \n
- Absatz<\/li>\n\n\n\n
- \u00dcberschrift<\/li>\n\n\n\n
- Zitieren<\/li>\n\n\n\n
- Auff\u00fchren<\/li>\n\n\n\n
- Pullquote<\/li>\n\n\n\n
- Tisch<\/li>\n\n\n\n
- Vers<\/li>\n\n\n\n
- Vorformatiert<\/li>\n<\/ul>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n
Abgesehen davon verwenden Sie den klassischen Block, der f\u00fcr einen langen Absatz praktischer sein kann.<\/p>\n\n\n\n
<\/span>Tastenblock<\/span><\/h2>\n\n\n\n
Das Erstellen eines \u00fcberzeugenden CTA-Buttons in WordPress ist mit dem Button-Block ganz einfach geworden. Sie m\u00fcssen kein benutzerdefiniertes CSS eingeben oder HTML verstehen. Sie k\u00f6nnen \u2013 m\u00fcssen aber nicht \u2013 einen Hexadezimalcode Ihrer Lieblingsfarbe eingeben, damit die Schaltfl\u00e4che sch\u00f6n und auff\u00e4llig aussieht.<\/p>\n\n\n\n
<\/a><\/h4>\n\n\n\n<\/span>Wo kann der Button-Block verwendet werden?<\/span><\/h3>\n\n\n\n
Sobald der Webbesucher auf Ihre Website gelangt, m\u00f6chten Sie ihn zum Handeln ermutigen. Daf\u00fcr sind CTA-Buttons da.<\/p>\n\n\n\n
Im Allgemeinen gibt es drei Stellen, an denen Sie den WordPress-Button-Block verwenden sollten:<\/p>\n\n\n\n
- \n
- Startseite \u2013 um Aktionen durchzuf\u00fchren, die zum Erreichen Ihres Ziels f\u00fchren, z. B. sich f\u00fcr den Newsletter anmelden, Sonderangebote entdecken oder sich f\u00fcr eine kostenlose Testversion registrieren.<\/li>\n\n\n\n
- Produktseite \u2013 je nachdem, wie Ihre Produktseite gef\u00fchrt wird, kann es eine CTA-Schaltfl\u00e4che (KAUFEN) oder mehrere Schaltfl\u00e4chen geben, z. B. Produktdetails, Kaufen, Zur Wunschliste hinzuf\u00fcgen usw.<\/li>\n\n\n\n
- Blog \u2013 CTA-Buttons k\u00f6nnten auf einen anderen n\u00fctzlichen Artikel oder den Kauf Ihres Produkts\/Ihrer Dienstleistung verweisen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Tastenblockeinstellungen<\/span><\/h3>\n\n\n\n
Im Inspektor auf der rechten Seite k\u00f6nnen Sie die Einstellungen Ihrer Schaltfl\u00e4che einfach verwalten:<\/p>\n\n\n\n
- \n
- Stil<\/li>\n\n\n\n
- Hintergrundfarbe<\/li>\n\n\n\n
- Schriftfarbe<\/li>\n\n\n\n
- Grenze<\/li>\n<\/ul>\n\n\n\n
Der in Ihrer CTA-Schaltfl\u00e4che geschriebene Text sollte kurz und direkt sein und die Aktion anregen, die Ihre Webbesucher ausf\u00fchren sollen.<\/p>\n\n\n\n
Neuigkeiten zur n\u00e4chsten WordPress 5.4-Version (Ver\u00f6ffentlichung am 31. M\u00e4rz 2020)<\/strong><\/p>\n\n\n\n
Der Button-Block wird durch einen neuen Button ersetztS<\/strong> Block.
Sie k\u00f6nnen anhand des neuen Namens davon ausgehen, dass Sie in einem Blockcontainer mehrere Schaltfl\u00e4chen nacheinander erstellen k\u00f6nnen. Oft besteht die Notwendigkeit, zwei CTAs gleichzeitig zu erstellen, zum Beispiel: \u201eJetzt kaufen\u201c und \u201eMehr lesen\u201c. Au\u00dferdem kommen einige neue Stil- und Farbeinstellungen. W\u00e4hlen Sie den F\u00fcll- oder Umrissstil und dann die Farbe des Hintergrunds. Sie k\u00f6nnen zwischen einfarbigem Hintergrund und Verlaufshintergrund w\u00e4hlen. F\u00fcr eine m\u00fchelosere Feinabstimmung stehen einige Voreinstellungen als Ausgangspunkt zur Verf\u00fcgung. Die gute Nachricht ist, dass alle vorhandenen Schaltfl\u00e4chenbl\u00f6cke funktionieren und nicht migriert werden m\u00fcssen.<\/p>\n\n\n\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Spaltenblock<\/span><\/h2>\n\n\n\n
Der Columns-Block ist ein erstaunlicher WordPress-Block, der T\u00fcren zu neuen Layouts \u00f6ffnet. Es bietet Ihnen mehr Optionen f\u00fcr die Anordnung von Seitenelementen, was zu mehr Designalternativen f\u00fchrt.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nDie Arbeit mit dem Spaltenblock ist einfach:<\/p>\n\n\n\n
- \n
- Keine zus\u00e4tzliche Plugin-Installation.<\/li>\n\n\n\n
- Keine Codierung erforderlich.<\/li>\n\n\n\n
- Alles, was Sie brauchen, ist ein wenig Gesp\u00fcr f\u00fcr ordentliches Design.<\/li>\n<\/ul>\n\n\n\n
Im Vergleich zu den vorherigen Problemen, die Sie vor der Ver\u00f6ffentlichung des WordPress-Blockeditors durchmachen mussten, ist die Verwendung des Columns-WordPress-Blocks supereinfach.<\/p>\n\n\n\n
<\/span>Wie verwende ich den Spaltenblock?<\/span><\/h3>\n\n\n\n
Wie oben angegeben, gibt es zwei M\u00f6glichkeiten, den Columns-Block zu verwenden:<\/p>\n\n\n\n
- \n
- Um den Fluss Ihrer Texte zu organisieren (in einem Blogbeitrag oder auf der regul\u00e4ren Seite).<\/li>\n\n\n\n
- Um andere Bl\u00f6cke in Spalten anzuordnen.<\/li>\n<\/ul>\n\n\n\n
Wenn Sie Text in Spalten organisieren, z. B. in einem Blog-Beitrag, erh\u00f6hen Sie die Lesbarkeit und machen Ihre Website transparenter und benutzerfreundlicher.<\/p>\n\n\n\n
Wenn Sie jedoch den Spaltenblock verwenden, um andere Bl\u00f6cke wie Bilder, Texte und Schaltfl\u00e4chen zu verschachteln, \u00e4ndern Sie das gesamte Layout der ausgew\u00e4hlten Seite und erstellen neue Designs.<\/p>\n\n\n\n
<\/span>Spaltenblockeinstellungen<\/span><\/h3>\n\n\n\n
Nachdem Sie einen Spaltenblock auf der Seite eingef\u00fcgt haben, w\u00e4hlen Sie aus, wie viele Spalten Sie m\u00f6chten. Es kann eine beliebige Anzahl von 2 bis 6 Spalten sein. Dann k\u00f6nnen Sie mit der Eingabe Ihres Textes oder dem Hinzuf\u00fcgen von Bl\u00f6cken in jede Spalte beginnen.<\/p>\n\n\n\n
Die Ausrichtung des Inhalts Ihres Spaltenblocks kann sowohl f\u00fcr den gesamten Block als auch f\u00fcr einzelne Spalten separat eingestellt werden. Sie k\u00f6nnen sogar den Anteil der Spaltenbreite w\u00e4hlen. Auf diese Weise kann eine Spalte breiter sein als eine andere.<\/p>\n\n\n\n
<\/span>Abdeckblock<\/span><\/h2>\n\n\n\n
Lassen Sie uns \u00fcber den Header Ihrer Website sprechen. Es handelt sich um einen Abschnitt, der den ersten Eindruck definiert, wenn jemand auf Ihre Homepage gelangt. Irgendwie wichtig, nicht wahr? Und wussten Sie, dass der Cover-Block als Kopfzeile auf jeder Ihrer Seiten verwendet werden kann?<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nCover sind die Kernbausteine von WordPress, mit denen Sie Ihre Webbesucher beeindrucken k\u00f6nnen. Vor allem, wenn es richtig eingesetzt wird, oder besser gesagt, wenn es sauber in Ihr Webdesign integriert ist.<\/p>\n\n\n\n
<\/span>Wo kann der Abdeckblock verwendet werden?<\/span><\/h3>\n\n\n\n
Wie oben erw\u00e4hnt, kann der Cover-Block auf jeder Ihrer Seiten verwendet werden. Dar\u00fcber hinaus kann es an einer beliebigen Stelle auf der Seite eingef\u00fcgt werden, im Gegensatz zum Header Ihrer Website, der oben auf Ihrer Website fixiert ist.<\/p>\n\n\n\n
Abdeckblock kann verwendet werden als:<\/p>\n\n\n\n
- \n
- Kopfzeile einer beliebigen Seite, einschlie\u00dflich Homepage.<\/li>\n\n\n\n
- Bild oder Video werden durch den auf der Produktseite verwendeten Text \u00fcberschrieben.<\/li>\n\n\n\n
- Inhaltstrennzeichen im Blogbeitrag.<\/li>\n<\/ul>\n\n\n\n
<\/span>Cover-Block-Einstellungen<\/span><\/h3>\n\n\n\n
Das Einrichten Ihres Abdeckblocks ist sehr einfach. W\u00e4hlen Sie zun\u00e4chst ein Bild oder ein Video als Hintergrund. Sie k\u00f6nnen stattdessen auch eine einzelne Farbe verwenden. Wenn Sie Ihren Hintergrund festgelegt haben, f\u00fcgen Sie einen Titel und einen Untertitel hinzu. <\/strong><\/p>\n\n\n\n
Sie k\u00f6nnen die Ausrichtung des Blocks und nat\u00fcrlich auch die Ausrichtung des Textes darin w\u00e4hlen.<\/p>\n\n\n\n
Die Ausrichtung des Abdeckblocks bietet folgende Optionen:<\/p>\n\n\n\n
- \n
- Linksb\u00fcndig<\/li>\n\n\n\n
- Im Zentrum anordnen<\/li>\n\n\n\n
- Rechts ausrichten<\/li>\n\n\n\n
- Gro\u00dfe Breite<\/li>\n\n\n\n
- Gesamtbreite<\/li>\n<\/ul>\n\n\n\n
Mein pers\u00f6nlicher Favorit ist die Farb\u00fcberlagerung, die im Inspektor verf\u00fcgbar ist \u2013 das Hintergrundbild des Cover-Blocks kann in jeder gew\u00fcnschten Farbe get\u00f6nt werden. Zusammen mit der benutzerdefinierten Schriftgr\u00f6\u00dfe und -farbe k\u00f6nnen Sie sch\u00f6ne Kontraste erzeugen und das endg\u00fcltige Aussehen Ihres Abdeckblocks wird verbl\u00fcffend sein.<\/p>\n\n\n\n
Ab WordPress 5.4 k\u00f6nnen Sie den Verlaufshintergrund anstelle eines einfarbigen Hintergrunds w\u00e4hlen.<\/strong><\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Galerieblock<\/span><\/h2>\n\n\n\n
Pr\u00e4sentieren Sie Bilder auf Ihrer Website mit dem Galerie-Block. Dieser Standard-WordPress-Block wurde entwickelt, um Ihre Bilder zu speichern und sie auf jeder Seite Ihrer Website sch\u00f6n anzuzeigen. \u00c4hnlich wie andere WordPress-Bl\u00f6cke kann der Galerie-Block an einer beliebigen Stelle auf der Website oder im Blog-Beitrag positioniert werden.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nDas Hochladen Ihrer Bilder kann durch Auswahl von Dateien aus der Medienbibliothek, von Ihrem Computer oder mithilfe der Drag&Drop-Funktion erfolgen.<\/p>\n\n\n\n
<\/span>Wo kann der Galerieblock verwendet werden?<\/span><\/h3>\n\n\n\n
Abh\u00e4ngig von der Art Ihrer Website m\u00f6chten Sie m\u00f6glicherweise eine komplexe Fotogalerie oder eine einfache Bildpr\u00e4sentation erstellen. Sie k\u00f6nnen den Galerie-Block verwenden f\u00fcr:<\/p>\n\n\n\n
- \n
- Ihre Homepage<\/li>\n\n\n\n
- Einzelne Unterseiten, die als Alben Ihrer Fotogalerie erstellt wurden<\/li>\n\n\n\n
- Produktseiten<\/li>\n\n\n\n
- Blogeintrag<\/li>\n<\/ul>\n\n\n\n
<\/span>Galerieblockeinstellungen<\/span><\/h3>\n\n\n\n
Abgesehen von den verschiedenen Ausrichtungsoptionen des Galerieblocks selbst gibt es in diesem Block einige interessante Optionen, wie zum Beispiel:<\/p>\n\n\n\n
- \n
- Anzahl der Spalten, in denen die Bilder angeordnet sind.<\/li>\n\n\n\n
- Bildzuschnitt auf die gleiche Gr\u00f6\u00dfe (des kleinsten Bildes).<\/li>\n\n\n\n
- Hyperlink, um Ihnen die M\u00f6glichkeit zu geben, auf eine andere Seite oder Mediendatei zu verlinken.<\/li>\n<\/ul>\n\n\n\n
<\/span>Bildblock<\/span><\/h2>\n\n\n\n
Der Bildblock ist nichts anderes als der Block zum Anzeigen eines Bildes auf Ihrer Website.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nDas ist richtig. Wenn Sie nur ein Bild zu einer Ihrer Seiten hinzuf\u00fcgen m\u00f6chten, sollten Sie den Bild-WordPress-Block verwenden. Es mag anderen vorgestellten Bl\u00f6cken \u00e4hneln, es gibt jedoch erhebliche Unterschiede, die es perfekt f\u00fcr Einzelbilder machen.<\/p>\n\n\n\n
<\/span>Wann sollte der Bildblock verwendet werden?<\/span><\/h3>\n\n\n\n
Der Bildblock sollte insbesondere dann verwendet werden, wenn das auf dem Bild angezeigte Objekt f\u00fcr Ihren Webbesucher besonders wichtig ist und Sie Folgendes erreichen m\u00f6chten:<\/p>\n\n\n\n
- \n
- Erregen Sie die Aufmerksamkeit des Webbesuchers mit einem bestimmten Bild.<\/li>\n\n\n\n
- Bild mit Bildunterschrift anzeigen.<\/li>\n\n\n\n
- Zeigen Sie Infografiken an, die den Besuchern helfen, das besprochene Thema besser zu verstehen.<\/li>\n<\/ul>\n\n\n\n
<\/span>Bildblockeinstellungen<\/span><\/h3>\n\n\n\n
Einer der gr\u00f6\u00dften Vorteile des Image WordPress-Blocks sind die Optionen f\u00fcr die Bildgr\u00f6\u00dfe. Sie k\u00f6nnen die Gr\u00f6\u00dfe eines Bildes ganz einfach \u00e4ndern, indem Sie es an der Ecke ziehen, eine feste Gr\u00f6\u00dfe in Pixel w\u00e4hlen oder die Gr\u00f6\u00dfe in Prozent festlegen.<\/p>\n\n\n\n
Eine weitere wichtige Option sind Eingabefelder f\u00fcr Alternativtext, Bildunterschrift und Link. Ich empfehle dringend, diese Felder zu verwenden, da sie eine wichtige Rolle bei der On-Page-SEO spielen.<\/p>\n\n\n\n
<\/span>Medien- und Textblock<\/span><\/h2>\n\n\n\n
Kommen wir nun zu den erweiterten Seitenlayouts, die Sie mit dem Medien- und Textblock erstellen k\u00f6nnen. Mit diesem zentralen WordPress-Block k\u00f6nnen Sie Medien und Text auf \u00e4sthetische und kontextbezogene Weise nebeneinander kombinieren.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n<\/span>Wo kann der Medien- und Textblock verwendet werden?<\/span><\/h3>\n\n\n\n
Obwohl der Medien- und Textblock am besten f\u00fcr die Verwendung in Blogbeitr\u00e4gen geeignet ist, k\u00f6nnen Sie ihn mit etwas Fantasie auch anderswo verwenden. Sie k\u00f6nnen beispielsweise eine sch\u00f6ne Produkt- oder Service\u00fcbersicht erstellen, indem Sie Bild und Text nebeneinander verwenden.<\/p>\n\n\n\n
Vergessen Sie nicht, dem Textabschnitt des Medien- und Textblocks einen Schaltfl\u00e4chenblock hinzuzuf\u00fcgen, wenn Sie ihn als Produkt-\/Dienstleistungs\u00fcbersicht verwenden. Auf diese Weise k\u00f6nnen Sie auf jeder Seite einen sch\u00f6nen CTA-Bereich gestalten.<\/p>\n\n\n\n
<\/span>Vorteile von Medien- und Textblock<\/span><\/h3>\n\n\n\n
- \n
- Bild und Text zusammenbringen, die kontextuell zueinander passen.<\/li>\n\n\n\n
- Vermeiden Sie eine falsche Platzierung von Bildern innerhalb des Blogposts.<\/li>\n\n\n\n
- Hilft bei der Reaktionsf\u00e4higkeit der Website (verwenden Sie die Funktion \u201eAuf Mobilger\u00e4ten stapeln\u201c).<\/li>\n<\/ul>\n\n\n\n
<\/span>Medien- und Textblockeinstellungen<\/span><\/h3>\n\n\n\n
Wenn Sie sich die Einstellung des Medien- und Textblocks ansehen, werden Sie eine ganze Reihe von Ausrichtungsoptionen bemerken, von denen einige im Vergleich zu den meisten anderen Bl\u00f6cken einzigartig sind.<\/p>\n\n\n\n
Eine interessante und n\u00fctzliche Einstellung dieses Blocks ist die Hintergrundfarbe. Indem Sie den Bereich um zusammenpassendes Bild und Text einf\u00e4rben, k\u00f6nnen Sie deren Zusammenhang optisch hervorheben.<\/p>\n\n\n
![\"\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/Snimka-obrazovky-2020-03-24-o-17.57.10-1024x514.png\")
<\/a><\/figure>\n<\/div>\n\n\n![\"Tabellen-WordPress-Block\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/BE-Table.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n