Blog Website Gratis

Menambahkan Custom CSS WordPress

Melalui tutorial ini, kami berharap Anda dapat memahami cara membuat CSS sendiri di WordPress. Dengan itu, kalian dapat mengelola elemen tertentu serta membuat tampilan website Anda untuk lebih menarik dan user-friendly.

Opsi 1 – Menambahkan Custom CSS WordPress dengan Plugin

Cara termudah untuk membuat CSS sendiri di WordPress adalah dengan menggunakan sebuah plugin. Ada banyak plugin yang bisa Anda pilih pada WordPress. Kami akan membahas tentang plugin custom CSS WordPress serta mengetahui cara kerjanya pada website. Perlu diingat, semua tool yang dapat digunakan dalam panduan ini dapat dengan mudah diinstall pada Plugins > Add New pada dashboard.

Simple Custom CSS

Simple Custom CSS merupakan sebuah plugin yang tersedia di WordPress paling banyak digunakan oleh pengguna. Plugin ini, Anda dapat mengelola tema sesuai keinginan pada override tema CSS saat ini. Meskipun tema telah diubah, value yang Anda buat akan tetap sama.

Jika telah diaktifkan, tool ini bisa diakses via Appearance > Custom CSS. Penggunaan tool ini tidak terlalu sulit. Masukkan value apapun yang Anda inginkan ke editor dan simpan.

Refresh website untuk bisa melihat perubahan yang dilakukan

WP Add Custom CSS

WP Add Custom CSS merupakan sebuah tool lain yang bisa Anda manfaatkan untuk membuat custom CSS WordPress.

Custom CSS WordPress

 

Jika telah diunduh dan diinstall pada WordPress, plugin ini akan muncul di bagian yang dedicated pada dashboard. Anda bisa mengaktifkan dan menerapkan CSS ke website.

Custom CSS WordPress

Hal paling utama dari menginstall plugin ini adalah adanya sebuah CSS editor di bawah setiap post. Melalui editor tersebut, Anda bisa menerapkan CSS berbeda untuk individual pada post jika memang diperlukan.

Custom WordPress CSS

Refresh browser Anda untuk melihat perubahan pada website.

Wordpress CSS Custom

Site Origin CSS

Site Origin CSS adalah tool yang interaktif dan mudah digunakan untuk menambahkan custom CSS WordPress.

Custom WordPress CSS

Jika sudah terinstall, plugin ini bisa diakses di Appearance > Custom CSS.

Custom CSS WordPress

Plugin ini menawarkan interface editor yang mudah digunakan untuk pengguna, sehingga Anda dapat memilih bagian mana pun dari situs dan mengeditnya menggunakan tool yang telah tersedia atau dengan menambahkan kode secara manual.

Cara Membuat Custom CSS WordPress Sendiri

Simple Custom CSS and JS

Simple Custom CSS and JS merupakan tool yang layak untuk Anda coba. Plugin ini memiliki banyak fitur tambahan jika dibandingkan dengan  sebelumnya. Fitur tersebut bisa digunakan untuk menambahkan entri custom JavaScritp.

Simple Custom CSS and JS

Setelah terinstall pada WordPress Anda, plugin ini bisa diakses melalui bagian terpisah yang ada di bawah dashboard. Di bagian atau area tersebut, Anda dapat membuat entry custom CSS, sama seperti ketika Anda membuat post WordPress.

Simple Custom CSS and JS

Untuk bisa mengakses perubahan yang diterapkan, dengan ubah tag H1 shingga lebih colorful.

Simple Custom CSS and JS

Simpan dan lihat perubahan yang Anda telah lakukan.

Simple Custom CSS and JS

Cara Menambahkan CSS di WordPress dengan Theme Customizer

Custom CSS WordPress dapat mudah dibuat jika versi WordPress Anda adalah 4.7 atau juga di atas 4.7. Versi ini menawarkan tool inbuilt pada theme customizer. Untuk bisa menggunakan tool tersebut, buka Appearance > Customize pada dashboard.

Custom CSS WordPress bisa dengan mudah dibuat jika versi WordPress Anda adalah 4.7 dan di atas 4.7. Versi ini menawarkan tool inbuilt pada theme customizer. Untuk bisa menggunakan tool tersebut, buka Appearance > Customize pada dashboard.

Scroll ke bawah dan klik pada Additional CSS

Custom CSS WordPress

Dengan tool inbuilt tersebut, Kalian bisa membuat atau juga menambahkan kode CSS apapun. Saking mudahnya, bahkan dengan tool tersebut, Anda bisa melihat tampilan website versi mobile dan tablet. Tentu ini menjadi kelebihan tersendiri mengingat zaman sekarang orang-orang lebih suka mengakses internet via perangkat mobile.

 

 

Prayoga Hakim

Segera dapatkan website secara gratis, cukup bayar hosting dan domain saja
Powered by