Modifikasi Ukuran Lebar Theme Twenty Twelve
Ketika sebuah theme wordpress tidak mencukupi keperluan maka kita perlu sedikit melakukan modifikasi terutama jika Anda mengikuti program periklanan semisal Google Adsense dimana salah satu iklan yang kita pasang terlihat tidak pas dikarenakan ukuran lebar theme tidak mencukupi, modifikasi sebagian theme merupakan sesuatu hal yang sah yang penting kita harus memahami dan mengikuti syarat dan ketentuan sipembuat theme yang pada umunya perubahan dilakukan pada child theme.
Alasan merubah lebar theme dibanding mengecilkan ukuran iklan itu sendiri tergantung selera pemilik blog dengan berbagai pertimbangan yang sudah dipikirkan dahulu sebelumnya.
Dalam hal ini Saya Modifikasi Ukuran Lebar Theme Twenty Twelve di blog dikarenakan tidak muatnya iklan Google Adsense ukuran 728x90 dimana ketika di pasang didalam post atau content yang sejajar dengan post terlihat terlalu melebar sehingga tembus ke sidebar tentu ini terlihat tidak bagus.
Bagi yang awam termasuk Saya sendiri Modifikasi Ukuran Lebar Theme Twenty Twelve memang sedikit tidak mudah dibandingkan theme wordpress sebelumnya ini daikarenakan adanya pengukuran menggunakan REM, apa itu REM silahkan cari di google atau bisa baca di link berikut http://snook.ca/archives/html_and_css/font-size-with-rem
Oke, jadi dimana letak file dan baris yang harus di sesuaikan unuk Modifikasi Ukuran Lebar Theme Twenty Twelve ?
Silakan login ke Admin Wordpress Anda dan buka editor di menu appereance, edit style.css child theme Twenty Twelve yang sudah Anda buat, jika hanya ingin merubah ukulan lebar theme letakan kode berikut :
=============================================
/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] {
max-width: 1100px;
}
@media screen and (min-width: 600px) {
.site {
max-width: 1100px;
max-width: 78.571428571rem;
}
}
.ie .site {
max-width: 1100px;
}
=============================================
Thank You for voodoopress.com
Anda bisa langsung lihat tutorial lengkapnya di link tersebut, silahkan dipelajari dengan sekasama karena pada dasarnya selain hanya merubah ukuran theme harus juga ada yang dirubah yaitu pada bagian image thumbanil dan featured image, jika ingin juga Anda sesuaikan.
Ketika sebuah theme wordpress tidak mencukupi keperluan maka kita perlu sedikit melakukan modifikasi terutama jika Anda mengikuti program periklanan semisal Google Adsense dimana salah satu iklan yang kita pasang terlihat tidak pas dikarenakan ukuran lebar theme tidak mencukupi, modifikasi sebagian theme merupakan sesuatu hal yang sah yang penting kita harus memahami dan mengikuti syarat dan ketentuan sipembuat theme yang pada umunya perubahan dilakukan pada child theme.
Alasan merubah lebar theme dibanding mengecilkan ukuran iklan itu sendiri tergantung selera pemilik blog dengan berbagai pertimbangan yang sudah dipikirkan dahulu sebelumnya.
Dalam hal ini Saya Modifikasi Ukuran Lebar Theme Twenty Twelve di blog dikarenakan tidak muatnya iklan Google Adsense ukuran 728x90 dimana ketika di pasang didalam post atau content yang sejajar dengan post terlihat terlalu melebar sehingga tembus ke sidebar tentu ini terlihat tidak bagus.
Bagi yang awam termasuk Saya sendiri Modifikasi Ukuran Lebar Theme Twenty Twelve memang sedikit tidak mudah dibandingkan theme wordpress sebelumnya ini daikarenakan adanya pengukuran menggunakan REM, apa itu REM silahkan cari di google atau bisa baca di link berikut http://snook.ca/archives/html_and_css/font-size-with-rem
Oke, jadi dimana letak file dan baris yang harus di sesuaikan unuk Modifikasi Ukuran Lebar Theme Twenty Twelve ?
Silakan login ke Admin Wordpress Anda dan buka editor di menu appereance, edit style.css child theme Twenty Twelve yang sudah Anda buat, jika hanya ingin merubah ukulan lebar theme letakan kode berikut :
=============================================
/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] {
max-width: 1100px;
}
@media screen and (min-width: 600px) {
.site {
max-width: 1100px;
max-width: 78.571428571rem;
}
}
.ie .site {
max-width: 1100px;
}
=============================================
Thank You for voodoopress.com
Anda bisa langsung lihat tutorial lengkapnya di link tersebut, silahkan dipelajari dengan sekasama karena pada dasarnya selain hanya merubah ukuran theme harus juga ada yang dirubah yaitu pada bagian image thumbanil dan featured image, jika ingin juga Anda sesuaikan.