{"id":239771,"date":"2022-03-15T11:32:00","date_gmt":"2022-03-15T08:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=239771"},"modified":"2022-05-16T11:29:22","modified_gmt":"2022-05-16T08:29:22","slug":"so-fuegen-sie-ihrer-homepage-einen-bild-slider-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-ihrer-homepage-einen-bild-slider-hinzu\/","title":{"rendered":"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu"},"content":{"rendered":"<p>M\u00f6chten Sie Ihrer Homepage einen Slider hinzuf\u00fcgen?<\/p>\n<p>In diesem Beitrag erfahren Sie:<\/p>\n<ul>\n<li>So erstellen Sie Schieberegler in WordPress<\/li>\n<li>So f\u00fcgen Sie einer Seite einen Bildschieberegler hinzu<\/li>\n<li>So f\u00fcgen Sie einen Slider nur auf Ihrer Startseite ein<\/li>\n<\/ul>\n<p>Der Schieberegler funktioniert auf Ihrer Website unabh\u00e4ngig davon, welches Thema Sie installiert haben.<\/p>\n<h2>So f\u00fcgen Sie Ihrer Homepage einen Slider hinzu<\/h2>\n<p>Lassen Sie uns Schritt f\u00fcr Schritt besprechen, wie Sie Ihrer Homepage einen Schieberegler hinzuf\u00fcgen, beginnend mit dem Hinzuf\u00fcgen des ben\u00f6tigten Plugins.<\/p>\n<h3>Meta Slider installieren und aktivieren<\/h3>\n<p>Installieren und aktivieren Sie zuerst das hervorragende <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Meta Slider-<\/a> Plugin auf Ihrer Website.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023eb9feb0.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\" \/><\/a><\/p>\n<p>Meta Slider ist das am h\u00f6chsten bewertete Slider-Plugin auf wordpress.org und steht an erster Stelle auf <a href=\"https:\/\/themewp.inform.click\/de\/die-9-besten-wordpress-slider-plugins-fuer-2021\/\" title=\"meiner Liste der empfohlenen Slider\">meiner Liste der empfohlenen Slider<\/a> (kostenlos und kostenpflichtig).<\/p>\n<p><strong>Go Pro:<\/strong> Die kostenlose Version von Meta Slider ist fantastisch und funktionsreich, aber es gibt auch eine <a href=\"http:\/\/link.competethemes.com\/meta-slider-post\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pro-Version<\/a> mit Video-Slidern, Thumbnail-Navigation und mehr.<\/p>\n<h3>Erstellen Sie einen Schieberegler<\/h3>\n<p>Nach der Aktivierung finden Sie in Ihrem Dashboard ein neues Einstellungsmen\u00fc f\u00fcr den Meta-Slider. Das Men\u00fc ist zun\u00e4chst leer und fordert Sie auf, Ihren ersten Schieberegler zu erstellen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023ef0e96e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023ef0e96e.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>Wenn Sie auf den Plus-Button klicken, wird Ihre erste Diashow erstellt. Sobald Sie einen Schieberegler erstellt haben, k\u00f6nnen Sie mit dem Hinzuf\u00fcgen von Bildern beginnen.<\/p>\n<h3>F\u00fcgen Sie Ihrem Slider Bilder hinzu<\/h3>\n<p>Klicken Sie auf die Schaltfl\u00e4che Folie hinzuf\u00fcgen, um die Medienbibliothek anzuzeigen. Sie k\u00f6nnen ein neues Bild hochladen oder eines Ihrer vorhandenen Bilder ausw\u00e4hlen.<\/p>\n<p>F\u00fcgen Sie jetzt ein paar Bilder hinzu. Es m\u00fcssen nicht Ihre endg\u00fcltigen Bilder sein. F\u00fcgen Sie einfach ein paar Folien hinzu, damit Sie dem Rest des Tutorials folgen k\u00f6nnen.<\/p>\n<h3>W\u00e4hlen Sie Ihren Schieberegler<\/h3>\n<p>Meta Slider enth\u00e4lt vier verschiedene Slider. Die vier Schieberegler sind:<\/p>\n<ul>\n<li>Flex-Schieberegler<\/li>\n<li>Responsive Folien<\/li>\n<li>Schieberegler-Ebene<\/li>\n<li>M\u00fcnzschieber<\/li>\n<\/ul>\n<p>Der einzige Slider, den ich nicht empfehlen w\u00fcrde, ist Coin Slider, da er nicht reagiert. Die anderen drei sind alle super.<\/p>\n<p>Sie k\u00f6nnen den Schieberegler, den Sie verwenden m\u00f6chten, in der rechten Seitenleiste ausw\u00e4hlen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f2a7b1a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f2a7b1a.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<h3>Passen Sie den Schieberegler an<\/h3>\n<p>Nachdem Sie einige Bilder hinzugef\u00fcgt und Ihren Schieberegler ausgew\u00e4hlt haben, besteht der n\u00e4chste Schritt darin, das Erscheinungsbild und die Funktionalit\u00e4t der Diashow anzupassen.<\/p>\n<p>Meta Slider enth\u00e4lt grundlegende Konfigurationsoptionen und einige erweiterte Einstellungen. Ich \u00fcberlasse es Ihnen, wie Ihr Slider angezeigt werden soll, aber hier ist eine Vorschau der verf\u00fcgbaren Optionen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f918c8a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f918c8a.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>Ein Tipp: Die Dehnung auf 100 % Breite zu verwenden ist normalerweise eine gute Idee, da sich der Schieberegler dadurch an die Breite des Bildschirms anpasst.<\/p>\n<p>Die kostenlose Version von Meta Slider enth\u00e4lt eine begrenzte Anzahl von Folien\u00fcbergangseffekten, aber <a href=\"http:\/\/link.competethemes.com\/meta-slider\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Meta Slider Pro<\/a> f\u00fcgt viele coole neue Effekte hinzu.<\/p>\n<h3>Erstellen Sie eine Seite f\u00fcr Ihre Homepage<\/h3>\n<p>Auf Ihrer Website werden derzeit eine Seite oder Ihre neuesten Beitr\u00e4ge angezeigt.<\/p>\n<p>Wenn Sie Ihre neuesten Beitr\u00e4ge anzeigen und nicht wissen, wie Sie zu einer normalen Seite wechseln, <a href=\"https:\/\/themewp.inform.click\/de\/so-aendern-sie-ihre-homepage-in-wordpress-in-ein-benutzerdefiniertes-design\/\" title=\"folgen Sie diesem Tutorial, um\">folgen Sie diesem Tutorial, um<\/a> zuerst <a href=\"https:\/\/themewp.inform.click\/de\/so-aendern-sie-ihre-homepage-in-wordpress-in-ein-benutzerdefiniertes-design\/\" title=\"zu erfahren,\">zu erfahren,<\/a> wie es geht.<\/p>\n<p>Sobald eine Seite auf Ihrer Startseite angezeigt wird, fahren Sie mit dem n\u00e4chsten Schritt fort.<\/p>\n<h3>F\u00fcge den Slider zu deiner Startseite hinzu<\/h3>\n<p>Der letzte Schritt besteht darin, den von Ihnen erstellten Schieberegler zu der Seite hinzuzuf\u00fcgen, die Sie auf Ihrer Startseite anzeigen. Zum Gl\u00fcck f\u00fcr uns macht Meta Slider dies sehr einfach.<\/p>\n<p>Navigieren Sie zum Seiteneditor und Sie werden feststellen, dass sich \u00fcber dem Editor eine neue Schaltfl\u00e4che zum Hinzuf\u00fcgen von Schiebereglern befindet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023fce2fa8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023fce2fa8.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>Platzieren Sie Ihren Cursor an der Stelle, an der der Schieberegler eingebettet werden soll, und dr\u00fccken Sie die Schaltfl\u00e4che Schieberegler hinzuf\u00fcgen, um das Schieberegler-Auswahlmen\u00fc zu \u00f6ffnen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702400027af.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702400027af.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>W\u00e4hlen Sie Ihren neu erstellten Schieberegler aus.<\/p>\n<p>Sobald Sie auf die Schaltfl\u00e4che Diashow einf\u00fcgen klicken, wird dem Editor ein Shortcode hinzugef\u00fcgt, etwa wie folgt:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702403184fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702403184fa.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>Der Shortcode sieht im Editor nicht nach viel aus, aber sobald er auf der Site angezeigt wird, wird der Slider angezeigt, den Sie mit Meta Slider erstellt haben.<\/p>\n<p>Wenn Sie mit Shortcodes nicht vertraut sind, k\u00f6nnen Sie sich hier unser <a href=\"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-dynamische-inhalte-mit-shortcodes-hinzu\/\" title=\"Shortcode-Tutorial ansehen\">Shortcode-Tutorial ansehen<\/a>.<\/p>\n<p>Sehen Sie sich die Seite jetzt an und Sie sehen Ihren Schieberegler auf Ihrer Startseite eingebettet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617024064b0a1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617024064b0a1.png\" alt=\"So f\u00fcgen Sie Ihrer Homepage einen Bild-Slider hinzu\"><\/a><\/p>\n<p>Slider eingebettet in das <a href=\"https:\/\/www.competethemes.com\/founder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Founder-<\/a> Theme<\/p>\n<p>Da Sie mit Meta Slider Slider mit einem Shortcode einbetten k\u00f6nnen, k\u00f6nnen Sie jeden Slider, den Sie erstellen, zu jeder Seite hinzuf\u00fcgen. In diesem Fall haben wir nur der Startseite einen Schieberegler hinzugef\u00fcgt.<\/p>\n<p>Meta Slider enth\u00e4lt auch ein Widget, mit dem Sie Slider auch in Seitenleisten und anderen Widget-Bereichen platzieren k\u00f6nnen.<\/p>\n<h2>Zeigen Sie Ihre Startseiten-Diashow<\/h2>\n<p>Wie ist es gelaufen? Sind Sie bereit, Ihren neuen Slider zu pr\u00e4sentieren?<\/p>\n<p>Obwohl es viele Slider-Plugins gibt, glaube ich, dass Meta Slider das Beste ist.<\/p>\n<p>Wenn Sie noch nie Shortcodes verwendet haben, hoffe ich, dass dieser Leitfaden Ihnen die Augen f\u00fcr die verf\u00fcgbaren M\u00f6glichkeiten ge\u00f6ffnet hat. Mit den Shortcodes von Meta Slider k\u00f6nnen Sie Slider \u00fcberall auf Ihrer Website einbetten.<\/p>\n<p>Wenn Sie eine Frage zum Hinzuf\u00fcgen von Bild-Slidern oder zur Verwendung von Diashow-Plugins mit WordPress haben, schreiben Sie bitte unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, wie Sie einen Schieberegler erstellen und zu Ihrer Startseite hinzuf\u00fcgen. Sie werden ein kostenloses Plugin entdecken, das vier Arten von Schiebereglern und Dutzende von Anpassungen enth\u00e4lt.<\/p>\n","protected":false},"author":1,"featured_media":186584,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-239771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anpassen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/239771","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=239771"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/239771\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/186584"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=239771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=239771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=239771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}