{"id":241799,"date":"2022-04-10T14:14:00","date_gmt":"2022-04-10T11:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=241799"},"modified":"2021-10-27T16:54:02","modified_gmt":"2021-10-27T13:54:02","slug":"so-fugen-sie-bilder-zu-menuelementen-in-wordpress-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fugen-sie-bilder-zu-menuelementen-in-wordpress-hinzu\/","title":{"rendered":"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu"},"content":{"rendered":"<p>Ich habe gute Neuigkeiten.<\/p>\n<p>Das Hinzuf\u00fcgen von Bildern zu Men\u00fcpunkten ist \u00fcberraschend einfach.<\/p>\n<p>Normalerweise erfordert das Hinzuf\u00fcgen von Bildern ein Verst\u00e4ndnis des Codes. Aber dank eines praktischen Plugins m\u00fcssen Sie nicht das erste Mal \u00fcber Code Bescheid wissen.<\/p>\n<p>Tats\u00e4chlich ist diese L\u00f6sung so einfach wie der normale Men\u00fceditor und Sie k\u00f6nnen Bilder wie folgt hinzuf\u00fcgen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.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-177507-616f39d98fbfe.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p>Entdecken Sie in diesem Beitrag ein Plugin, mit dem Sie jedem Ihrer Men\u00fcpunkte Bilder hinzuf\u00fcgen k\u00f6nnen, und erfahren Sie, wie Sie es auf Ihrer Website verwenden.<\/p>\n<p>Um Bilder zu Ihrem Men\u00fc hinzuzuf\u00fcgen, laden Sie das <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image-<\/a> Plugin herunter und installieren Sie es .<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39db9f678.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" \/><\/a><\/p>\n<p>Mit diesem Plugin k\u00f6nnen Sie jedem Men\u00fcelement ein Bild hinzuf\u00fcgen und alle Aspekte des Stils steuern, einschlie\u00dflich der Bildposition und -gr\u00f6\u00dfe.<\/p>\n<p>Rufen Sie nach der Aktivierung Ihre Men\u00fcseite auf (Darstellung &gt; Men\u00fcs) und klicken Sie auf den Dropdown-Pfeil auf einem Men\u00fcelement.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39dd6dbec.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-177507-616f39dd6dbec.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p><strong>Sie haben noch keine Speisekarte?<\/strong> M\u00f6glicherweise m\u00fcssen Sie zuerst <a href=\"https:\/\/www.competethemes.com\/help\/customize-menu-cele\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ein benutzerdefiniertes Men\u00fc erstellen<\/a>.<\/p>\n<p>Dadurch werden die Einstellungen f\u00fcr den Men\u00fcpunkt angezeigt. Nach der Installation von Menu Image sehen Sie zus\u00e4tzliche Optionen zum Hinzuf\u00fcgen eines Bildes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39df3e9e3.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-177507-616f39df3e9e3.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p>Laden Sie ein Bild hoch, \u00e4ndern Sie den Hover-Status, w\u00e4hlen Sie eine Gr\u00f6\u00dfe und positionieren Sie es mit Men\u00fcbild<\/p>\n<p>Als Beispiel verwende ich dieses kleine Personensymbol f\u00fcr den Men\u00fcpunkt \u201eInfo&#8220;:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e0b738b.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-177507-616f39e0b738b.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p>Um das Bild hinzuzuf\u00fcgen, klicken Sie auf die Schaltfl\u00e4che Bild festlegen und Sie sehen das bekannte Popup-Fenster der Medienbibliothek, in dem Sie ein neues Bild hochladen oder ein vorhandenes ausw\u00e4hlen k\u00f6nnen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e243bec.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-177507-616f39e243bec.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p>Nachdem Sie Ihr Bild hinzugef\u00fcgt haben, sehen Sie eine Vorschau im Men\u00fcelement-Editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39e432644.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-177507-616f39e432644.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<p>So sieht das im Men\u00fc des <a href=\"https:\/\/www.competethemes.com\/morning\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Morgen-Themas aus<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177507-616f39d98fbfe.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-177507-616f39d98fbfe.png\" alt=\"So f\u00fcgen Sie Bilder zu Men\u00fcelementen in WordPress hinzu\" ><\/a><\/p>\n<h3>Weitere Anpassung von Bildern<\/h3>\n<p>Zus\u00e4tzlich zum Hinzuf\u00fcgen eines Bildes k\u00f6nnen Sie es \u00fcber, unter, vor oder nach dem Men\u00fcpunkt positionieren. Sie k\u00f6nnen auch ein anderes Bild anzeigen, wenn ein Besucher mit der Maus \u00fcber den Men\u00fcpunkt f\u00e4hrt, was besonders bei Farbwechseln n\u00fctzlich ist.<\/p>\n<p>Was die Gr\u00f6\u00dfe des Bildes betrifft, haben Sie die vier Bildgr\u00f6\u00dfen, die WordPress erstellt, plus drei neue Gr\u00f6\u00dfen, die von Menu Image hinzugef\u00fcgt wurden. Die verf\u00fcgbaren Gr\u00f6\u00dfen sind:<\/p>\n<ul>\n<li>Originalgr\u00f6\u00dfe<\/li>\n<li>Miniaturansicht<\/li>\n<li>Mittel<\/li>\n<li>Gro\u00df<\/li>\n<li>24 \u00d7 24<\/li>\n<li>36 \u00d7 36<\/li>\n<li>48 \u00d7 48<\/li>\n<\/ul>\n<p>Die Abmessungen der Miniaturansicht, Mittelgr\u00f6\u00dfe und Gro\u00dfformat k\u00f6nnen im Men\u00fc Medieneinstellungen (Einstellungen &gt; Medien) eingestellt werden.<\/p>\n<p>Planen Sie zuerst eine Reihe \u00e4hnlich aussehender Bilder f\u00fcr Ihre Speisekarte, damit Ihre Speisekarte eine zusammenh\u00e4ngende \u00c4sthetik hat. Ich habe in meinem Beispiel ein Symbol hinzugef\u00fcgt, um die Verwendung des Plugins zu veranschaulichen, aber ich w\u00fcrde empfehlen, allen Men\u00fcelementen ein Bild hinzuzuf\u00fcgen oder keinem.<\/p>\n<p>M\u00f6glicherweise m\u00fcssen Sie die Gr\u00f6\u00dfe Ihres Bildes einige Male \u00e4ndern, bis es im Men\u00fc richtig angezeigt wird. Wenn Sie keinen Grafikeditor Ihrer Wahl haben, schauen Sie sich <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GIMP<\/a> (kostenlos) oder <a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sketch<\/a> (nur f\u00fcr 99 US-Dollar Mac) an.<\/p>\n<p>Schlie\u00dflich verwenden Sie transparente PNG-Bilder, wenn Sie k\u00f6nnen. Ein gro\u00dfes Quadrat um das Symbol herum wird in keinem Men\u00fc gut aussehen.<\/p>\n<p>Das <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Menu Image<\/a> Plugin macht es jedem leicht, Bilder zu seinen Men\u00fcpunkten hinzuzuf\u00fcgen. Sie m\u00fcssen kein PHP oder CSS kennen, um stilvolle Symbole in Ihr Men\u00fc aufzunehmen.<\/p>\n<p>Haben Sie Fragen zum Hinzuf\u00fcgen oder Gestalten von Bildern in Ihrem Men\u00fc? Hinterlassen Sie 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>Die gute Nachricht: Das Hinzuf\u00fcgen von Bildern zu Men\u00fcpunkten ist \u00fcberraschend einfach. In diesem Beitrag erfahren Sie, wie Sie mit einem einfachen Plugin Bilder zu Ihrem Men\u00fc hinzuf\u00fcgen.<\/p>\n","protected":false},"author":1,"featured_media":257355,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-241799","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\/241799","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=241799"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/241799\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/257355"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=241799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=241799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=241799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}