<\/span><\/a>Hauptzweck des Serviceblocks \u2013 Dienstleistungen auf attraktive Weise pr\u00e4sentieren<\/span><\/h3>\n\n\n\nDer Hauptgrund, warum Sie Service Block verwenden sollten, besteht darin, dass es Ihnen hilft, Informationen auf attraktive Weise darzustellen. Es kann bestimmte Gruppen klar von anderen Texten abgrenzen und hervorheben, um die Aufmerksamkeit aller zu erregen. Servicebl\u00f6cke sehen im Layout gut aus, weil:<\/p>\n\n\n\n
\n- Inhalte strukturieren<\/li>\n\n\n\n
- Aktualisieren Sie es mit Symbolen<\/li>\n\n\n\n
- Separate Dienste mit Grafiken und Abst\u00e4nden<\/li>\n<\/ul>\n\n\n\n
Dank der oben genannten Funktionen kann der Serviceblock schnell die Aufmerksamkeit der Besucher erregen.<\/p>\n\n\n\n![\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/services-example.png\")
Inhalte sehen viel besser aus, wenn Servicebl\u00f6cke zur Pr\u00e4sentation von Unternehmensdienstleistungen oder Produkten vorhanden sind<\/figcaption><\/figure>\n\n\n\n<\/span>Bessere Navigation auf der Website<\/span><\/h4>\n\n\n\nDa der Dienst hervorgehoben ist, wird das visuelle Durchsuchen der Website erheblich erleichtert. Selbst wenn der Kunde nur durch Ihre Website scrollt, wird er die von Ihnen angebotenen Dienstleistungen nicht verpassen.<\/p>\n\n\n\n
Wenn Sie Ihrem Dienst eine URL hinzuf\u00fcgen, kann diese als Navigationsfeld mit CTA verwendet werden. Dadurch werden Kunden dazu gebracht, auf das K\u00e4stchen zu klicken, um mehr zu erfahren oder eine Dienstleistung zu bestellen.<\/p>\n\n\n\n
<\/span>Serviceblock, der zur Pr\u00e4sentation von Funktionen verwendet wird<\/span><\/h4>\n\n\n\nDer Serviceblock kann auch verwendet werden, um Merkmale des von Ihnen angebotenen Produkts oder der von Ihnen angebotenen Dienstleistung hervorzuheben. Das bedeutet, dass jeder einzelne Serviceblock eine bestimmte Funktion aufweist. Diese grafische Darstellung kann die wichtigsten Eigenschaften eines bestimmten Produkts hervorheben. Bedenken Sie, dass Besucher nicht viel Text lesen m\u00f6chten.<\/p>\n\n\n\n![\"Serviceblock,](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-example-features.jpg\")
Verwenden Sie den Serviceblock als Feature-Box, um Produktfunktionen hervorzuheben<\/figcaption><\/figure>\n\n\n\n<\/span>Wo kann der Serviceblock verwendet werden?<\/span><\/h4>\n\n\n\nDer Serviceblock kann innerhalb von Beitr\u00e4gen und Seiten verwendet werden \u2013 und zwar \u00fcberall dort, wo Sie ihn ben\u00f6tigen. Es ist sinnvoll, es auf der Homepage zu verwenden, da dies normalerweise der erste Kontakt mit Website-Besuchern ist. Da der Serviceblock die Aufmerksamkeit der Besucher leicht fesseln kann, empfehlen wir die Verwendung von Diensten auf den am h\u00e4ufigsten besuchten Seiten.<\/p>\n\n\n\n
Servicebl\u00f6cke k\u00f6nnen auf einer speziellen Serviceseite verwendet werden, die \u00e4hnlich wie die Homepage eine hohe Besucherzahl hat. Sie k\u00f6nnen alle von Ihnen angebotenen Dienstleistungen an einem Ort pr\u00e4sentieren.<\/p>\n\n\n\n
Wir werden sp\u00e4ter dar\u00fcber sprechen, wie man eine Seite \u201eDienste\u201c erstellt.<\/p>\n\n\n\n
<\/span><\/a>Kompatibilit\u00e4t mit WordPress-Themes<\/span><\/h4>\n\n\n\nDer Hauptvorteil von Service Block besteht darin, dass es f\u00fcr alle WordPress-Themes verf\u00fcgbar ist, die den WordPress-Blockeditor (Gutenberg) unterst\u00fctzen. Das bedeutet, dass Sie es f\u00fcr unser Theme oder jedes Drittanbieter-Theme wie Avada oder Divi verwenden k\u00f6nnen. Sie m\u00fcssen lediglich das Citadela Pro-Plugin installieren.<\/p>\n\n\n\n
<\/span><\/a>So f\u00fcgen Sie einen Serviceblock zu Ihrer Website hinzu<\/span><\/h3>\n\n\n\nWie bereits erw\u00e4hnt, ben\u00f6tigen Sie zum Hinzuf\u00fcgen eines Service-Blocks zum Editor das Citadela Blocks-Plugin. Nach der Plugin-Aktivierung wird der Block automatisch zum WordPress-Editor hinzugef\u00fcgt.<\/p>\n\n\n\n
Der Dienstblock kann durch Klicken auf das \u201e+\u201c-Symbol in der oberen Leiste oder an einer beliebigen Stelle im Editor hinzugef\u00fcgt werden. Suchen Sie danach einfach nach einem bestimmten Block mit dem Begriff \u201eService\u201c.<\/p>\n\n\n\n![\"F\u00fcgen](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-add.png\")
Service-Box hinzuf\u00fcgen, indem Sie auf \u201e+\u201c klicken<\/figcaption><\/figure>\n\n\n\nDie zweite M\u00f6glichkeit zum Hinzuf\u00fcgen eines Service-Blocks besteht darin, \u201e\/\u201c zu verwenden und das Wort \u201eService\u201c zu schreiben.<\/p>\n\n\n\n![\"Serviceblock](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-shortcut-shortcut.gif\")
F\u00fcgen Sie den Serviceblock mit dem Schr\u00e4gstrich \u201e\/\u201c ein.<\/figcaption><\/figure>\n\n\n\nErledigt. So sieht der Serviceblock mit seinen verf\u00fcgbaren Optionen aus.<\/p>\n\n\n\n![\"Serviceblock](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-service-in-editor.jpg\")
So sieht der Serviceblock aus<\/figcaption><\/figure>\n\n\n\n<\/span>Serviceblockeinstellungen<\/span><\/h4>\n\n\n\nAls Erstes k\u00f6nnen Sie ein Service-Layout w\u00e4hlen, das besser zu Ihrem Website-Design passt. Standardm\u00e4\u00dfig gibt es ein Box-Layout, bei dem Symbol, Titel und Beschreibung zentriert werden. Sie k\u00f6nnen es in der oberen Symbolleiste in das Listenlayout \u00e4ndern. Das Symbol wird neben den Titel verschoben und alles wird linksb\u00fcndig ausgerichtet.<\/p>\n\n\n\n![\"\u00c4ndern](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-layout.gif\")
Konfigurieren Sie das Layout f\u00fcr Ihren Serviceblock mit einem einfachen Klick<\/figcaption><\/figure>\n\n\n\nIm Service-Block gibt es einen Platzhalter, der auch als Hinweis dient. Sie wissen genau, was Sie in das jeweilige Feld schreiben m\u00fcssen. Titel bedeutet normalerweise den Namen der Dienstleistung oder des Features. Der Text darunter beschreibt in der Regel den Service n\u00e4her oder erkl\u00e4rt, warum der Kunde ihn bestellen sollte.<\/p>\n\n\n\n
Der Text kann wie gewohnt formatiert werden, Sie k\u00f6nnen ihn fett oder kursiv setzen oder einen Link hinzuf\u00fcgen.<\/p>\n\n\n\n
<\/span><\/a>Blockieren Sie die Anpassung mit Inspector<\/span><\/h4>\n\n\n\nMit den erweiterten Einstellungen im Inspector k\u00f6nnen Sie den Serviceblock an Ihre Bed\u00fcrfnisse anpassen. Du kannst \u00e4ndern:<\/p>\n\n\n\n
1. Blockfarben<\/b><\/p>\n\n\n\n\n- Hintergrundfarbe<\/li>\n\n\n\n
- Titelfarbe<\/li>\n\n\n\n
- Textfarbe<\/li>\n<\/ul>\n\n\n\n
![\"Farb\u00e4nderung](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-icon-color.jpg\")
Passen Sie Ihren Block an, indem Sie seine Farbe \u00e4ndern<\/figcaption><\/figure>\n\n\n\n2. Symbol oder Bild im Serviceblock<\/b><\/p>\n\n\n\n
Der Dienstblock zeigt standardm\u00e4\u00dfig Symbole an. Mithilfe der Suchleiste k\u00f6nnen Sie in der Auswahl ein anderes Symbol ausw\u00e4hlen. Sie k\u00f6nnen auch die Symbolfarbe \u00e4ndern. Anstelle des Symbols k\u00f6nnen Sie auch ein beliebiges Bild verwenden. Es kann so eingestellt werden, dass es der Symbolgr\u00f6\u00dfe oder der Breite des Servicefelds entspricht.<\/p>\n\n\n\n![\"Symbol-](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-image-or-icon.jpg\")
W\u00e4hlen Sie, was Sie im Block anzeigen m\u00f6chten \u2013 ein Symbol oder ein Bild?<\/figcaption><\/figure>\n\n\n\nWenn Sie kein Symbol oder Bild in der Servicebox anzeigen m\u00f6chten, k\u00f6nnen Sie diese Funktion vollst\u00e4ndig deaktivieren (Symbol oder Bild anzeigen \u2013> Keine).<\/p>\n\n\n\n
3. Link<\/b><\/p>\n\n\n\n
Um Besucher zu einer anderen Seite zu leiten, k\u00f6nnen Sie einen Link in die Servicebox einf\u00fcgen. Ein richtig gew\u00e4hlter CTA erh\u00f6ht die Anzahl der Klicks und die Conversion-Rate. Sie k\u00f6nnen einfach \u201eWeiterlesen\u201c schreiben und die URL eingeben. Sie k\u00f6nnen diesen Link auch in einem neuen Browser-Tab \u00f6ffnen.<\/p>\n\n\n\n![\"F\u00fcgen](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-read-more-link.jpg\")
Geben Sie eine URL ein, um eine Call-to-Action-Nachricht zu erstellen<\/figcaption><\/figure>\n\n\n\n4. Benutzerdefinierte CSS-Klasse<\/b><\/p>\n\n\n\n
F\u00fcr fortgeschrittene WordPress-Benutzer besteht wie in anderen Bl\u00f6cken die M\u00f6glichkeit, eigenen CSS-Code hinzuzuf\u00fcgen. Es erm\u00f6glicht Ihnen, gr\u00f6\u00dfere \u00c4nderungen am Design des Serviceblocks vorzunehmen.<\/p>\n\n\n\n
<\/span><\/a>So erstellen Sie eine Diensteseite mit mehreren Diensten<\/span><\/h3>\n\n\n\nWie wir am Anfang dieses Artikels erw\u00e4hnt haben, kann die Seite \u201eDienste\u201c verwendet werden, um alle Dienste an einem Ort darzustellen. Erstellen Sie eine neue Seite und f\u00fcgen Sie mehrere Service-Bl\u00f6cke nebeneinander oder nacheinander ein. Bl\u00f6cke mit Diensten k\u00f6nnen je nach Bedarf \u00fcberall platziert werden. Es liegt einfach an Ihnen, wie Sie es nutzen.<\/p>\n\n\n\n
Wie f\u00fcge ich eine Service-Seite im WordPress-Blockeditor mithilfe des Service-Blocks hinzu?<\/p>\n\n\n\n
Dank der oben genannten Funktionen kann der Serviceblock schnell die Aufmerksamkeit der Besucher erregen.<\/p>\n\n\n\n Da der Dienst hervorgehoben ist, wird das visuelle Durchsuchen der Website erheblich erleichtert. Selbst wenn der Kunde nur durch Ihre Website scrollt, wird er die von Ihnen angebotenen Dienstleistungen nicht verpassen.<\/p>\n\n\n\n Wenn Sie Ihrem Dienst eine URL hinzuf\u00fcgen, kann diese als Navigationsfeld mit CTA verwendet werden. Dadurch werden Kunden dazu gebracht, auf das K\u00e4stchen zu klicken, um mehr zu erfahren oder eine Dienstleistung zu bestellen.<\/p>\n\n\n\n Der Serviceblock kann auch verwendet werden, um Merkmale des von Ihnen angebotenen Produkts oder der von Ihnen angebotenen Dienstleistung hervorzuheben. Das bedeutet, dass jeder einzelne Serviceblock eine bestimmte Funktion aufweist. Diese grafische Darstellung kann die wichtigsten Eigenschaften eines bestimmten Produkts hervorheben. Bedenken Sie, dass Besucher nicht viel Text lesen m\u00f6chten.<\/p>\n\n\n\n Der Serviceblock kann innerhalb von Beitr\u00e4gen und Seiten verwendet werden \u2013 und zwar \u00fcberall dort, wo Sie ihn ben\u00f6tigen. Es ist sinnvoll, es auf der Homepage zu verwenden, da dies normalerweise der erste Kontakt mit Website-Besuchern ist. Da der Serviceblock die Aufmerksamkeit der Besucher leicht fesseln kann, empfehlen wir die Verwendung von Diensten auf den am h\u00e4ufigsten besuchten Seiten.<\/p>\n\n\n\n Servicebl\u00f6cke k\u00f6nnen auf einer speziellen Serviceseite verwendet werden, die \u00e4hnlich wie die Homepage eine hohe Besucherzahl hat. Sie k\u00f6nnen alle von Ihnen angebotenen Dienstleistungen an einem Ort pr\u00e4sentieren.<\/p>\n\n\n\n Wir werden sp\u00e4ter dar\u00fcber sprechen, wie man eine Seite \u201eDienste\u201c erstellt.<\/p>\n\n\n\n Der Hauptvorteil von Service Block besteht darin, dass es f\u00fcr alle WordPress-Themes verf\u00fcgbar ist, die den WordPress-Blockeditor (Gutenberg) unterst\u00fctzen. Das bedeutet, dass Sie es f\u00fcr unser Theme oder jedes Drittanbieter-Theme wie Avada oder Divi verwenden k\u00f6nnen. Sie m\u00fcssen lediglich das Citadela Pro-Plugin installieren.<\/p>\n\n\n\n Wie bereits erw\u00e4hnt, ben\u00f6tigen Sie zum Hinzuf\u00fcgen eines Service-Blocks zum Editor das Citadela Blocks-Plugin. Nach der Plugin-Aktivierung wird der Block automatisch zum WordPress-Editor hinzugef\u00fcgt.<\/p>\n\n\n\n Der Dienstblock kann durch Klicken auf das \u201e+\u201c-Symbol in der oberen Leiste oder an einer beliebigen Stelle im Editor hinzugef\u00fcgt werden. Suchen Sie danach einfach nach einem bestimmten Block mit dem Begriff \u201eService\u201c.<\/p>\n\n\n\n Die zweite M\u00f6glichkeit zum Hinzuf\u00fcgen eines Service-Blocks besteht darin, \u201e\/\u201c zu verwenden und das Wort \u201eService\u201c zu schreiben.<\/p>\n\n\n\n Erledigt. So sieht der Serviceblock mit seinen verf\u00fcgbaren Optionen aus.<\/p>\n\n\n\n Als Erstes k\u00f6nnen Sie ein Service-Layout w\u00e4hlen, das besser zu Ihrem Website-Design passt. Standardm\u00e4\u00dfig gibt es ein Box-Layout, bei dem Symbol, Titel und Beschreibung zentriert werden. Sie k\u00f6nnen es in der oberen Symbolleiste in das Listenlayout \u00e4ndern. Das Symbol wird neben den Titel verschoben und alles wird linksb\u00fcndig ausgerichtet.<\/p>\n\n\n\n Im Service-Block gibt es einen Platzhalter, der auch als Hinweis dient. Sie wissen genau, was Sie in das jeweilige Feld schreiben m\u00fcssen. Titel bedeutet normalerweise den Namen der Dienstleistung oder des Features. Der Text darunter beschreibt in der Regel den Service n\u00e4her oder erkl\u00e4rt, warum der Kunde ihn bestellen sollte.<\/p>\n\n\n\n Der Text kann wie gewohnt formatiert werden, Sie k\u00f6nnen ihn fett oder kursiv setzen oder einen Link hinzuf\u00fcgen.<\/p>\n\n\n\n Mit den erweiterten Einstellungen im Inspector k\u00f6nnen Sie den Serviceblock an Ihre Bed\u00fcrfnisse anpassen. Du kannst \u00e4ndern:<\/p>\n\n\n\n 1. Blockfarben<\/b><\/p>\n\n\n\n 2. Symbol oder Bild im Serviceblock<\/b><\/p>\n\n\n\n Der Dienstblock zeigt standardm\u00e4\u00dfig Symbole an. Mithilfe der Suchleiste k\u00f6nnen Sie in der Auswahl ein anderes Symbol ausw\u00e4hlen. Sie k\u00f6nnen auch die Symbolfarbe \u00e4ndern. Anstelle des Symbols k\u00f6nnen Sie auch ein beliebiges Bild verwenden. Es kann so eingestellt werden, dass es der Symbolgr\u00f6\u00dfe oder der Breite des Servicefelds entspricht.<\/p>\n\n\n\n Wenn Sie kein Symbol oder Bild in der Servicebox anzeigen m\u00f6chten, k\u00f6nnen Sie diese Funktion vollst\u00e4ndig deaktivieren (Symbol oder Bild anzeigen \u2013> Keine).<\/p>\n\n\n\n 3. Link<\/b><\/p>\n\n\n\n Um Besucher zu einer anderen Seite zu leiten, k\u00f6nnen Sie einen Link in die Servicebox einf\u00fcgen. Ein richtig gew\u00e4hlter CTA erh\u00f6ht die Anzahl der Klicks und die Conversion-Rate. Sie k\u00f6nnen einfach \u201eWeiterlesen\u201c schreiben und die URL eingeben. Sie k\u00f6nnen diesen Link auch in einem neuen Browser-Tab \u00f6ffnen.<\/p>\n\n\n\n 4. Benutzerdefinierte CSS-Klasse<\/b><\/p>\n\n\n\n F\u00fcr fortgeschrittene WordPress-Benutzer besteht wie in anderen Bl\u00f6cken die M\u00f6glichkeit, eigenen CSS-Code hinzuzuf\u00fcgen. Es erm\u00f6glicht Ihnen, gr\u00f6\u00dfere \u00c4nderungen am Design des Serviceblocks vorzunehmen.<\/p>\n\n\n\n Wie wir am Anfang dieses Artikels erw\u00e4hnt haben, kann die Seite \u201eDienste\u201c verwendet werden, um alle Dienste an einem Ort darzustellen. Erstellen Sie eine neue Seite und f\u00fcgen Sie mehrere Service-Bl\u00f6cke nebeneinander oder nacheinander ein. Bl\u00f6cke mit Diensten k\u00f6nnen je nach Bedarf \u00fcberall platziert werden. Es liegt einfach an Ihnen, wie Sie es nutzen.<\/p>\n\n\n\n Wie f\u00fcge ich eine Service-Seite im WordPress-Blockeditor mithilfe des Service-Blocks hinzu?<\/p>\n\n\n\n<\/span>Bessere Navigation auf der Website<\/span><\/h4>\n\n\n\n
<\/span>Serviceblock, der zur Pr\u00e4sentation von Funktionen verwendet wird<\/span><\/h4>\n\n\n\n
<\/span>Wo kann der Serviceblock verwendet werden?<\/span><\/h4>\n\n\n\n
<\/span><\/a>Kompatibilit\u00e4t mit WordPress-Themes<\/span><\/h4>\n\n\n\n
<\/span><\/a>So f\u00fcgen Sie einen Serviceblock zu Ihrer Website hinzu<\/span><\/h3>\n\n\n\n
<\/span>Serviceblockeinstellungen<\/span><\/h4>\n\n\n\n
<\/span><\/a>Blockieren Sie die Anpassung mit Inspector<\/span><\/h4>\n\n\n\n
\n
<\/span><\/a>So erstellen Sie eine Diensteseite mit mehreren Diensten<\/span><\/h3>\n\n\n\n
![\"Service-Seite,](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-business-page.jpg\")