Friday, May 16, 2014

Merubah Tampilan WordPress Dengan Plugins

images

Tentu kita sudah tahu bahwa wordpress selft host memiliki banyak kelebihan, bagi kita pengguna WordPress tentu sangatlah dimanjakan dengan fitur -fitur yang ada pada WordPress
Seperti halnya dengan Blogspot atau Blogger.com pada wordpress kita bisa merubah atau memodifikasi tampilan template di style css pada menu Editor yang telah disediakan oleh developer.
Namun seringnya kita dibuat agak bingung dalam mencari fungsi dan class mana yang akan kita rubah atau kita hilangkan, terlebih  pada add on plugins yang kita gunakan karena semua terperinci dan terpisah tidak seperti Blogspot yang menyatu dalam kalbu.. eh dalam satu menjadi dlam kesatuan yang utuh ,
maksud looh ???  :ngakak
Makin bingung lagi karena setiap template masing – masing developer mempunyai struktur yang berbeda, kan ya bisa pusing ??
pusing bagaimana ?
lah iya cara merubahnya saja terkadang berbeda atau bisa diasumsikan beda template kadang beda cara atau trik merubahnya, orang jawa bilang ” owallah njilimet .. cari lagi.. ketemu dan bilang owalaah begini toh ”

ahh.. malah dongeng
Jadi begini, untuk menghilangkan atau merubah tampilan Author, tanggal posting atau komentar pada pada halaman posting wordpress kita bisa menggunakan plugins Simple Custom CSS, tanpa harus blusukan mencari dan merubahnya pada menu Editor.
Bisa juga merubah format teks, navigasi dan lain sebagainya…
Bisakah digunakan untuk custom posting yang menggunakan plugin seperti jigoshopatau wp chart atau apalah  yang diterapkan utuk input product karena saya menggunakan plugins tersebut pada toko online atau Jobpress plugins pada situs lowongan yang saya buat ?
“karena kadang gak mempan ketika saya edit dari menu editor dan saya pun pusing saat edit dari menu editor plugins mas??”
Tentu sangat bisa, bahkan untuk yang kurang faham PHP seperti saya pun dibuatnya terbantu.
so sweeat  :hope
Oke mas, dilanjut dongengnya…
Langsung saja kita bisa download atau dalam kamus bahasa Indonesia adalah kita unduhdisini
Setelah itu kita install dan aktifkan kita sudah bisa mulai menggunakannya untuk modifikasi template kita,
Kemudian masuk panel Appearance >> Simple Custom CSS 
Mari kita coba untuk menghilangkan tanggal posting..
Jika Ada belum tau class tanggal posting itu menggunakan panggilan apa ??? silahkan cari di view sourch page Anda
nah, ini dia hasil yang saya temukan setelah setelah blusukan di  view sourch page template saya
<div class=”below-title-meta”>

<div class=”adt“>



** yang tercetak tebal itulah class yang akan kita gunakan,
selanjutnya kita iput perintah berikut pada Simple Custom CSS  untuk menhapus tampilan tanggal posting :
.adt { display: none !important; }
atau kode berikut untuk mempertebal tampilan tanggal posting
.adt { display: bold !important; }

Sedangkan ntuk menghilangkan Autor bisa menambahkan kode berikut
.author { display: none !important; }
atau jika ingin mempertebal dengan kode berikut
.author { display: bold !important; }

**lalu klik simpan
Apabila anda jengkel atau kurang sreg dengan tampilan teks comment are closeddibawah area posting Anda silahkan cari kodenya dan input seperti struktur perintah diatas,
misal pada template saya menggunkan kode dan perintah berikut :

.adt-comment { display: none !important; }


**lalu klik simpan
Dan selanjutnya silahkan dikembangkan indera ke 6 Anda jika ingin memodifikasi tampilan – tampilan yang lain pada template Anda.
Semoga membantu bagi yang sedang belajar memodifikasi template wordpress kesayangan Anda, atau  ada kesulitan silahkan tinggalkan komentar dan mari kita diskusikan..
Bagi yang sudah Expert atau punya trik dengan plugins yang lain, monggo silahkan share juga ilmunya untuk kebaikan bersama.
Bagi saya pribadi yang plugins ini begitu berarti, karena sangat simpel dan tentunya sangat mudah digunakan.
** Terlebih untuk template yang belum dilengkapi menu custom panel yang berfungsi untuk merubah tampilan – tampilan yang telah kita bahas tadi.
Terimakasih untuk yang sudah baca sekilas dongeng saya ini  :cendol
Share it now!

0 comments:

Post a Comment