Pernah mengalami masalah ketika edit CSS Wordpress tetapi tidak ada perubahan pada browser? Jika iya…sama . Solusinya silahkan refresh CSS Cache pada browser anda. Bagaimana caranya? Tenang…sebelum kita menginjak pada bagian cara merefresh CSS cache pada browser, sebaiknya kita cari tahu dulu kenapa dan untuk apa hal tersebut terjadi.

Suatu halaman web yang berat, dapat mengakibatkan loading page yang membutuhkan waktu lumayan lama. Oleh karena itu, setiap browser yang kita gunakan memiliki suatu fitur yang memang bisa membantu mengatasi masalah diatas. Disaat kita membuka halaman suatu web / blog, ketika itu browser menjalankan fitur cache yang dimilikinya. Setiap file CSS, Javascript, HTML dan Image yang ada pada halaman tersebut di cache oleh browser. Hal ini dimaksudkan supaya halaman tersebut lebih mudah (baca:lebih cepat) untuk di buka kembali.

Ironisnya, bagi kita para pengguna wordpress hal tersebut justru berdampak lain. Salah satu contoh yang saya alami, ketika mengedit file css di dashboard wordpress, hasil yang ditampilkan pada browser ternyata tidak ada perubahan. Hal ini disebabkan karena adanya css cache pada browser yang kita gunakan.

Cara Refresh CSS Cache Pada Browser

Bagi anda yang memiliki masalah yang sama seperti saya, silahkan ikuti cara – cara berikut di bawah ini :

1. Login ke Dashboard Wordpress, kemudian klik menu appearance ? editor.

2. Buka hile header.php, lalu cari kode seperti berikut ini :

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

3. Setelah itu, ganti kode diatas dengan kode berikut :

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

4. Klik Update file dan Selesai.

Gampang kan?

Semoga bermanfaat…..

Sumber : Force CSS Changes to “go live” immediately

Tags: Cache, Panduan Blog, Tips Wordpress, Tutorial Wordpress