Cara Custom CSS di Shortcodes Ultime Wordpress

Cara Custom CSS di Shortcodes Ultimate WordPress

Diposting pada

Shortcodes Ultimate adalah sebuah Plugin WordPress, disini anda bisa Custom CSS jika tampilan pada bawaan CSS dari Shortcodes Ultimate tidak sesuai dengan keinginan. Sebelum melangkah ke tutorial, sebaiknya pahami dulu apa itu Shorcodes Ultimate?

Seperti yang sudah saya sempat singgung diatas Plugin ini berguna untuk memudahkan para user wordpress dalam menulis atau mengedit artikel yang akan anda tulis.

Terkadang ada sebagian pengguna tidak puas dengan code yang disiapkan oleh bawaan WordPress dan lebih memilih Plugin tambahan sehingga hasil tulisannya lebih rapih dan cantik.

Custom CSS di Shortcodes Ultimate

Di Plugin ini sebenarnya terdapat banyak sekali kode yang bisa membantu anda dalam penulisan artikel, tapi pada tutorial ini saya akan mencotohkan untuk mengedit salah satu kode CSS yaitu  CSS Table dan CSS Button .

Langkah pertama yang harus anda siapkan adalah tentu saja dengan menginstall plugin shortcodes ultimate nya, jika tidak maka tutorial ini tidak akan nyambung, kemudian.

1. Masuk kedalam panel admin dan pilih  shortcodes .

2. Kemudian akan terdapat Tulisan   Custom CSS Code  di bagian atas dan halaman code kosong. Disitu lah nanti kita akan menulis ulang code CSS yang akan kita Modifikasi.

Langkah 1 Cara Custom CSS di Shortcodes Ultime WordPress

3. Kemudian gulirkan mouse anda kebawah sampai melihat More Information, klik bagian tersebut maka muncul Open shortcodes.ful.css.

Langkah 2 Cara Custom CSS di Shortcodes Ultime WordPress

Perlu anda ketahui di dalam  shortcodes.full.css  tersebut lah semua CSS Shortcodes Ultimate terdapat.

4. Jika anda sudah membuka shortcodes.full.css maka akan muncul CSS banyak sekali, karena pada kesempatan kali ini saya akan Custom bagian Table, jadi cukup cari code table saja.

5. Sudah ketemu ? jika sudah, silahkan paste kedalam box Custom CSS seperti pada gambar no. 1 di atas.

Langkah 3 Cara Custom CSS di Shortcodes Ultime WordPress

6. Edit dan sesuaikan keinginan anda dan pilih Simpan Perubahan.

Oh ya, Untuk informasi semua kode yang akan kalian ubah melalui Custom CSS Code dalam Kotak tadi akan menimpa atau menggantikan Code CSS yang lama karena tertulis sebagai Code CSS Prioritas.

Sebagai Referensi Custom CSS Shortcodes Ultimate sedikit saya memberikan contoh table yang sudah saya sesuaikan dengan selera saya sendiri.

TableTable
TableTable
TableTable
TableTable

Dan juga tombol demo yang sudah saya sesuaikan lebar dan marginnya agar lebih enak dilihat bagi saya.

Bagaimana ? Sudah berhasil untuk mengeditnya, tutorial ini didasarkan bagi anda yang belum paham betul tentang Code CSS ataupun bermain WordPress, karena saya juga sama baru didalam dunia WordPress.

Jika ada kesulitan dalam tutorial ini anda bisa meninggalkan komentar dibawah atau bisa menghubungi Admin Blog Mang Otep melalui email yang sudah disediakan. Terimakasih.

2 thoughts on “Cara Custom CSS di Shortcodes Ultimate WordPress

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *