{"id":54421,"date":"2025-04-16T08:28:00","date_gmt":"2025-04-16T01:28:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=54421"},"modified":"2026-02-16T10:31:25","modified_gmt":"2026-02-16T03:31:25","slug":"featured-image","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/featured-image\/","title":{"rendered":"Apa Itu Featured Image dan Cara Settingnya di WordPress"},"content":{"rendered":"\n

Featured image<\/em> adalah gambar utama yang mewakili sebuah postingan atau halaman pada website. Biasanya, Featured image<\/em> akan ditampilkan sebagai gambar ketika dibagikan ke sosial media. Dalam artikel ini, kami akan membahas secara mendalam tentang apa itu featured image<\/em> hingga cara settingnya di WordPress. Simak informasi berikut ini.<\/p>\n\n\n\n

Apa Itu Featured Image?<\/h2>\n\n\n\n

Featured image<\/em> adalah gambar utama yang digunakan untuk mewakili sebuah halaman atau postingan di WordPress. Gambar ini berfungsi untuk menarik perhatian pengunjung agar mau membaca lebih lanjut isi konten Anda. Selain itu, featured image<\/em> juga membantu menyampaikan tema dari artikel yang Anda buat.<\/p>\n\n\n\n

Umumnya, saat Anda membuka halaman beranda sebuah website, featured image<\/em> biasanya muncul dalam bentuk thumbnail<\/em>. Ketika featured image<\/em> atau URL di klik, maka akan diarahkan ke halaman post yang dituju. Selain itu, biasanya featured image<\/em> akan ditampilkan pada bagian atas artikelnya. <\/p>\n\n\n\n

Fungsi Featured Image<\/h2>\n\n\n\n

Berikut adalah beberapa fungsi featured image<\/em> pada website: <\/p>\n\n\n\n

    \n
  1. Memberikan gambaran isi konten<\/strong>: Featured image<\/em> berfungsi sebagai representasi visual dari topik yang dibahas.<\/li>\n\n\n\n
  2. Menarik perhatian pembaca<\/strong>: Saat artikel dibagikan, featured image<\/em> muncul sebagai thumbnail <\/em>dan membuat postingan lebih menarik.<\/li>\n\n\n\n
  3. Memperkuat branding<\/em><\/strong>: Gambar unggulan yang disertai dengan logo brand anda, akan membantu membangun identitas visual website Anda.<\/li>\n\n\n\n
  4. Mempercantik tampilan website<\/strong>: Featured image<\/em> membantu tema WordPress menampilkan halaman blog atau arsip secara lebih rapi dan profesional.<\/li>\n<\/ol>\n\n\n\n

    Contoh Penggunaan Featured Image<\/h2>\n\n\n\n

    Berikut adalah contoh penggunaan featured image<\/em> di beranda website Journal Rumahweb: <\/p>\n\n\n\n

    \"Featured<\/a><\/figure>\n\n\n\n

    Sedangkan featured image<\/em> berikut digunakan sebagai gambar unggulan di halaman postingan atau artikel yang dibuat. <\/p>\n\n\n\n

    \"Featured<\/a><\/figure>\n\n\n\n

    Ketika artikel atau halaman dibagikan ke sosial media seperti Facebook, WhatsApp hingga X, maka gambar unggulan akan tampil seperti screenshot <\/em>berikut:<\/p>\n\n\n

    \n
    \"\"<\/a><\/figure>\n<\/div>\n\n\n

    Dengan demikian, featured image<\/em> di website tidak hanya membantu dalam mempercantik tampilan situs, tetapi juga berfungsi untuk menginformasikan tema besar pada artikel atau halaman yang diakses. <\/p>\n\n\n\n

    Sebagai informasi tambahan, tampilan featured image<\/em> pada website berkaitan erat dengan theme yang digunakan. Setiap theme <\/em>memiliki cara sendiri untuk menampilkan featured image<\/em>, mulai dari ukuran dan lokasi munculnya. <\/p>\n\n\n\n

    Oleh karena itu, kami sangat sarankan Anda untuk membaca theme documentation<\/em> yang telah disediakan oleh developer <\/em>temanya terlebih dahulu. Tujuannya, agar ukuran featured image<\/em> sesuai dengan yang disarankan oleh theme<\/em>, sehingga tampilan pada websitenya akan lebih pas dan menarik. <\/p>\n\n\n\n

    Cara Menambahkan Featured Image WordPress<\/h2>\n\n\n\n

    Berikut langkah-langkah mudah cara menambahkan featured image<\/em> di WordPress:<\/p>\n\n\n\n

      \n
    1. Login ke halaman dashboard WordPress anda.<\/li>\n\n\n\n
    2. Pilih menu Post > pilih Add New Post untuk membuat artikel baru atau Edit untuk edit artikel yang sudah dibuat.<\/li>\n<\/ol>\n\n\n\n
      \"Menu<\/a><\/figure>\n\n\n\n
        \n
      1. Disisi kanan layar ada fitur bernama Set featured image<\/em>, silakan diklik.<\/li>\n<\/ol>\n\n\n\n
        \"Set<\/a><\/figure>\n\n\n\n
          \n
        1. Upload gambar baru atau pilih gambar dimedia library WordPress untuk dijadikan sebagai featured image<\/em>. Isi meta gambar lalu klik Set featured image<\/strong>.<\/li>\n<\/ol>\n\n\n\n
          \"Cara<\/a><\/figure>\n\n\n\n

          Selesai. Sampai tahap ini, kita sudah berhasil menambahkan featured image<\/em> di WordPress. <\/p>\n\n\n\n

          Ubah atau Hapus Featured Image<\/h2>\n\n\n\n

          Untuk mengganti atau menghapus gambar di featured image<\/em>, silakan ikuti langkah berikut:<\/p>\n\n\n\n

            \n
          1. Masih di halaman post atau page, klik tombol “Set featured image” seperti gambar berikut:<\/li>\n<\/ol>\n\n\n\n
            \"menambahkan<\/a><\/figure>\n\n\n\n
              \n
            1. Klik Delete permanently untuk menghapus atau pilih gambar lain untuk ganti gambar featured image<\/em>.<\/li>\n<\/ol>\n\n\n\n
              \"ganti<\/a><\/figure>\n\n\n\n

              Sampai tahap ini, kita sudah mengetahui apa itu featured image di WordPress, fungsi, serta cara menambahkan, edit, dan menghapusnya.<\/p>\n\n\n\n

              Ada beberapa pertanyaan, mengapa gambar featured image<\/em> yang diupload tidak sesuai atau tidak sebagus di tema demo? Mari kita lanjutkan pembahasanya.<\/p>\n\n\n\n

              Mengapa Featured Image Tidak Sebagus di Demo?<\/h2>\n\n\n\n

              Pertanyaan seperti ini cukup sering disampaikan oleh pelanggan Rumahweb, terutama dari pengguna yang baru mencoba tema WordPress. <\/p>\n\n\n\n

              Perlu diketahui, bahwa setiap tema memiliki pengaturan featured image<\/em> yang berbeda-beda. Mulai dari ukuran thumbnail<\/em>, posisi gambar, hingga proporsi gambar yang ditampilkan di dalam postingan. Inilah sebabnya, featured image<\/em> yang Anda unggah bisa saja terlihat terpotong atau tidak proporsional jika dibandingkan dengan tampilan demo tema. <\/p>\n\n\n\n

              Untuk mengatasinya, Anda perlu memastikan bahwa gambar yang digunakan sesuai dengan ukuran yang disarankan oleh tema tersebut. Dengan begitu, gambar akan tampil dengan lebih baik dan tidak ada bagian penting yang terpotong.<\/p>\n\n\n\n

              Berikut adalah contoh featured image<\/em> yang tidak proporsional sebagai thumbnail<\/em>:<\/p>\n\n\n\n

              \"Feature<\/a><\/figure>\n\n\n\n

              Namun, jika kita buka postingannya, gambar unggulan yang kita setting dapat dibuka dengan ukuran full.<\/p>\n\n\n\n

              \"Feature<\/a><\/figure>\n\n\n\n

              Untuk mengatasi kendala ini, salah satu alternatifnya adalah menyesuaikan ukuran featured image dengan desain sesuai ukuran bawaan tema.<\/p>\n\n\n\n

              Kesimpulan<\/h2>\n\n\n\n

              Featured image <\/em>di WordPress bukan sekadar gambar pelengkap, tapi juga bagian penting dari tampilan dan identitas konten. Dengan memilih gambar dan ukuran yang tepat, tampilan website Anda bisa terlihat lebih profesional dan menarik bagi pengunjung.<\/p>\n\n\n\n

              Demikian artikel kami tentang apa itu <\/em>featured image<\/em> WordPress, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"

              Featured image adalah gambar utama yang mewakili sebuah postingan atau halaman pada website. Biasanya, Featured image akan ditampilkan sebagai gambar ketika dibagikan ke sosial media. Dalam artikel ini, kami akan membahas secara mendalam tentang apa itu featured image hingga cara settingnya di WordPress. Simak informasi berikut ini. Apa Itu Featured Image? Featured image adalah gambar […]<\/p>\n","protected":false},"author":321,"featured_media":54461,"comment_status":"closed","ping_status":"closed","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":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[2462,2466,14],"class_list":{"0":"post-54421","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-featured-image","9":"tag-gambar-unggulan","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/04\/banner-Featured-Image-WordPress.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-e9L","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54421","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\/321"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=54421"}],"version-history":[{"count":1,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54421\/revisions"}],"predecessor-version":[{"id":61986,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/54421\/revisions\/61986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/54461"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=54421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=54421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=54421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}