{"id":240753,"date":"2022-03-30T09:27:00","date_gmt":"2022-03-30T06:27:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=240753"},"modified":"2022-05-16T11:31:21","modified_gmt":"2022-05-16T08:31:21","slug":"wie-man-in-5-minuten-ein-favicon-zu-wordpress-hinzufugt","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/wie-man-in-5-minuten-ein-favicon-zu-wordpress-hinzufugt\/","title":{"rendered":"Wie man in 5 Minuten ein Favicon zu WordPress hinzuf\u00fcgt"},"content":{"rendered":"<p>Sehen Sie sich jetzt den Browser-Tab an.<\/p>\n<p>Sehen Sie das Bild links vom Seitentitel?<\/p>\n<p>Das nennt man das \u201e <a href=\"https:\/\/en.wikipedia.org\/wiki\/Favicon\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Favicon<\/a> &#8222;.<\/p>\n<p>Ihr Favicon wird angezeigt in:<\/p>\n<ul>\n<li>Browser-Tabs<\/li>\n<li>Lesezeichenleisten<\/li>\n<li>Mobile Apps<\/li>\n<\/ul>\n<p>Und seit kurzem taucht es sogar in den Google-Suchergebnissen auf!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c5ebb2b6.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-180933-616f5c5ebb2b6.png\" alt=\"Wie man in 5 Minuten ein Favicon zu WordPress hinzuf\u00fcgt\"><\/a><\/p>\n<p>Unn\u00f6tig zu erw\u00e4hnen, dass Ihr Favicon ein sehr wichtiger Teil Ihrer Website ist. Deshalb lernst du in diesem Tutorial die drei einfachen Schritte, um dein eigenes Favicon zu WordPress hinzuzuf\u00fcgen<\/p>\n<p><strong>Schau das Video<\/strong><\/p>\n<p>Sie k\u00f6nnen sich das Video-Tutorial ansehen, wenn Sie dies dem folgenden geschriebenen Blog-Post vorziehen:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/D-g_HdmWeHs\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnieren Sie den Youtube-Kanal von Compete Themes<\/a><\/p>\n<h2>So f\u00fcgen Sie ein Favicon mit WordPress hinzu<\/h2>\n<p>Der erste Schritt besteht darin, den Live-Customizer zu besuchen (Darstellung &gt; Anpassen).<\/p>\n<p>Klicken Sie im Customizer oben auf den Abschnitt Site-Identit\u00e4t.<\/p>\n<p>Im Abschnitt Site-Identit\u00e4t sehen Sie unten eine Option namens &quot;Site-Symbol&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c609544c.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-180933-616f5c609544c.png\" alt=\"Wie man in 5 Minuten ein Favicon zu WordPress hinzuf\u00fcgt\"><\/a><\/p>\n<p>Hier f\u00fcgen Sie Ihr Favicon hinzu, aber bevor Sie fortfahren, m\u00fcssen Sie ein Bild hochladen.<\/p>\n<h3>Erstellen Sie Ihr Favicon-Bild<\/h3>\n<p>WordPress empfiehlt ein quadratisches Bild mit den Ma\u00dfen 512px x 512px. Wenn Sie wissen, wie man einen Grafikeditor wie GIMP, Photoshop oder Sketch verwendet, k\u00f6nnen Sie dieses Bild selbst erstellen.<\/p>\n<p>Wenn Sie sich nicht sicher sind, wie Sie das Image selbst erstellen sollen, <a href=\"https:\/\/favicon.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">schauen<\/a> Sie sich <a href=\"https:\/\/favicon.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">favicon.io an<\/a>. Es ist eine kostenlose Site, mit der Sie schnell ein benutzerdefiniertes Favicon-Bild erstellen k\u00f6nnen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c625aa64.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-180933-616f5c625aa64.png\" alt=\"Wie man in 5 Minuten ein Favicon zu WordPress hinzuf\u00fcgt\"><\/a><\/p>\n<p>Klicken Sie auf die Schaltfl\u00e4che \u201eAus Text generieren&#8220; und Sie gelangen zu einem einfachen Editor-Bildschirm.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c64a74f1.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-180933-616f5c64a74f1.png\" alt=\"Wie man in 5 Minuten ein Favicon zu WordPress hinzuf\u00fcgt\"><\/a><\/p>\n<p>Sie k\u00f6nnen den Text, die Farben, die Schriftart und die Schriftgr\u00f6\u00dfen in nur einer Minute \u00e4ndern, um Ihr eigenes Bild zu erstellen.<\/p>\n<p>Es wird nicht das professionellste Bild sein, aber es wird gut aussehen. Ganz zu schweigen davon, dass ein einfaches Favicon-Bild viel besser ist, als \u00fcberhaupt kein Favicon zu haben.<\/p>\n<p>Wenn Sie Ihr Favicon herunterladen, erhalten Sie eine ZIP-Datei. Es gibt ein Bild darin, das 512px gro\u00df ist \u2013 stellen Sie sicher, dass Sie dieses auf Ihrer Website verwenden.<\/p>\n<p>Sobald Sie Ihr Bild haben, k\u00f6nnen Sie es auf Ihre Website hochladen.<\/p>\n<h3>Laden Sie Ihr Favicon hoch<\/h3>\n<p>Nachdem Sie Ihr Bild erstellt haben, kehren Sie im Customizer zum Abschnitt Site-Identit\u00e4t zur\u00fcck und klicken Sie auf die Schaltfl\u00e4che Site-Symbol ausw\u00e4hlen.<\/p>\n<p>Klicken Sie oben links auf die Registerkarte Dateien hochladen und ziehen Sie Ihr Favicon-Bild per Drag-and-Drop in das Popup. Sobald das Bild geladen ist, dr\u00fccken Sie die Auswahltaste in der unteren rechten Ecke.<\/p>\n<p>Wenn Sie ein Bild hochladen, das nicht perfekt quadratisch ist, werden Sie aufgefordert, das Bild zuzuschneiden, bevor Sie es ausw\u00e4hlen k\u00f6nnen.\u00a0<\/p>\n<p>Sobald Sie auf die Schaltfl\u00e4che Ver\u00f6ffentlichen klicken, wird Ihr Favicon hinzugef\u00fcgt.<\/p>\n<h2>Bewundern Sie Ihr sch\u00f6nes neues Favicon<\/h2>\n<p>Ihr Site-Symbol wird nach der Ver\u00f6ffentlichung sofort in Browser-Tabs auf Laptops, Tablets und Mobilger\u00e4ten angezeigt.<\/p>\n<p>W\u00e4hrend es im Laufe der Jahre einige n\u00fctzliche Plugins zum Hinzuf\u00fcgen von Favicons gab, hat das WP-Team fantastische Arbeit geleistet, um diese Funktion in den Customizer zu integrieren. Es k\u00f6nnte heutzutage nicht einfacher sein.<\/p>\n<p>Wenn Sie das Design Ihrer Website weiter verbessern m\u00f6chten, lesen Sie meinen Artikel \u00fcber Designtipps, um Ihre Website besser aussehen zu lassen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/de\/9-einfache-designregeln-um-ihre-website-schoner-zu-machen\/\" title=\"9 einfache Designregeln, um Ihre Website sch\u00f6ner zu machen\">9 einfache Designregeln, um Ihre Website sch\u00f6ner zu machen<\/a><\/p>\n<p>Hat Ihnen dieser Beitrag gefallen? Verwenden Sie die Schaltfl\u00e4chen unten, um es mit jemand anderem zu teilen.<\/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>Jede andere Website hat dieses coole Bild im Browser-Tab, also warum nicht deine? Erfahren Sie, wie Sie dieses Symbol mit WordPress in wenigen Minuten zu Ihrer Website hinzuf\u00fcgen.<\/p>\n","protected":false},"author":1,"featured_media":257388,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-240753","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\/240753","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=240753"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/240753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/257388"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=240753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=240753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=240753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}