{"id":365958,"date":"2022-11-04T10:32:00","date_gmt":"2022-11-04T07:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365958"},"modified":"2022-12-10T11:45:41","modified_gmt":"2022-12-10T08:45:41","slug":"so-erstellen-sie-eine-einseitige-wordpress-website-mit-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-eine-einseitige-wordpress-website-mit-elementor\/","title":{"rendered":"So erstellen Sie eine einseitige WordPress-Website mit Elementor"},"content":{"rendered":"\n

Benutzerfreundlichkeit ist der Hauptgrund, warum WordPress das beliebteste Content-Management-System ist<\/strong>. Selbst Personen ohne starkes technisches Hintergrundwissen k\u00f6nnen Websites problemlos selbst erstellen und pflegen. Mit diesem Tutorial werden wir genau das demonstrieren, indem wir den Elementor-Seitenersteller verwenden<\/a> , um eine einseitige WordPress-Website zu erstellen<\/strong>.<\/p>\n

Beginnen wir damit, zu erkl\u00e4ren, was eine One-Page-Website eigentlich ist. Anders als der Name vermuten l\u00e4sst, darf sie sich nicht auf eine einzelne Seite beschr\u00e4nken<\/strong>. Sie m\u00f6chten beispielsweise eine Titelseite mit Abschnitten wie Startseite, Info, Kontakt und dergleichen erstellen und von dort aus auf eine Galerie, ein Portfolio oder einen Blog verlinken.<\/p>\n

Das Navigieren zwischen Abschnitten Ihrer Hauptseite, ohne durch alle Abschnitte scrollen zu m\u00fcssen, kann ganz einfach mithilfe von On-Page-Links<\/strong> oder Ankern erfolgen. Elementor hat auch ein vorgefertigtes Element zum Aufstellen eines Ankers<\/strong> und es ist sehr einfach zu bedienen.<\/p>\n

Nat\u00fcrlich k\u00f6nnen Sie Anker verwenden, um verschiedene Abschnitte auf einer Seite<\/a><\/strong> mit dem Menu Anchor-Element in Verbindung mit verschiedenen verkn\u00fcpfbaren Elementen zu verbinden, aber in diesem Tutorial werden wir besprechen, wie Sie dies mit einem Men\u00fc tun k\u00f6nnen.<\/p>\n

Lass uns anfangen<\/h2>\n

Wir erstellen eine Seite mit vier Abschnitten und verwenden ein Men\u00fc, um auf jeden dieser Abschnitte zu verlinken. Da sich der Home-Bereich sowieso oben auf unserer Seite befindet, ist kein Anker erforderlich. Der Link zu Ihrer Seite f\u00fchrt Sie zum Anfang der Seite, sodass Sie diesen einfach f\u00fcr die Option Startseite im Men\u00fc verwenden k\u00f6nnen.<\/p>\n

Das bedeutet , dass wir drei weitere Anker ben\u00f6tigen, einen f\u00fcr jeden der anderen Abschnitte<\/strong>: \u00dcber uns, Unser Men\u00fc und Kontakt.<\/p>\n

\"So<\/a><\/p>\n

Um den Anker zu platzieren, suchen Sie einfach das Men\u00fcankerelement im Seitenleistenmen\u00fc von Elementor<\/strong> und ziehen Sie es per Drag-and-Drop an die Stelle, an der Sie beispielsweise direkt \u00fcber jedem Abschnitt verlinken m\u00f6chten .<\/strong><\/p>\n

\"So<\/a><\/p>\n

Beachten Sie, dass ein Anker nur zur Unterst\u00fctzung der Navigation da ist und daher f\u00fcr den Besucher in keiner Weise sichtbar ist.<\/strong> Er erscheint nur im Editor, damit wir sehen k\u00f6nnen, wo er sich befindet, w\u00e4hrend wir unsere Website erstellen.<\/p>\n

\"So<\/a><\/p>\n

Als n\u00e4chstes m\u00fcssen wir jedem der Anker einen Namen geben und ihm seine eindeutigen IDs geben<\/strong>. Diese m\u00fcssen eine einzelne Zeichenfolge sein, die Gro\u00df- und Kleinbuchstaben, Ziffern, Bindestriche und Unterstriche, aber keine Leerzeichen enth\u00e4lt.<\/p>\n

\"So<\/a><\/p>\n

So verlinken Sie vom Men\u00fc aus<\/h2>\n

Als n\u00e4chstes werden wir ein benutzerdefiniertes Men\u00fc<\/a> mit dem Standardeditor von WordPress<\/strong> erstellen und diesen einfachen Schritten folgen.<\/p>\n

\"So<\/a><\/p>\n

Wir werden dann drei benutzerdefinierte Links innerhalb des Men\u00fcs erstellen<\/strong>. In das URL-Feld geben wir unseren Ankernamen mit vorangestelltem #<\/strong> ein, wie in #anchor_name. Das Linktextfeld ist der Text der Men\u00fcoption. Da wir in diesem Fall m\u00f6chten, dass der Ankerlink uns zum Abschnitt \u201e\u00dcber uns“ f\u00fchrt, geben wir dies ein. Wir werden dies auch f\u00fcr die Abschnitte \u201eUnser Men\u00fc“ und \u201eKontakt“ wiederholen: F\u00fcgen Sie den Anker hinzu und verlinken Sie dann durch das Men\u00fc.<\/p>\n

\"So<\/a><\/p>\n

Beachten Sie, dass diese Ankerlinks nur f\u00fcr dieselbe Seite funktionieren, auf der sich die Anker befinden<\/strong>. Falls Sie eine andere Seite mit demselben Men\u00fc haben, funktioniert der Ankerlink nicht. Ankerlinks gehen nur nach ihren Zielankern auf der Seite, auf der sich die verlinkten Elemente befinden<\/strong>.<\/p>\n

Bei dieser Angabe funktioniert der Anker-Link f\u00fcr jeden Anker<\/strong>, unabh\u00e4ngig von der Seite, auf der sich der Link befindet.<\/p>\n

Wie Sie gesehen haben, k\u00f6nnen Sie innerhalb von Minuten, schnell und einfach, mit nahezu null Aufwand und genau null Programmierkenntnissen eine voll funktionsf\u00e4hige, leicht navigierbare einseitige Website haben. Alles, was Sie brauchen, ist der Elementor-Seitenersteller und dieses praktische Tutorial, und schon sind Sie fertig. Vergessen Sie auch nicht, Ihre Inhalte frisch und ansprechend zu halten. W\u00e4hlen Sie die Bilder sorgf\u00e4ltig aus und achten Sie auf die Organisation der Website. Dieselben Informationen k\u00f6nnen je nach Platzierung unterschiedliche Bedeutung haben. Verwenden Sie also andere Farben f\u00fcr Ihre Inhalte oder \u00e4ndern Sie die Schriftart<\/a>, um die Aufmerksamkeit professionell auf sich zu ziehen.<\/p>\n

Aufnahmequelle: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Lassen Sie eine einseitige WordPress-Website mit ein wenig Hilfe von WPKlik und dem Seitenersteller Elementor laufen.<\/p>\n","protected":false},"author":1,"featured_media":363491,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-365958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/365958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=365958"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/365958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/363491"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=365958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=365958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=365958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}