{"id":2987,"date":"2023-06-20T09:04:02","date_gmt":"2023-06-20T02:04:02","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=2987"},"modified":"2023-06-20T18:04:30","modified_gmt":"2023-06-20T11:04:30","slug":"cara-membuat-website-dark-mode","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/","title":{"rendered":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding"},"content":{"rendered":"

Buat Anda yang sering lembur mengurus konten website, pasti sangat paham nih bagaimana lelahnya mata melihat layar di malam hari. Ini juga nih yang dirasakan oleh para pengunjung website Anda.<\/span><\/p>\n

Cahaya terang dari layar PC di malam hari, bisa membuat pengunjung jadi tidak nyaman saat mengakses website Anda.\u00a0<\/span><\/p>\n

Sebagai pemilik website, Anda tentu harus menjamin kenyamanan pengunjung<\/a> dong. Nah, satu-satunya cara untuk mengatasi hal ini adalah dengan membuat website supaya bisa <\/span>switch<\/span><\/i> menjadi <\/span>dark mode<\/span><\/i>.\u00a0<\/span><\/p>\n

Tenang saja, caranya sangat <\/span>amat<\/span><\/i> mudah, kok. Apalagi Anda menggunakan WordPress, tidak perlu <\/span>ngoding<\/span><\/i> sendiri, tinggal <\/span>install <\/span><\/i>plugin saja.<\/span><\/p>\n

Untuk membantu Anda, kami sudah membagikan nih cara membuat website <\/span>dark mode<\/span><\/i> di WordPress dalam artikel ini. Kalau begitu, langsung simak saja pembahasannya, yuk!<\/span><\/p>\n

Cara Membuat Website Dark Mode di WordPress<\/b><\/h2>\n

Seperti yang sudah disinggung di atas nih, untuk membuat website <\/span>dark mode<\/span><\/i> di WordPress kita akan menggunakan plugin.<\/span><\/p>\n

Di WordPress sendiri, ada berbagai plugin <\/span>dark mode<\/span><\/i> yang bisa Anda gunakan. Misalnya seperti WP Dark Mode, Night Mode For WordPress dan Droit Dark Mode.<\/span><\/p>\n

Hampir semua plugin ini menyediakan versi gratis, kok. Anda bisa pilih plugin <\/span>dark mode<\/span><\/i> manapun sesuai dengan kebutuhan Anda.<\/span><\/p>\n

Tapi, dalam tutorial berikut ini, kami akan menggunakan plugin WP Dark Mode<\/a>. Jadi, Anda bisa sesuaikan dengan plugin yang Anda <\/span>install<\/span><\/i> saja, ya.\u00a0<\/span><\/p>\n

Yuk, langsung ke tahapannya!<\/span><\/p>\n

Langkah 1 – Install Plugin WP Dark Mode di WordPress<\/b><\/h3>\n

Untuk membuat website menjadi <\/span>dark mode<\/span><\/i>, tentunya langkah pertama yang harus dilakukan adalah meng-<\/span>install<\/span><\/i> plugin WP Dark Mode di WordPress.<\/span><\/p>\n

    \n
  1. Login<\/b> ke akun administrator WordPress Anda.<\/span><\/li>\n
  2. Pilih menu <\/span>Plugins > Add New<\/b> pada <\/span>menu bar<\/span><\/i> di sebelah kiri. \"install<\/span><\/li>\n
  3. Pada <\/span>search bar<\/i><\/b>, cari plugin <\/span>WP Dark Mode<\/b>. Lalu, klik <\/span>Install Now > Activate<\/b>. \"install<\/span><\/li>\n
  4. Akan muncul halaman <\/span>setting<\/span><\/i> WP Dark Mode.<\/span><\/li>\n<\/ol>\n

    Baca juga:\u00a09 Plugin Wajib Untuk Website Berbasis WordPress<\/a><\/strong><\/p><\/blockquote>\n

    Langkah 2 – Setting Website Dark Mode di WordPress<\/b><\/h3>\n

    Sebetulnya, sesaat setelah Anda meng-<\/span>install<\/span><\/i> plugin WP Dark Mode, website Anda sudah ter-<\/span>setting<\/span><\/i> menjadi <\/span>dark mode<\/span><\/i> secara otomatis.<\/span><\/p>\n

    Namun, karena ini masih dalam <\/span>setting<\/span><\/i>-an <\/span>default<\/span><\/i>, kami akan membagikan cara untuk mengubah <\/span>setting<\/span><\/i>-annya supaya lebih sesuai. Yuk, langsung ke tahapannya!<\/span><\/p>\n

      \n
    1. Di bagian <\/span>General Settings<\/b>, atur di mana saja Anda ingin mengaktifkan <\/span>dark mode<\/span><\/i>. Anda bisa mengaktifkan di <\/span>frontend<\/span><\/i>, <\/span>backend<\/span><\/i> (admin WordPress) dan <\/span>block editor<\/span><\/i>. \"membuat<\/span><\/li>\n
    2. Di bagian <\/span>Advanced Settings<\/b>, Anda bisa atur <\/span>dark mode<\/span><\/i> sebagai <\/span>default<\/span><\/i> website. Anda juga bisa <\/span>setting dark mode<\/span><\/i> menjadi <\/span>time based<\/span><\/i> dan <\/span>sunset<\/span><\/i> untuk versi <\/span>pro<\/b>. \"membuat<\/span><\/li>\n
    3. Di bagian <\/span>Color Settings<\/b>, aktifkan fitur <\/span>Color presets<\/b> untuk memilih warna <\/span>preset<\/span><\/i> untuk <\/span>dark mode<\/span><\/i> website. \"membuat<\/span><\/li>\n
    4. Di bagian <\/span>Switch Settings<\/b>, pilih <\/span>floating switch style<\/i><\/b> yang Anda inginkan. Lalu, atur <\/span>ukuran <\/b>icon<\/i><\/b>, <\/span>position<\/i><\/b> dan <\/span>attention effect<\/i><\/b> sesuai keinginan. \"membuat<\/span><\/li>\n
    5. Di bagian <\/span>Inclueds\/Excludes<\/b>, masukkan <\/span>code <\/i><\/b>CSS<\/b> untuk mengaktifkan <\/span>dark mode<\/span><\/i> pada bagian tertentu untuk versi <\/span>pro<\/b>. \"bagian<\/span><\/li>\n
    6. Di bagian <\/span>Triggers<\/b>, Anda bisa <\/span>exclude<\/span><\/i> dark mode<\/span><\/i> di halaman, <\/span>posting<\/span><\/i>-an, kategori, tag atau <\/span>post types<\/span><\/i> untuk versi <\/span>pro<\/b>. \"bagian<\/span><\/li>\n
    7. Di bagian <\/span>Performance<\/b>, Anda bisa mengaktifkan <\/span>performance mode<\/span><\/i> untuk versi <\/span>pro<\/b>. \"membuat<\/span><\/li>\n
    8. Di bagian <\/span>Accessibility Settings<\/b>, Anda bisa mengatur aksesibilitas website untuk <\/span>dark mode<\/span><\/i>. \"bagian<\/span><\/li>\n
    9. Di bagian <\/span>WooCommerce<\/b>, Anda bisa <\/span>exclude <\/span><\/i>kategori dan produk di WooCommerce untuk versi <\/span>pro<\/b>. \"bagian<\/span><\/li>\n
    10. Di bagian <\/span>Image Settings<\/b>, atur gambar untuk <\/span>low brightness<\/span><\/i> atau <\/span>grayscale<\/span><\/i> saat website <\/span>dark mode<\/span><\/i>. \"membuat<\/span><\/li>\n
    11. Di bagian <\/span>Video Settings<\/b>, atur video mana yang <\/span>link<\/span><\/i>-nya akan muncul saat <\/span>light<\/span><\/i> atau <\/span>dark mode<\/span><\/i> untuk versi <\/span>pro<\/b>. \"membuat<\/span><\/li>\n
    12. Di bagian <\/span>Custom CSS<\/b>, tambahkan CSS untuk <\/span>custom<\/span><\/i> dark mode<\/span><\/i> di website untuk versi <\/span>pro<\/b>. \"bagian<\/span><\/li>\n
    13. Di bagian <\/span>Animation<\/b>, aktifkan <\/span>animasi <\/b>untuk <\/span>toggle<\/span><\/i> dark mode<\/span><\/i> di website. \"bagian<\/span><\/li>\n
    14. Di bagian <\/span>Analytics & Reporting<\/b>, Anda bisa mengaktifkan <\/span>analytics tool<\/span><\/i> untuk melihat penggunaan <\/span>dark mode<\/span><\/i> oleh pengunjung untuk versi <\/span>pro<\/b>. \"bagian<\/span><\/li>\n<\/ol>\n

      Keuntungan Membuat Website Dark Mode<\/b><\/h2>\n

      Dalam membuat website, <\/span>user experience<\/span><\/i> jadi aspek pertama nih yang betul-betul harus Anda perhatikan. Kenapa begitu?<\/span><\/p>\n

      Ketika pengunjung memiliki <\/span>user experience<\/span><\/i> yang baik saat menjelajahi website Anda, mereka bisa memberikan <\/span>traffic<\/span><\/i>, konversi dan bahkan menjadikan sebagai referensi.<\/span><\/p>\n

      Nah, seperti yang sudah disebutkan di awal nih, mengaktifkan <\/span>dark mode<\/span><\/i> membuat pengunjung jadi lebih nyaman saat menjelajahi website Anda.<\/span><\/p>\n

      Yang mana, ini salah satu faktor <\/span>user experience<\/span><\/i> yang baik nih. Tapi, ini bukanlah satu-satunya keuntungan dari membuat website <\/span>dark mode<\/span><\/i>.<\/span><\/p>\n

      Ada beberapa keuntungan lainnya nih yang bisa dirasakan oleh para pengunjung maupun Anda sendiri dari membuat website <\/span>dark mode<\/span><\/i>.<\/span><\/p>\n

      Baca juga:\u00a0Begini Cara Meningkatkan UX Website Anda, Dijamin Ampuh!<\/a><\/strong><\/p><\/blockquote>\n

      1. Mengurangi Kelelahan Mata di Malam Hari<\/b><\/h3>\n

      Saat malam hari, cahaya yang ada sudah pasti lebih redup dibandingkan siang hari. Ini akhirnya juga membuat penglihatan di malam hari lebih terbatas.<\/span><\/p>\n

      Nah, ketika mata dipaksa untuk melihat layar di malam hari, ini akan membuat mata menjadi cepat lelah karena harus menangkap cahaya yang terang.<\/span><\/p>\n

      Itulah mengapa fitur dark mode<\/em> ini dibuat<\/a><\/span>\u00a0untuk menurunkan cahaya yang dipancarkan. Tapi, tanpa mengurangi rasio kontras warna lebih dari minimum.<\/span><\/p>\n

      Sehingga, pengunjung masih bisa membaca konten website nih tanpa kesulitan ataupun mengalami kelelahan mata.<\/span><\/p>\n

      Yang mana, ini jadi salah satu faktor yang bisa meningkatkan <\/span>user experience<\/span><\/i> para pengunjung saat menjelajahi website Anda.<\/span><\/p>\n

      2. Menghemat Penggunaan Baterai<\/b><\/h3>\n

      Terkadang, <\/span>dark mode<\/span><\/i> banyak diaktifkan di berbagai aplikasi bukan hanya untuk mengurangi kelelahan mata, lho.<\/span><\/p>\n

      Tapi, <\/span>dark mode<\/span><\/i> seringkali diaktifkan juga untuk menghemat penggunaan baterai perangkat saat menjelajahi aplikasi maupun website.<\/span><\/p>\n

      Dalam <\/span>smartphone<\/span><\/i> dengan OLED <\/span>screen<\/span><\/i>, <\/span>dark mode<\/span><\/i> dapat menghemat tenaga sebanyak 3 sampai 9% dengan 50% <\/span>brightness<\/span><\/i>.<\/span><\/p>\n

      Ini karena <\/span>dark mode<\/span><\/i> membuat OLED <\/span>screen<\/span><\/i> hanya memerlukan aktivasi pixel yang lebih sedikit daripada <\/span>light mode<\/span><\/i>.<\/span><\/p>\n

      Inilah mengapa saat <\/span>dark mode<\/span><\/i>, perangkat – terutama <\/span>smartphone<\/span><\/i> – bisa lebih hemat dalam menggunakan tenaga.<\/span><\/p>\n

      3. Pengunjung Bisa Lebih Fokus Melihat Konten<\/b><\/h3>\n

      Salah satu kekurangan dari penggunaan <\/span>light mode<\/span><\/i> pada website di malam hari adalah seringkali pengunjung – atau malah Anda sendiri – tidak fokus nih saat membaca konten.<\/span><\/p>\n

      Ini karena ada beberapa visual yang tampak terang – seperti gambar – yang membuat tidak fokus akibat latar yang juga berwarna terang.<\/span><\/p>\n

      Membuat website menjadi <\/span>dark mode<\/span><\/i> bisa jadi cara yang efektif supaya pengunjung bisa lebih fokus saat melihat konten.<\/span><\/p>\n

      Kenapa begitu? Ini karena elemen atau teks dalam website yang terang dapat lebih menonjol karena latar belakang yang berwarna gelap.<\/span><\/p>\n

      Sehingga, hierarki visual dari website Anda pun lebih meningkat nih. Selain itu, ini juga dapat meminimalkan gangguan akibat latar website yang terang.<\/span><\/p>\n

      Jadinya, pengunjung bisa lebih nyaman saat menjelajahi website Anda dan dapat menyimak konten dengan baik meski di malam hari.<\/span><\/p>\n

      4. Tampilan Website Jadi Lebih Menarik<\/b><\/h3>\n

      Keuntungan terakhir dari membuat website menjadi <\/span>dark mode<\/span><\/i> adalah ini dapat membuat tampilan website Anda jadi lebih menarik.<\/span><\/p>\n

      Tidak sedikit lho website yang mengusung tema <\/span>dark mode<\/span><\/i>. Apalagi website yang mengangkat topik tentang desain grafis maupun <\/span>web design<\/span><\/i>.<\/span><\/p>\n

      Tema <\/span>dark mode<\/span><\/i> dapat memberikan kesan <\/span>modern<\/span><\/i> dan elegan pada website Anda. Yang tentunya dapat meningkatkan <\/span>user experience<\/span><\/i> para pengunjung.<\/span><\/p>\n

      Selain itu, dengan menambahkan fitur <\/span>dark mode<\/span><\/i>, ini akan semakin membuat desain website Anda lebih menarik.<\/span><\/p>\n

      Hal ini karena pengunjung bisa diberikan kebebasan nih untuk menjelajahi website Anda dalam <\/span>dark <\/span><\/i>atau <\/span>light mode<\/span><\/i>.<\/span><\/p>\n

      Yuk, Tambahkan Fitur Dark Mode ke Website Anda!<\/b><\/h2>\n

      Dark mode<\/span><\/i> memang bisa membuat mata menjadi lebih nyaman saat menjelajahi website. Selain itu, ada banyak keuntungan lainnya dari membuat website menjadi <\/span>dark mode<\/span><\/i>.<\/span><\/p>\n

      Misalnya seperti konten yang lebih terfokus, baterai perangkat yang lebih hemat hingga tampilan website yang lebih menarik.<\/span><\/p>\n

      Cara membuat website <\/span>dark mode<\/span><\/i> ini juga tidak sulit sama sekali. Apalagi jika Anda menggunakan WordPress, cukup <\/span>install<\/span><\/i> plugin dan website secara otomatis menjadi <\/span>dark mode<\/span><\/i>.<\/span><\/p>\n

      Selain menambahkan fitur <\/span>dark mode<\/span><\/i>, jangan lupa pula pastikan tampilan serta fitur lainnya dalam website Anda sudah <\/span>user-friendly<\/span><\/i> dan <\/span>mobile-friendly<\/span><\/i>, ya.<\/span><\/p>\n

      Kalau belum, Anda tidak perlu khawatir karena tim Bikin.Website siap untuk membantu Anda memaksimalkan tampilan dan fungsi website.<\/span><\/p>\n

      Hubungi Tim Bikin.Website Di Sini!<\/a><\/p>\n

      Nah, sampai di sini dulu artikel kami kali ini, ya. Semoga cara yang kami bagikan bisa membantu Anda untuk membuat website menjadi <\/span>dark mode<\/span><\/i>. Selamat mencoba!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Buat Anda yang sering lembur mengurus konten website, pasti sangat paham nih bagaimana lelahnya mata melihat layar di malam hari. Ini juga nih yang dirasakan oleh para pengunjung website Anda. Cahaya terang dari layar PC di malam hari, bisa membuat pengunjung jadi tidak nyaman saat mengakses website Anda.\u00a0 Sebagai pemilik website, Anda tentu harus menjamin […]<\/p>\n","protected":false},"author":8,"featured_media":3008,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3,982,835],"tags":[1044,1045],"class_list":["post-2987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","category-wawasan","category-website","tag-cara-membuat-website-dark-mode","tag-dark-mode-website"],"yoast_head":"\nCara Membuat Website Dark Mode di WordPress Tanpa Coding<\/title>\n<meta name=\"description\" content=\"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Website Dark Mode di WordPress Tanpa Coding\" \/>\n<meta property=\"og:description\" content=\"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-20T02:04:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-20T11:04:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Cara Membuat Website Dark Mode di WordPress Tanpa Coding\",\"datePublished\":\"2023-06-20T02:04:02+00:00\",\"dateModified\":\"2023-06-20T11:04:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/\"},\"wordCount\":1268,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/membuat-website-dark-mode.jpg\",\"keywords\":[\"cara membuat website dark mode\",\"dark mode website\"],\"articleSection\":[\"Tips\",\"Wawasan\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/\",\"name\":\"Cara Membuat Website Dark Mode di WordPress Tanpa Coding\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/membuat-website-dark-mode.jpg\",\"datePublished\":\"2023-06-20T02:04:02+00:00\",\"dateModified\":\"2023-06-20T11:04:30+00:00\",\"description\":\"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/membuat-website-dark-mode.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/membuat-website-dark-mode.jpg\",\"width\":1333,\"height\":992,\"caption\":\"membuat website dark mode\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/cara-membuat-website-dark-mode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Website Dark Mode di WordPress Tanpa Coding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding","description":"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding","og_description":"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!","og_url":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/","og_site_name":"Bikin.Website","article_published_time":"2023-06-20T02:04:02+00:00","article_modified_time":"2023-06-20T11:04:30+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding","datePublished":"2023-06-20T02:04:02+00:00","dateModified":"2023-06-20T11:04:30+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/"},"wordCount":1268,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg","keywords":["cara membuat website dark mode","dark mode website"],"articleSection":["Tips","Wawasan","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/","url":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/","name":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg","datePublished":"2023-06-20T02:04:02+00:00","dateModified":"2023-06-20T11:04:30+00:00","description":"User experience selalu jadi yang nomor satu nih dalam membuat website. Yuk, tingkatkan user experience dengan cara membuat website dark mode!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/membuat-website-dark-mode.jpg","width":1333,"height":992,"caption":"membuat website dark mode"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/cara-membuat-website-dark-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Website Dark Mode di WordPress Tanpa Coding"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=2987"}],"version-history":[{"count":3,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2987\/revisions"}],"predecessor-version":[{"id":3007,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/2987\/revisions\/3007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3008"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=2987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=2987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}