{"id":17614,"date":"2020-11-25T17:21:15","date_gmt":"2020-11-25T10:21:15","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=17614"},"modified":"2023-01-06T15:16:57","modified_gmt":"2023-01-06T08:16:57","slug":"cara-menambahkan-favicon-pada-wordpress","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menambahkan-favicon-pada-wordpress\/","title":{"rendered":"Cara Menambahkan Favicon Pada WordPress"},"content":{"rendered":"\n<p>Favicon adalah logo kecil yang muncul di tab browser ketika sebuah website diakses. Tidak hanya sebagai identitas, favicon juga memiliki manfaat sebagai brand awareness. Sehingga website atau brand anda semakin dikenal oleh khalayak. <\/p>\n\n\n\n\n\n<p>Pada panduan ini, kami akan berbagi informasi tentang apa itu favicon serta cara menambahkan favicon di WordPress. Berikut informasi selengkapnya. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Favicon<\/h2>\n\n\n\n<p><a href=\"https:\/\/blog.rumahweb.com\/favicon-adalah\/\" title=\"Favicon adalah\">Favicon adalah<\/a> singkatan dari favorit icon, yaitu sebuah gambar\/logo kecil di tab browser website, yang bertujuan untuk menunjukkan identitas sebuah website. Dengan menambahkan favicon, orang akan lebih aware tentang brand atau website yang sedang anda bangun. <\/p>\n\n\n\n<p>Umumnya, favicon memiliki ukuran 32&#215;32 px atau 64x64px. Anda bisa membuat favicon secara online, melalui website favicon generator. Ada beberapa cara yang bisa anda lakukan, untuk menambahkan favicon pada website. Seperti melalui script html hingga hanya perlu mengupload icon-nya saja. <\/p>\n\n\n\n<p>Bagi Anda yang membuat website dengan script html, Anda bisa menggunakan code berikut untuk memanggil file favicon pada website:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;link&nbsp;rel=\"icon\"&nbsp;type=\"image\/x-icon\"&nbsp;href=\"nama_file_gambar\"&gt;<\/pre>\n\n\n\n<p>Berikut beberapa panduan tentang cara menambahkan favicon di website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-membuat-favicon-di-sitepro\/\">Cara Membuat Favicon di SitePro Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.rumahweb.com\/journal\/menambah-favicon-pada-website-weebly\/\">Menambah Favicon Pada Website Weebly<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-merubah-favicon-joomla\/\">Cara Merubah Favicon Joomla<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Cara menambahkan favicon pada WordPress<\/h2>\n\n\n\n<p>Bagi Anda yang membuat website dengan CMS WordPress, cara menambahkan favicon ini sangat mudah. Anda bisa mengikuti cara berikut, untuk menambahkan favicon pada WordPress :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Generate Favicon <\/h3>\n\n\n\n<p>Anda bisa membuat favicon secara online, contohnya melalui website <a href=\"https:\/\/www.favicon-generator.org\/\" title=\"https:\/\/www.favicon-generator.org\/\">https:\/\/www.favicon-generator.org\/<\/a>. <\/p>\n\n\n\n<p>Kita tidak perlu melakukan editing gambar (memperkecil), semua telah dilakukan oleh generator tersebut. Sebagai informasi, silahkan unchek pada &#8220;<strong>Maintain Image Dimensions (don&#8217;t resize to be square)<\/strong>&#8220;, agar gambar tidak terpotong.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-1024x473.png\" alt=\"favicon generator\" class=\"wp-image-17617\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-1024x473.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-300x139.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-768x355.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-370x171.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-270x125.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-570x263.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94-740x342.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_94.png 1286w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah generate favicon berhasil dilakukan, silahkan download file favicon ke komputer atau laptop Anda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-1024x479.png\" alt=\"download image favicon generator\" class=\"wp-image-17618\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-1024x479.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-768x359.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-370x173.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-570x266.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95-740x346.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_95.png 1286w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2. Add Favicon WordPress<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Setelah favicon siap, silahkan login ke dashboar WordPress anda untuk menambahkannya.<\/li>\n\n\n\n<li>Klik menu Appearence &gt; Customize seperti pada gambar.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-1024x534.png\" alt=\"Add Favicon WordPress\" class=\"wp-image-17620\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-1024x534.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-300x156.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-768x400.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-370x193.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-270x141.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-570x297.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96-740x386.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_96.png 1117w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Setelah itu silahkan pilih menu &#8220;Identity &gt; Select Site Icon&#8221;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"434\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-1024x434.png\" alt=\"cara menambahkan icon di wordpress\" class=\"wp-image-17621\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-1024x434.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-300x127.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-768x326.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-370x157.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-270x115.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-570x242.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97-740x314.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_97.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Upload gambar Favicon yang sebelumnya di generate.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"382\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-1024x382.png\" alt=\"pilih image\" class=\"wp-image-17622\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-1024x382.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-300x112.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-768x287.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-370x138.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-270x101.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-570x213.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98-740x276.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_98.png 1053w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Kemudian klik &#8220;Select&#8221; pada pojok kanan bawah, setelah itu klik &#8220;skipping crop&#8221;. <\/li>\n\n\n\n<li>Klik &#8220;Publish&#8221; untuk melakukan perubahan favicon.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-1024x451.png\" alt=\"cara menambahkan favicon di wordpress\" class=\"wp-image-17623\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-1024x451.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-300x132.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-768x338.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-370x163.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-270x119.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-570x251.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99-740x326.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/Screenshot_99.png 1291w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah terupload, Anda bisa mengakses ke https:\/\/namadomainanda\/ untuk melihat perubahan yang terjadi. Selamat, favicon telah terpasang di website Anda.<\/p>\n\n\n\n<p>Demikian langkah mudah untuk <span style=\"text-decoration: underline;\">menambahkan favicon di WordPress<\/span>, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Favicon adalah logo kecil yang muncul di tab browser ketika sebuah website diakses. Tidak hanya sebagai identitas, favicon juga memiliki manfaat sebagai brand awareness. Sehingga website atau brand anda semakin dikenal oleh khalayak. Pada panduan ini, kami akan berbagi informasi tentang apa itu favicon serta cara menambahkan favicon di WordPress. Berikut informasi selengkapnya. Apa itu [&hellip;]<\/p>\n","protected":false},"author":323,"featured_media":17735,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[50,946,1091,1000,14],"class_list":{"0":"post-17614","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-favicon","9":"tag-panduan-wordpress","10":"tag-setting-wordpress","11":"tag-tutorial-wordpress","12":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/11\/BG-Banner-Artikel-favicon.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-4A6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/323"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=17614"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17614\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/17735"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=17614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=17614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=17614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}