CSS tidak memperbarui di browser ketika saya mengubahnya

Saya sedang mengerjakan CSS situs wordpress saya. Saat saya melakukan perubahan dan menyegarkan halaman, perubahan itu tidak tercermin. Ketika saya menghapus riwayat browser dan cache perubahan masih tercermin. Ketika saya melihat kode sumber halaman dan melihat file css itu memiliki konten lama sebelum perubahan. Bagaimana cara saya memperbarui ini agar saya dapat mengembangkan?

Tambahkan nomor versi acak di akhir file css yang Anda lampirkan. Jika Anda menggunakan fungsi ' wp_enqueue_style ' atau wp_register_style , berikan nomor acak (versi) rand(111,9999)ke parameter ke-4. Jika Anda melampirkan css sebagai tag html, Anda harus menambahkan " ?ver=<?php echo rand(111,999)?>" di akhir nama file. Contohnya ada di sini

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

atau

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

Ini akan menghindari caching pada caching akhir klien dan mungkin caching server juga.

Saya tahu posting ini sudah berumur lebih dari satu tahun tetapi saya pikir saya akan menyebutkan bahwa CloudFlare melakukan cache file statis seperti css, js dan gambar untuk membantu dalam waktu pemuatan yang lebih cepat. Sesuatu yang saya hanya perlu waktu berjam-jam untuk mencari tahu, karena saya mengalami masalah dengan perubahan css saya tidak mencerminkan reload. CloudFlare memiliki mode Pengembangan yang dapat Anda aktifkan selama 3 jam. Jika Anda lupa untuk mengaktifkannya sebelum Anda mulai membuat modifikasi maka Anda dapat membersihkan cache dari manajemen cloudflare.

Mungkin saja host Anda menggunakan sesuatu seperti Varnish untuk menyimpan cache situs Anda. Saya mengalami ini dengan situs klien yang di-host di akun hosting bersama cut-rate. Satu-satunya obat yang saya temukan adalah bersabar.

Jika Anda menggunakan tema anak, mungkin Anda harus meminta lembar gaya tema anak untuk melihat perubahannya segera. Ini menyelesaikan masalah saya.

Hanya ingin menunjukkan - pastikan untuk memperhatikan plugin caching yang telah Anda instal. Cache Fastest WP , misalnya, dapat membuat masalah ini jika Anda tidak ingat untuk login ke dashboard WP dan klik "Clear Cache -> Hapus Cache dan Minified CSS / JS" di menu nav.

Ini mungkin sudah tua. Tetapi saya perlu mendukung seseorang yang mungkin mencari bantuan. Saya memiliki masalah yang sama dan saya memeriksa plugin saya. Ada plugin "w3 total cache" yang mempercepat pemuatan. Itu adalah plugin cache sisi server jadi saya menonaktifkannya. Perubahan css terlihat kembali secara realtime. Ada banyak memuat penguat plugin. Jadi periksa daftar plugin Anda dan nonaktifkan mereka sampai Anda menyelesaikan pengembangan.