Bantuan » Komunitas WordPress Indonesia » Komunitas Pengguna » Masalah Css yang tidak muncul setelah di edit

  • Misi gan mau tanya nih… saya kesulitan nih, ketika mengedit style.css pada themes wordpress, untuk melihat perubahannya selalu harus clear cache pada browser, untuk diri sendiri tidak masalah tapi kalo untuk pengunjung yang sering datang ke web pasti akan tidak langsung bisa melihat style yang telah kita rubah.. itulah edit melalui style.css, namun berbeda dengan edit style dengan menambahkan style baru pada header.php ketika kita save, maka tanpa clear cache juga style yang kita inginkan langsung bisa di lihat. pertanyaannya bagaimana caranya agar ketika kita edit style.css bisa langsung berubah style-nya ??.. terimakasih

Melihat 4 balasan - 1 sampai 4 (dari total 4)
  • edit seperti biasa, refresh/clear cache browser & blog

    Biasa hal tersebut terjadi karna hosting yang anda gunakan kurang kenceng. beralih aja ke hosting provider yang lebih ngebut..

    Salam kenal.

    Cache bermanfaat untuk user agar mereka tidak terlalu terbebani ketika membuka website. Salah satu cara yang bisa dilakukan developer agar mudah dalam editing file css adalah dengan menambahkan version secara inline pada bagian tag stylesheet. Berikut caranya

    Buka file header.php, cari baris yang berisi tag link stylesheet, misal:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    Replace dengan ini:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="screen" />

    Contoh output:

    <link rel="stylesheet" href="http://website-theme-url/style.css?1427693398" type="text/css" media="screen" />

    Kode tersebut berfungsi untuk menampilkan angka berupa waktu file style.css terakhir kali diedit yang diasumsikan oleh browser sebagai nama file tersendiri. Nama file css yang berbeda akan mencegah browser untuk menampilkan css yang sudah dicache. Setiap kali file css dirubah angka tersebut akan berubah juga setiap kali browser refresh.

    Cara tersebut berfungsi diluar kondisi website yang menggunakan sistem caching, misal W3TotalCache atau WordFence. Selain itu, cara tersebut juga berfungsi jika theme yang dipakai menggunakan css yang default, yaitu di folder-theme/style.css.

    Perlu diingat juga, bahwa cache sebenarnya membantu user. Jadi sebenarnya sebagai developer, kita yang harus berusaha lebih keras jika ada masalah css caching seperti ini. Tips yang mungkin bisa dilakukan selain edit koding adalah dengan menggunakan browser dengan mode Private (firefox) atau Incognito (chrome) untuk mencegah caching.

    Semoga membantu. Taufan

    Pencetus Utas ugie

    (@apel-ijo)

    Terimakasih banyak untuk semua jawabannya.. khususnya buat bang Taufan, jawabannya sangat puas dan sangat membantu sekali,… terimakasih bang taufan, atas semua sharing Ilmunya…

Melihat 4 balasan - 1 sampai 4 (dari total 4)
  • Topik ‘Masalah Css yang tidak muncul setelah di edit’ tertutup untuk balasan baru.