{"id":7973,"date":"2019-04-30T22:56:08","date_gmt":"2019-04-30T22:56:08","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-id-tutorial\/?p=7973"},"modified":"2023-01-31T10:42:51","modified_gmt":"2023-01-31T03:42:51","slug":"featured-image-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/featured-image-wordpress","title":{"rendered":"Pengertian dan cara menambahkan featured image WordPress"},"content":{"rendered":"<p>Salah satu pertanyaan yang kerap dilontarkan oleh para user WordPress pemula adalah &lsquo;Apa itu featured image WordPress?&rsquo;. Featured image atau gambar fitur lebih dari sekadar gambar WordPress yang diupload dan ditampilkan di konten.<\/p><p>Maka dari itu, di artikel ini, kami akan membahas lebih jauh tentang pengertian gambar fitur WordPress, mengapa gambar fiturnya tidak sebagus yang terlihat di demo template atau tema, dan cara mengubah ukuran gambar fitur.<\/p><p>\n\n\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-apa-itu-featured-image-wordpress\">Apa Itu Featured Image WordPress?<\/h2><p><span style=\"font-weight: 400\">Featured image WordPress adalah gambar yang mendeskripsikan postingan, halaman, atau custom post type blog. Keberadaan gambar ini sangatlah penting karena bisa menarik lebih banyak orang untuk mengunjungi situs Anda dan membaca setiap konten yang ada di dalamnya. Selain itu, gambar fitur juga merepresentasikan gagasan atau gambaran umum suatu konten. <\/span><\/p><p><span style=\"font-weight: 400\">Tak hanya mewakili konten, gambar fitur juga mendukung keseluruhan tema yang Anda pilih dan terapkan.<\/span><\/p><p><span style=\"font-weight: 400\">Umumnya featured image ditampilkan sebagai <\/span><i><span style=\"font-weight: 400\">thumbnail<\/span><\/i><span style=\"font-weight: 400\"> postingan. Jika postingan diklik, Anda akan melihat posisi featured image yang terletak di bagian atas post atau laman blog. Sebagian besar tema menempatkan featured image setelah judul halaman atau postingan.<\/span><\/p><p><span style=\"font-weight: 400\">Jadi, bisa disimpulkan bahwa featured image berkaitan erat dengan tema. Setiap tema memiliki caranya sendiri dalam memunculkan featured image, entah itu lokasi maupun ukurannya. Jika Anda menggunakan <a href=\"\/id\/tutorial\/apa-itu-wordpress\">CMS WordPress<\/a>, Anda bisa menambahkan featured image dengan mudah.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-cara-membuat-featured-image-di-wordpress\">Cara Membuat Featured Image di WordPress<\/h2><p><span style=\"font-weight: 400\">Berikut langkah-langkah untuk membuat dan menambahkan featured image di WordPress:<\/span><\/p><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\"> Masuk ke dashboard admin WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Klik <\/span><b>Post<\/b><span style=\"font-weight: 400\"> yang ada di tab sebelah kiri, kemudian pilih <\/span><b>Add New Post<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Tab <\/span><b>Featured Image<\/b><span style=\"font-weight: 400\"> ada di ujung kanan bawah. (Jika sudah menemukan tab ini, Anda bisa langsung ke langkah 8. Langkah 6 dan 7 ditujukan bagi user yang belum atau tidak menemukan tab featured image).<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Jika tab featured image tidak ditemukan di WordPress post editor, klik <\/span><b>Screen Options<\/b><span style=\"font-weight: 400\"> yang ada di ujung kanan atas layar Anda.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Beri tanda centang di kolom <\/span><b>Featured Image<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Setelah tab featured image terbuka, klik <\/span><b>Set featured image<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Muncul window atau jendela yang menampilkan <\/span><b>Media Library<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Pilih gambar yang ada di media library WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Klik <\/span><b>Upload Files<\/b><span style=\"font-weight: 400\"> untuk menambahkan gambar dari komputer.<\/span><\/li>\n\n\n\n<li><b>Select Files <\/b><span style=\"font-weight: 400\">(Pilih File) yang tersimpan di folder komputer.<\/span><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"438\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/wordpress-post-editor-menambahkan-featured-image.jpg\/public\" alt=\"WordPress post editor untuk menambahkan featured image\" class=\"wp-image-7975\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/wordpress-post-editor-menambahkan-featured-image.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/wordpress-post-editor-menambahkan-featured-image.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/wordpress-post-editor-menambahkan-featured-image.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/wordpress-post-editor-menambahkan-featured-image.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Selesai! Kini Anda sudah berhasil menambahkan gambar WordPress. Apabila di kemudian hari Anda ingin mengganti gambar yang lama dengan gambar baru yang punya resolusi lebih baik, maka lakukanlah langkah-langkah di bawah ini:<\/span><\/p><ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\"> Buka tab <\/span><b>Featured Image<\/b><span style=\"font-weight: 400\">.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Klik opsi <\/span><b>Remove featured image<\/b><span style=\"font-weight: 400\"> yang berada tepat di bawah gambar fitur.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\"> Ikuti 10 langkah di atas untuk menambahkan featured image WordPress terbaru.<\/span><\/li>\n<\/ol><h2 class=\"wp-block-heading\" id=\"h-mengapa-featured-image-yang-ditampilkan-di-konten-tidak-sebagus-seperti-yang-diperlihatkan-di-theme-demo\">Mengapa Featured Image yang Ditampilkan di Konten Tidak Sebagus Seperti yang Diperlihatkan di Theme Demo?<\/h2><p><span style=\"font-weight: 400\">Siapa pun pasti menginginkan gambar fitur berkualitas terbaik di postingan atau halaman blog mereka. Sayangnya, sering kali tampilan gambar tersebut tidak sebagus seperti yang diperlihatkan di theme demo. <\/span><\/p><p><span style=\"font-weight: 400\">Seperti yang sudah dibahas sebelumnya, tema dan featured image saling terkait. Dengan kata lain, tema punya kontrol penuh terhadap struktur gambar. Masing-masing tema bahkan memiliki standar ukuran tersendiri bagi featured image-nya.<\/span><\/p><p><span style=\"font-weight: 400\">Misalnya, tema yang Anda pilih punya pengaturan ketat bahwa setiap featured image yang diupload haruslah memiliki lebar 1000px dan tinggi 700px.<\/span><\/p><p><span style=\"font-weight: 400\">Namun, gambar WordPress yang Anda upload hanya berukuran 960px x 720px. Tentu saja featured image yang ditampilkan tidak setajam dan sejernih yang ada di theme demo. Lalu, bagaimana cara mengatur ukuran gambar agar sesuai dengan tema yang dipilih?<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-cara-mengubah-ukuran-gambar-fitur-di-wordpress\">Cara Mengubah Ukuran Gambar Fitur di WordPress<\/h2><p><span style=\"font-weight: 400\">Anda dapat mengubah ukuran featured image WordPress dengan cara mengedit file tema <\/span><b>functions.php<\/b><span style=\"font-weight: 400\"> atau menginstall plugin. Kami sarankan untuk menginstall plugin karena selain lebih mudah dijalankan, metode ini juga dapat diterapkan di sebagian besar tema. Plugin <\/span><a href=\"https:\/\/wordpress.org\/plugins\/simple-image-sizes\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Simple Image Sizes<\/span><\/a><span style=\"font-weight: 400\"> memudahkan Anda untuk mengubah ukuran gambar fitur WordPress dan juga memodifikasi ukuran gambar default WordPress. Terlebih lagi dengan plugin ini, Anda dapat menambahkan <\/span><i><span style=\"font-weight: 400\">custom image size<\/span><\/i><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Setelah plugin berhasil diinstall, buka <\/span><b>Settings -&gt; Media <\/b><span style=\"font-weight: 400\">dan ubah ukuran gambar fitur WordPress.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"945\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/pengaturan-plugin-Simple-Image-Size.png\/public\" alt=\"Pengaturan plugin Simple Image Sizes\" class=\"wp-image-7976\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/pengaturan-plugin-Simple-Image-Size.png\/w=945,fit=scale-down 945w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/pengaturan-plugin-Simple-Image-Size.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/pengaturan-plugin-Simple-Image-Size.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/04\/pengaturan-plugin-Simple-Image-Size.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Perubahan yang Anda lakukan, sayangnya, tidak secara otomatis memengaruhi pengaturan awal gambar fitur WordPress. Untuk mengatasi hal ini, Anda tidak perlu mengupload kembali serta me-reset featured image &ndash; cukup klik opsi <\/span><b>Regenerate Thumbnails<\/b><span style=\"font-weight: 400\">. Kini&nbsp; featured image memiliki ukuran baru yang sudah Anda tetapkan sebelumnya.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p><span style=\"font-weight: 400\">Di tutorial ini, Anda sudah mempelajari cara membuat featured image di WordPress dan juga cara mengubah ukuran gambar. Featured image memiliki peranan yang sangat penting bagi blog Anda.<\/span><\/p><p><span style=\"font-weight: 400\">Postingan dengan gambar fitur menarik membuat para pengunjung betah berlama-lama membaca konten yang di-<\/span><i><span style=\"font-weight: 400\">publish<\/span><\/i><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">Tak hanya <\/span><i><span style=\"font-weight: 400\">menggaet <\/span><\/i><span style=\"font-weight: 400\">perhatian para pengunjung situs, featured image juga merepresentasikan keseluruhan konten yang diposting di post atau halaman blog. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Salah satu pertanyaan yang kerap dilontarkan oleh para user WordPress pemula adalah &lsquo;Apa itu featured image WordPress?&rsquo;. Featured image atau gambar fitur lebih dari sekadar gambar WordPress yang diupload dan ditampilkan di konten. Maka dari itu, di artikel ini, kami akan membahas lebih jauh tentang pengertian gambar fitur WordPress, mengapa gambar fiturnya tidak sebagus yang [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/featured-image-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":55,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Featured Image WordPress: Pengertian & Cara Menambahkannya","rank_math_description":"Agar tampilan konten lebih menarik, Anda harus tambahkan featured image WordPress. Apa itu featured image & bagaimana cara menambahkannya?","rank_math_focus_keyword":"featured image wordpress, cara membuat featured image di wordpress, gambar wordpress, cara mengatur ukuran gambar, cara mengubah ukuran gambar","footnotes":""},"categories":[4859],"tags":[8354,8355,8356,8357,8358,7970,7932,8359],"class_list":["post-7973","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-cara-membuat-featured-image-di-wordpress","tag-cara-mengatur-ukuran-gambar","tag-cara-mengubah-ukuran-gambar","tag-featured-image","tag-gambar-fitur-wordpress","tag-gambar-wordpress","tag-nama-domain","tag-plugin-simple-image-size"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-featured-images","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-crear-galeria-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/featured-image-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-featured-images","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-featured-images\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-featured-images\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-crear-galeria-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-crear-galeria-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/crear-galeria-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-featured-images","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-featured-images","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-featured-images","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-featured-images","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=7973"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7973\/revisions"}],"predecessor-version":[{"id":29265,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/7973\/revisions\/29265"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=7973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=7973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=7973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}