Membuat personalisasi dengan pratinjau waktu-nyata di blog Anda jauh lebih mudah, dan jauh lebih memuaskan, bila Anda memiliki kemampuan untuk melihat perubahan yang berbeda segera setelah Anda membuatnya. Cara terbaik untuk membuat perubahan yang berlaku secara real time tentu saja dengan menggunakan plugin.
kustomisasi CSS adalah fitur yang ditawarkan oleh beberapa plugin aktif WordPress.org. Jika Anda mencari plugin yang menghasilkan stylesheet (Kode CSS), Anda memiliki beberapa pilihan yang tersedia untuk Anda. Namun, meskipun ada banyak plugin yang dapat Anda gunakan untuk membuat kode CSS kustom, hanya ada sedikit opsi yang menawarkan pengeditan kode CSS secara real-time.
Jadi setelah menjelajahi direktori plugin untuk menemukan solusi atas batasan ini, saya berhasil menemukan beberapa permata langka yang patut kita perhatikan.
Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Cara memasang blog WordPress dalam 7 langkah et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda
Lalu kembali ke mengapa kita ada di sini.
1. Pensil Kuning: Editor Gaya Visual CSS
Yellow Pencil adalah editor gaya visual yang dapat Anda gunakan dengan tema apa pun untuk mempersonalisasi situs web Anda dalam hitungan menit (font, warna, animasi, dan lainnya…).
Ce WordPress Plugin premium akan membuat gaya CSS dengan latar belakang saat Anda bermain dengan warna seolah-olah itu adalah game. Ini dirancang untuk pemula dan juga pengguna berpengalaman.
Temukan juga milik kami Plugin 5 WordPress untuk menampilkan notifikasi
Tidak diperlukan pengetahuan pengkodean. Namun, WordPress Plugin memiliki editor CSS yang bagus untuk mereka yang suka membuat kode. Anda dapat membuat kode langsung dengan editor ini dan menyesuaikan CSS Anda.
Download | Demo | Hébergement Web
2. JS dan CSS Kustom mudah
Ce WordPress Plugin premium adalah editor kode CSS dan JavaScript yang kuat yang memungkinkan Anda menambahkannya ke bagian mana pun di situs web Anda. Hal ini memungkinkan Anda untuk menjaga kustomisasi Anda bahkan setelah pembaruan besar dari Anda tema WordPress.
Anda memiliki opsi untuk membatasi bidang penggunaan kode pribadi Anda. Misalnya, Anda dapat menggunakan kode Anda hanya untuk artikel yang memiliki format video.
Lihat artikel kami di Cara membutuhkan penerimaan persyaratan penggunaan di WordPress
Atau Anda dapat membatasi kode Anda menjadi a tema WordPress spesifik; Yang berguna jika Anda sering mengganti tema untuk blog WordPress.
Download | Demo | Hébergement Web
3. JS dan CSS khusus untuk Gutenberg
JS dan CSS Khusus untuk plugin WordPress premium Gutenberg akan memungkinkan Anda menambahkan gaya kustom dalam jumlah tak terbatas ke editor WYSIWYG untuk posting dan halaman WordPress Anda. Ini sepenuhnya kompatibel dengan versi Gutenberg WordPress.
Anda cukup membuat gaya baru dengan editor CSS yang mudah digunakan. Plugin WordPress ini memperluas fitur bidang khusus dari situs web Anda dan memberi Anda kemampuan untuk memodifikasi bidang khusus Anda dengan modul personalisasi yang dinamis dan kuat. dan fungsi dari pratinjau waktu-nyata plugin WordPress ini membuatnya sangat nyaman dan ramah pengguna.
Download | Demo | Hébergement Web
4. Canggih CSS Editor
Perusahaan produk ThemeIsle dan Wunderkind WordPress mengembangkan plugin ini. Setelah menginstal dan mengaktifkan yang terakhir, arahkan ke lokasi berikut “ Penampilan> Personalisasi Untuk mengakses dasbor dan mencari "Editor CSS Lanjutan" di menu. Ini akan muncul di bagian atas daftar item menu di Customizer.
Untuk mengubah kode CSS, yang harus Anda lakukan adalah menambahkan selektor dan aturan yang berlaku untuk itu di kotak teks saat Anda mengklik "menu". Editor CSS Tingkat Lanjut".
Lihat juga Bagaimana meningkatkan halaman rendahnya kualitas blog Anda
Aturan CSS dapat ditulis untuk diterapkan secara umum atau untuk menargetkan elemen tertentu pada perangkat tertentu (komputer, ponsel, tablet, dll.). Segera setelah aturan ditulis, Penyesuai akan menampilkan pratinjau dengan perubahan yang telah dibuat.
Download | Demo | Hébergement Web
5. SiteOrigin CSS
Sejauh ini plugin WordPress yang menawarkan opsi terbanyak dalam daftar ini. Hal yang paling menakjubkan tentang yang terakhir adalah gratis. Plugin WordPress ini adalah satu-satunya yang tidak dapat ditemukan di customizer.
Setelah menginstal dan mengaktifkan plugin, Anda perlu menavigasi ke lokasi berikut “ Penampilan> CSS Khusus Untuk mengakses edisi CSS plugin. Di halaman ini, Anda dapat melihat editor teks yang tidak menawarkan pratinjau langsung.
Baca juga artikel kami di Plugin 10 WordPress untuk meningkatkan penjualan situs web Anda
Untuk mengakses yang terakhir, Anda harus mengklik salah satu dari dua tombol yang muncul di sebelah kiri, tepat di atas editor. Tombol dengan ikon mata akan menampilkan editor kode CSS visual yang akan disukai para penggemar. Ikon dengan panah ekstensi akan menampilkan editor teks yang menyiratkan penguasaan kode CSS.
Download | Demo | Hébergement Web
Sumber daya lain yang direkomendasikan
Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.
- Plugin 7 WordPress untuk mengoptimalkan SEO gambar di situs web Anda
- Bagaimana cara mencari sponsor dan menguangkan blog Anda?
- Cara menghapus string v = xxx dari URL WordPress
- Bagaimana cara menambahkan scroll tanpa batas ke blog WordPress
Kesimpulan
Disini adalah ! Itu saja untuk daftar ini plugin WordPress premium yang akan membantu Anda mengedit CSS secara visual di blog Anda. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan.
Namun, Anda juga dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Kami mengundang Anda untuk berbagi di jejaring sosial favorit Anda.
...