Das richtige Theme <\/strong><\/h2>\n\n\n\nEine passende Design-Vorlage (\u201eTheme\u201c) zu finden ist der erste Schritt zu einem professionellen Auftritt. Kostenlose Themes findest Du in der offiziellen WordPress Respository: https:\/\/de.wordpress.org\/themes\/<\/a>. Wichtige Kriterien bei der Auswahl sind der Zeitpunkt der letzten Aktualisierung, ein ansprechendes Layout und die Bewertungen anderer Nutzer.<\/p>\n\n\n\nDas Theme Chaplin<\/a> erf\u00fcllt diese Bedingungen. Die ersten Schritte sehen hier wie folgt aus:<\/p>\n\n\n\n1. Installiere und aktiviere das Theme \u00fcber Themes<\/strong> -> Neu hinzuf\u00fcgen<\/strong>.<\/p>\n\n\n\n2. Erstelle die Startseite \u00fcber Seiten<\/strong> -> Erstellen<\/strong>.\nLade dann im rechten Men\u00fc ein Beitragsbild<\/strong>\nhoch und w\u00e4hle \u00fcber Seiten-Attribute<\/strong>\ndie Option Volle Seitenbreite, mit\nCover-Bild<\/strong>.<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Seiten-Attribute.jpg\")
Seiten-Attribute im Theme Chaplin<\/em> <\/figcaption><\/figure><\/div>\n\n\n\n3. Gehe nun zum Customizer und lege diese Seite als\nStartseite fest: Design<\/strong> -> Customizer<\/strong> -> Startseiten-Einstellungen<\/strong>. <\/p>\n\n\n\n4. Im Customizer kannst Du auch das Farbschema<\/strong> \u00e4ndern. Das legt unter anderem den Farbfilter fest, den\ndas Theme standardm\u00e4\u00dfig \u00fcber die Bilder legt. Stelle unter Cover-Bild Template<\/strong> die Deckkraft\nder \u00dcberlagerung<\/strong> so ein, dass die Schrift noch gut lesbar ist. Beim Farbschema Macchiato<\/strong>\nund einer Deckkraft von 50 % sieht der Kopfbereich unserer Website so aus:<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Startseite-Theme-Chaplin-1024x719.jpg\")
Startseite beim Theme Chaplin <\/em> <\/figcaption><\/figure>\n\n\n\nAlternativ kannst Du nat\u00fcrlich auch eines der vorinstallierten Standard-Themes verwenden und an Deine Bed\u00fcrfnisse anpassen. Der Vorteil hierbei ist, dass diese von WordPress selbst programmiert und langfristig mit Updates versorgt werden. F\u00fcr eine kleine Unternehmenswebsite eignet sich zum Beispiel Twenty Seventeen. Wie Du dieses anpasst, haben wir in diesem Beitrag beschrieben<\/a>.<\/p>\n\n\n\nKontaktformular einbinden<\/strong><\/h2>\n\n\n\nDamit aus Deinen Besuchern Kunden werden, musst Du schnell\nerreichbar sein. Daher solltest Du ein Kontaktformular in Deine Website\neinf\u00fcgen:<\/p>\n\n\n\n
1. Installiere dazu das beliebte Plugin Contact Form 7<\/a> (Plugins<\/strong> -> Installieren<\/strong>). Nach der Aktivierung erscheint im Backend der Bereich Formulare<\/strong>. <\/p>\n\n\n\n2. Klicke hier auf Neu\nhinzuf\u00fcgen<\/strong>. Das angezeigte Standard-Formular kannst Du \u00fcbernehmen und\nspeichern. Die Nachrichten werden dann an die E-Mail-Adresse gesendet, die Du\nin Deinem WordPress-Profil hinterlegt hast. <\/p>\n\n\n\nNach dem Speichern siehst Du eine blau markierte Code-Zeile\nf\u00fcr das Formular:<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Kontaktformular.jpg\")
Kontaktformular mit dem dazugeh\u00f6rigen Code [contact-form-7 id=“50″ title=“Kontakt“].<\/em> <\/figcaption><\/figure>\n\n\n\n3. Kopiere den Code und gib ihn \u00fcberall dort ein, wo das\nKontaktformular angezeigt werden soll (Seiten<\/strong>\n-> Bearbeiten<\/strong> -> Block hinzuf\u00fcgen<\/strong>). <\/p>\n\n\n\nAuf der Website sieht das dann so aus:<\/p>\n\n\n\n![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Kontaktformular-Contact-Form-7.jpg\")
Kontaktformular mit Contact Form 7<\/em> <\/figcaption><\/figure>\n\n\n\nWichtig: Um Dich vor Spam zu sch\u00fctzen, solltest Du zus\u00e4tzlich die recaptcha-Funktion aktivieren. Wie das funktioniert, erf\u00e4hrst Du hier<\/a>.<\/p>\n\n\n\nOnline-Karte integrieren<\/strong><\/h2>\n\n\n\nEine interaktive Karte ist besonders f\u00fcr Handwerker und Betriebe mit Laufkundschaft praktisch. Mit dem Plugin OSM \u2013 OpenStreetMap<\/a> ist das schnell erledigt:<\/p>\n\n\n\n
Das Theme Chaplin<\/a> erf\u00fcllt diese Bedingungen. Die ersten Schritte sehen hier wie folgt aus:<\/p>\n\n\n\n 1. Installiere und aktiviere das Theme \u00fcber Themes<\/strong> -> Neu hinzuf\u00fcgen<\/strong>.<\/p>\n\n\n\n 2. Erstelle die Startseite \u00fcber Seiten<\/strong> -> Erstellen<\/strong>.\nLade dann im rechten Men\u00fc ein Beitragsbild<\/strong>\nhoch und w\u00e4hle \u00fcber Seiten-Attribute<\/strong>\ndie Option Volle Seitenbreite, mit\nCover-Bild<\/strong>.<\/p>\n\n\n\n 3. Gehe nun zum Customizer und lege diese Seite als\nStartseite fest: Design<\/strong> -> Customizer<\/strong> -> Startseiten-Einstellungen<\/strong>. <\/p>\n\n\n\n 4. Im Customizer kannst Du auch das Farbschema<\/strong> \u00e4ndern. Das legt unter anderem den Farbfilter fest, den\ndas Theme standardm\u00e4\u00dfig \u00fcber die Bilder legt. Stelle unter Cover-Bild Template<\/strong> die Deckkraft\nder \u00dcberlagerung<\/strong> so ein, dass die Schrift noch gut lesbar ist. Beim Farbschema Macchiato<\/strong>\nund einer Deckkraft von 50 % sieht der Kopfbereich unserer Website so aus:<\/p>\n\n\n\n Alternativ kannst Du nat\u00fcrlich auch eines der vorinstallierten Standard-Themes verwenden und an Deine Bed\u00fcrfnisse anpassen. Der Vorteil hierbei ist, dass diese von WordPress selbst programmiert und langfristig mit Updates versorgt werden. F\u00fcr eine kleine Unternehmenswebsite eignet sich zum Beispiel Twenty Seventeen. Wie Du dieses anpasst, haben wir in diesem Beitrag beschrieben<\/a>.<\/p>\n\n\n\n Damit aus Deinen Besuchern Kunden werden, musst Du schnell\nerreichbar sein. Daher solltest Du ein Kontaktformular in Deine Website\neinf\u00fcgen:<\/p>\n\n\n\n 1. Installiere dazu das beliebte Plugin Contact Form 7<\/a> (Plugins<\/strong> -> Installieren<\/strong>). Nach der Aktivierung erscheint im Backend der Bereich Formulare<\/strong>. <\/p>\n\n\n\n 2. Klicke hier auf Neu\nhinzuf\u00fcgen<\/strong>. Das angezeigte Standard-Formular kannst Du \u00fcbernehmen und\nspeichern. Die Nachrichten werden dann an die E-Mail-Adresse gesendet, die Du\nin Deinem WordPress-Profil hinterlegt hast. <\/p>\n\n\n\n Nach dem Speichern siehst Du eine blau markierte Code-Zeile\nf\u00fcr das Formular:<\/p>\n\n\n\n 3. Kopiere den Code und gib ihn \u00fcberall dort ein, wo das\nKontaktformular angezeigt werden soll (Seiten<\/strong>\n-> Bearbeiten<\/strong> -> Block hinzuf\u00fcgen<\/strong>). <\/p>\n\n\n\n Auf der Website sieht das dann so aus:<\/p>\n\n\n\n Wichtig: Um Dich vor Spam zu sch\u00fctzen, solltest Du zus\u00e4tzlich die recaptcha-Funktion aktivieren. Wie das funktioniert, erf\u00e4hrst Du hier<\/a>.<\/p>\n\n\n\n Eine interaktive Karte ist besonders f\u00fcr Handwerker und Betriebe mit Laufkundschaft praktisch. Mit dem Plugin OSM \u2013 OpenStreetMap<\/a> ist das schnell erledigt:<\/p>\n\n\n\nKontaktformular einbinden<\/strong><\/h2>\n\n\n\n
Online-Karte integrieren<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Kartenausschnitt-OSM-1024x475.jpg\")
![\"\"](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2019\/11\/Open-Street-Map-Frontend.jpg\")