Apakah sobat mengalami masalah saat mengedit template blog di menu tata letak?
Masalahnya adalah terlalu melebarnya kolom-kolom editan template hingga melewati layar HP dan kita kesulitan mengklik link editnya. Oya, ini tutor khusus buat user mobile alias pengguna HP. Kalau PC tentu tak bermasalah kan?
Kalau jawabnya pernah, berarti anda berada di blog yang tepat untuk memecahkan solusi yang tak berarti ini, hehe...
Biasanya masalah seperti ini sering kita jumpai pada template-template keluaran Lasantha. Saya sering pakai template Lasantha ini, maklumlah saya pemula yang belum mampu beli template premium berbayar. Domain aja masih gratisan?
Tapi kalau anda ingin praktis dan ga ribet, pakai saja template keluaran Sora.
Anda tak perlu ke warnet untuk mengedit tata letak tadi. Bagaimana caranya?
Sangat mudah, bagi yang sudah paham.
Siapkan aplikasi editor text. Saya sendiri pakai Quick Edit.
Cari kode b:template-skin di menu CSS.
Nah dibawahnya itu kan kode body#layout dari header wrapper, main wrapper, outer wrapper, sidebar left/right dan footer. Ini khusus CSS template untuk pengeditan di menu tata letak. Disinilah permasalah tadi.
Anda tinggal memilih mana yang mau diedit. Kalau kode CSS yang dicari belum ada, silakan menambahkan sendiri, misalnya: Anda kesulitan menemukan link edit di sidebar kanan akibat width yang terlalu melebar. Masukkan kode seperti ini:
Bidadari Syurga:
body#layout #header-wrapper {width: (ganti lebar yang anda inginkan, mis: 600px; ......
}
Gunakan kode body#layout dan sambungkan dengan tag CSS yang ingin diedit sepeti contoh diatas.
Saya kasih contoh lagi, anda ingin merampingkan width di sidebar kanan template tata letak anda.
Bidadari Syurga:
body#layout #lsidebar-wrapper {width: 600px;...
}
Nah sudah faham kan?
Hanya saja dampak dari pengeditan ini, tampilan dari menu tata letak anda centang perenang alias acakadul 😀
Tapi kan ga apa-apa, yang penting anda bisa mengeditnya. Toh ini cuma tampil di dashboard bukan di publik.
Tapi kalau anda mau susah payah untuk mengedit tampilan tata letak anda, silakan saja dari mulai header, main post, sidebar dan footer. Kalau saya sendiri sih cukup merampingkan width outer-wrapper nya. Sudah, mengecil semuanya 😀
Oke lah demikan tips kecil dari saya bisa membantu anda-anda yang pemula kayak saya ini. Ini pengalaman saya pribadi, jika anda punya tips yang lebih oke ya silakan dipakai saja..
Ok, selamat mencoba dan selamat berbingung ria 😀
Nantinya jika sering otak-atik akan lebih mengerti. Kode CSS mudah juga dikenali. Saya yakin orang awam pun bisa.
ReplyDeleteTapi saya punya saran, sebaiknya sidebar cukup satu saja, sehingga ruang artikel atau postingan akan lebih lebar, sehingga pembaca merasa nyaman.
Saya kira tampilan 1 atau 2 sidebar sama saja ukuran ruang artikelnya. Kan sudah autofit di layar HP, ini kalau di HP ya? Soalnya saya pake HP. Ga tau kalau via PC. Tapi makasih saran san kunjungannya.
DeleteKalau pakai hape memang tidak begitu tampak perbedaannya. Kalau artikelnya panjang, pastinya pembaca akan kerepotan karena menscrol kebawah. Tapi itu memang pilihan dan kesenangan dari setiap orang.
DeleteSudah saya coba edit 1 bar, ribet juga Sob. Untuk saat ini biar gini ajalah dulu 😀
Deletesip kang, ilmu baru ni hehe 😁
ReplyDeleteSemoga bermanfaat Sob, hehe..
DeletePost a Comment