Loncat ke Konten Utama

5 plugin WordPress untuk mengedit CSS secara visual

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Melakukan kustomisasi dengan pratinjau waktu-nyata di blog Anda jauh lebih mudah, dan jauh lebih memuaskan, ketika Anda memiliki kesempatan untuk melihat perubahan yang berbeda segera setelah Anda membuatnya. Cara terbaik untuk membuat perubahan yang berlaku secara real time tentu saja 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. Tetapi, sementara ada banyak plugin yang dapat Anda gunakan untuk membuat CSS khusus, ada beberapa opsi yang menawarkan pengeditan kode CSS real-time.

Jadi setelah menjelajahi direktori plugins untuk menemukan solusi untuk batas ini, saya berhasil menemukan beberapa permata langka yang pantas mendapatkan perhatian kita.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 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 menyesuaikan situs web Anda dalam hitungan menit (font, warna, animasi, dan lainnya ...).

Plugin WordPress premium ini akan membuat gaya CSS di latar belakang saat Anda bermain dengan warna seolah-olah itu adalah sebuah permainan, itu telah dirancang untuk pengguna pemula dan berpengalaman.

Temukan juga milik kami Plugin 5 WordPress untuk menampilkan notifikasi

Tidak diperlukan pengetahuan pengkodean. Namun, plugin WordPress memiliki editor CSS yang bagus untuk mereka yang suka kode. Anda dapat memberi kode langsung dengan editor ini dan menyesuaikan CSS Anda.

Download | Demo | Hébergement Web

2. JS dan CSS Kustom mudah

Plugin WordPress premium ini adalah CSS yang kuat dan editor kode JavaScript yang memungkinkan Anda untuk menambahkannya ke bagian mana pun dari situs web Anda. Ini memungkinkan Anda untuk mempertahankan kustomisasi Anda bahkan setelah pembaruan penting dari tema WordPress Anda.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Anda memiliki kemungkinan 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 ke tema WordPress tertentu; Yang berguna jika Anda sedang mengubah tema untuk blog WordPress Anda.

Download | Demo | Hébergement Web

3. JS dan CSS khusus untuk Gutenberg

Plugin WordPress premium untuk JS dan CSS Kustom Gutenberg akan memungkinkan Anda untuk menambahkan jumlah gaya kustom yang tidak terbatas ke editor WYSIWYG untuk artikel Anda dan halaman WordPress. Ini sepenuhnya kompatibel dengan WordPress versi Gutenberg.

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.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Download | Demo | Hébergement Web

4. Canggih CSS Editor

Perusahaan produk WordPress, ThemeIsle dan Wunderkind mengembangkan plugin ini. Setelah menginstal dan mengaktifkannya, navigasikan ke lokasi berikut " Penampilan> Personalisasi Untuk mengakses dasbor dan mencari "Advanced CSS Editor" di menu. Ini akan muncul di bagian atas daftar item menu di menu Customizer.

Untuk memodifikasi kode CSS, cukup tambahkan pemilih dan aturan yang berlaku di kotak teks ketika 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 item 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 ditemukan di penyesuai.

Setelah Anda menginstal dan mengaktifkan plugin, Anda harus pergi ke lokasi berikut " Penampilan> CSS Khusus Untuk mengakses plugin edisi CSS. Di halaman ini, Anda dapat melihat editor teks yang tidak menawarkan pratinjau waktu-nyata.

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 dihargai penggemar. Ikon dengan panah ekstensi akan menampilkan editor teks yang akan melibatkan penguasaan kode CSS.

Download | Demo | Hébergement Web

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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.

Kesimpulan

Voila! 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 akan 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.

...

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
5 saham
saham2
menciak
Register3