Viele Blogger nehmen an Partnerprogrammen<\/a> teil und binden dann Affiliate-Links in ihre Beitr\u00e4ge ein. So erhalten sie eine Provision, sobald ein Besucher auf den Link klickt und beim Partner etwas kauft. Du musst Deine Leser dar\u00fcber informieren. Du kannst die Links mit einem Sternchen versehen und dann einen entsprechenden Hinweis unterhalb des Textes platzieren:<\/p>\n\n\n\n Die mit Sternchen (*) gekennzeichneten Links\nsind sogenannte Affiliate-Links. Wenn du auf einen Affiliate-Link klickst und\n\u00fcber diesen Link einkaufst, bekomme ich von dem betreffenden H\u00e4ndler oder\nAnbieter eine Provision. Dich kostet das keinen Cent.<\/em><\/p>\n\n\n\n Statt den Text jedes Mal h\u00e4ndisch einzuf\u00fcgen, kannst Du den\nHinweis einfach als wiederverwendbaren Block einbinden:<\/p>\n\n\n\n 1. F\u00fcge \u00fcber das Plus-Icon den Block Absatz<\/em> hinzu. <\/p>\n\n\n\n 2. F\u00fcge den Sternchentext ein und formatiere den Text bei\nBedarf (zum Beispiel kursiv).<\/p>\n\n\n\n 3. Klicke im Block-Men\u00fc auf das Drei-Punkte-Symbol und w\u00e4hle\ndann die Option Zu wiederverwendbaren\nBl\u00f6cken hinzuf\u00fcgen<\/em>. Nun gibst Du dem neuen Block einen Namen wie\n\u201eAffiliate-Hinweis\u201c und speicherst das Ganze ab.<\/p>\n\n\n\n Dein Block \u201eAffiliate-Hinweis\u201c erscheint jetzt im Beitrag sowie\nin der Block-\u00dcbersicht unter der Kategorie Wiederverwendbar<\/em>.\nDu kannst den Block wie alle anderen jederzeit \u00fcber den Editor in Deine\nBeitr\u00e4ge und Seiten einf\u00fcgen. <\/p>\n\n\n\n Mit einer Call-to-Action animierst Du Deine Leser, auf einen Link\noder Button zu klicken. Ziele sind h\u00e4ufig die Kontaktaufnahme, das Angebot eines\nAffiliate-Partners oder ein Produkt aus dem eigenen Shop. Am einfachsten geht\ndas mit dem Block Button<\/em>: Text eingeben,\nLink einf\u00fcgen und \u00fcber die Block-Einstellungen<\/em>\nauf der rechten Seite Styles und Farben anpassen. Du kannst Deinen Button\nanschlie\u00dfend wie oben beschrieben als wiederverwendbaren Block speichern. <\/p>\n\n\n\n Viel flexibler bist Du mit dem Block HTML<\/em>. Damit kannst Du Deine Call-to-Action zus\u00e4tzlich mit Text\nversehen und optisch hervorheben: <\/p>\n\n\n\n 1. W\u00e4hle den Block HTML<\/em>.<\/p>\n\n\n\n 2. F\u00fcge nun den Button mit einer \u00dcberschrift und einer Liste per\nHTML ein. Umschlie\u00dfe den kompletten Block mit einer individuellen Klasse, um\nden Bereich per CSS gestalten zu k\u00f6nnen. In diesem Beispiel ist das die Klasse\n\u201ecta-area\u201c (verwende Deine URL und Deinen Linktext):<\/p>\n\n\n\n 3. Gib im Backend (Design<\/em>\n\u2192 Customizer<\/em> \u2192 Zus\u00e4tzliches CSS<\/em>) die gew\u00fcnschten CSS-Anweisungen ein. Mit dem\nfolgenden Beispiel-Code \u00e4nderst Du unter anderem die Hintergrundfarbe und\nzentrierst den Inhalt:<\/p>\n\n\n\n Im Frontend sieht das anschlie\u00dfend so aus:<\/p>\n\n\n\n 4. Klicke im Block-Men\u00fc auf das Drei-Punkte-Symbol und\nspeichere den Block unter einem beliebigen Namen als wiederverwendbaren Block.<\/p>\n\n\n\n Bloggst Du regelm\u00e4\u00dfig \u00fcber Literatur, Musik oder Rezepte? Dann wei\u00dft Du, dass bestimmte Datentypen immer wiederkehren. Bei Rezepten sind das zum Beispiel die Zutaten oder die Zubereitungszeit. Statt diese Informationen jedes Mal erneut in den Flie\u00dftext einzuf\u00fcgen, kannst Du benutzerdefinierte Felder anlegen<\/a>.<\/p>\n\n\n\n Mit Hilfe eines wiederverwendbaren Blocks ist das noch\neinfacher und hat den Vorteil, dass Du den PHP-Code daf\u00fcr nicht \u00e4ndern musst. Das\nVorgehen ist \u00e4hnlich wie oben:<\/p>\n\n\n\n 1. F\u00fcge einen neuen Block ein \u2013 dieses Mal als Tabelle<\/em>.<\/p>\n\n\n\n 2. W\u00e4hle zwei Spalten und so viele Zeilen wie Datentypen. In\nunserem Rezept-Beispiel ist das je eine Zeile f\u00fcr Zutaten, Zubereitungszeit und\nSchwierigkeitsgrad.<\/p>\n\n\n\n 3. Trage Deine Datentypen in die linke Spalte ein. Die rechte\nSpalte bleibt erstmal leer. <\/p>\n\n\n\n 4. Gib in den Block-Einstellungen<\/em>\nrechts unter Erweitert<\/em> eine\nzus\u00e4tzliche CSS-Klasse ein (zum Beispiel \u201emetadaten\u201c). Damit kannst Du den\nBereich im n\u00e4chsten Schritt individuell gestalten.<\/p>\n\n\n\n 5. Mit der CSS-Klasse kannst Du die Tabelle jetzt im\nCustomizer anpassen. Mit den folgenden Anweisungen \u00e4nderst Du die\nHintergrundfarbe und verwendest f\u00fcr den Text Kapit\u00e4lchen:<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/Block-Auswahl.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/Sternchentext.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/Affiliate-Hinweis_speichern.jpg\")
<\/figure>\n\n\n\nBlock f\u00fcr eine Call-to-Action<\/strong><\/h3>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/download-buttons.jpg\")
Rezepte f\u00fcr Katzen<\/h4>\n
\n
<\/a><\/div>\n<\/div><\/code><\/pre>\n\n\n\n.cta-area {\n\tbackground-color: #FFB800;\n\tpadding: 10px;\n\ttext-align: center;\n\tborder-radius: 5px;\n\t\n}\n\n.cta-area ul {\n\tlist-style-type: none;\n}<\/code><\/pre>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/beispiel_rezepte.jpg\")
<\/figure>\n\n\n\nBlock f\u00fcr wiederkehrende Datentypen<\/strong><\/h3>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/tabelle_erstellen.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/block-inspektor.jpg\")
<\/figure>\n\n\n\n.metadaten {\n\tbackground-color: #FFB800;\n\tfont-variant:small-caps; \n}<\/code><\/pre>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/beispiel-tabelle.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/02\/cta-button.jpg\")
<\/figure>\n\n\n\n