Batik WordPress Theme
Setelah sembilan themes blogazine rampung kini saatnya saya menepati janji yaitu saya akan membuat theme yang tidak bernuansa blogazine . Dan Insya Allah ini akan tembus di directory WordPress seperti theme sebelumnya. Insya Allah kedepannya saya akan membuat satu theme yang powerfull untuk user yang suka jualan alias theme untuk bisnis atau toko online.
Oke sekarang kita mulai membahas batik wordpress theme yang saya buat. Anda mungkin mengenal smashing magazine, nah theme batik ini terlihat seperti desain smashing magazine namun saya tidak mencotek dari smashing magazine anda bisa lihat struktur theme ini.
Kode di dalam theme ini sangat rampung, namun anda bisa buktikan theme batik ini sangat semantik dari penyusunan heading di single saya membuat menjadi H1. Anda pun mempunyai breadcrumb yang otomatis ada di setiap halaman dengan kode yang minim.
Adsense? Iklan? hehehe, dasar blogger Indonesia. Yaps, saya memberikan options panel untuk penempatan iklan adsense anda tinggal memasukan code iklan atau image untuk iklan yang ingin di tampilkan. Anda bisa menampilkannya sesuai keinginan misal di halaman depan atau membuat dinamis di setiap halaman.
Mulanya saya memberikan flexslider tapi akhirnya saya lepas karena sepertinya hanya menambah berat saja terkecuali sesuai dengan landing page. Insya Allah theme berikutnya ada efek seperti itu. Kalau di batik theme anda bisa menambahkan social media URL di options panel. Buat google verifikasi dan bing verifikasi juga sudah tersedia.
Di halaman depan dan page sudah tersedia page navigations jadi anda tidak perlu menginstal plugin page navi karena ini sudah langsung ada di halaman depan.
Untuk Typhograpy dan font saya memberikan yang ringan dengan license karena wordpress maunya yang mempunyai licensi. Dan akhirnya keputusan jatuh pada Neuton font dengan SIL license. Saya rasa font ini cantik dan ringan anda bisa melihat di browser IE jadul seperti 6, 7 dan IE8 karena format .eot sudah tersedia.
Untuk sementara belum ada demo silahkan download batik theme jika berminat.
Dari namanya batik berarti saya membuat corak batik untuk background, theme ini menyediakan dua sampai tiga kolom sidebar jadi anda tinggal menyesuaikan saja di theme options panel dan widget page. Theme ini pun sudah lolos validasi HTML5 di halaman depan.
Saya memberikan pemisahan sidebar dan tak memanggil get_template_part cukup memanggil sidebar saja. Di folder tersedia dua yaitu sidebar-icon untuk social media setup dan sidebar-adds untuk adsense setup, PPC atau sejenisnya.
Form pencarian sudah default dari theme tersebut ada di bagian atas sebelah kiri dan ketika anda masuk ke single maka breadcrumb akan muncul di atasnya ini untuk mengatasi tidak terlalu banyak link optimasi. Karena jika terlalu banyak optimasi SEO bisa di tendang pinguin dan panda katanya. SO…saya membuat agar breadcrumb menjadi user friendly dan berfungsi dengan baik seperti navigasi.
Sekarang kita ke kolom komentar, saya membuat berbeda untuk author komentar dengan pseudo elemen CSS. Jadi ketika anda masuk dasboard dan berkomentar di blog anda maka terlihat jelas pemilik blog tersebut berkomentar.
Kesimpulannya theme batik wordpress ini minimum kode tapi maksimum dalam fungsi. Semoga saja cepat di aprove oleh pihak wordpress.org. Amin.. akhir kata semoga berguna dan bermanfaat.
Amdhas
Beginilah Palatino Linotype font..tapi klasik juga gua demen lihatnya. Font favorit mr COEN. = kode kodean =
Dua font favorit Saya: League Gothic dari Mozilla Development Network
dan Ubuntu hehe :p
Oya, blog Deconstruction Code kok sekarang nggak bisa dibuka lagi y? Emang siapa saja sih yang boleh masuk?
wah… amin bang semoga cepet di aprove juga, saya jadi makin banyak koleksi template dari abang, hehehe…
OOT: bang kalau soal membuat keyword dan deskripsi yg tidak menggunakan plugin itu macam mana ya bang? dulu pernah baca tulisan abang, tapi sayang dokumen tersebut terhapus di grup lama, dan saya belum sempet kopi
Oh..iya gua pernah buat tutorialnya ya..emmm..itu bisa dengan membuat meta box atau hanya dengan custom field aja. Nah makanya gua bilang ga usah pake plugin SEO karena sebenarnya wordpress sudah mendukung.
Begini kode simplenya untuk custom field:
Coba loe masukin di antara kode
<head></head><?php if (is_single()) {
$omague = get_post_meta($post->ID, ‘omague’, true);
if (!empty($omague)) { ?>
<meta name=”Description” content=”<?php echo $omague; ?>”/>
<?php }
} ?>
Nah ketika nanti kita memposting coba klik di sebelah kanan atas dan centang custom field. Nanti di bawah editor ada meta box, lalu loe isi custom field tersebut dengan nama omague. sesuai variable php. Coba perhatikan variablenya gua kasih
$omagueisi tanpa dolar jadi omague untuk nama custom field.Nah tinggal ente isi aja deskripsinya..dan lihat hasilnya. Simple kan? dari pada pake plugin SEO malahan ini lebih di sarankan wordpress..buktikan aja klo ga percaya.
Semoga bermanfaat. PISS.
wah matur kesuwun bang, bila dimasukan di header seperti penggunaan pada meta robots tag berita yg pernah abang tulis dulu juga bisa kan bang, solanya biar gak banyak2 kode lagi, deskripsi ini saya butuhkan di index,single dan page saja bang, gua sih mau menggunakan keywords juga bang, apakah tinggal rubah variable
$omaguemenjadi misal%keywordsdan menganti…<meta name=”Description” content=”<?php echo $omague; ?>”/>menjadi
<meta name=”Keywords” content=”<?php echo $keywords; ?>”/>bener gak tuh bang?masih dikit awam masalah php hehehe piss :D
Tadi di group sudah di bahas rizqy..tapi kode yang mas dhen berikan berfungsi. Itu juga bisa di terapkan.
iya bang udah dibahas sama Rizky, akhirnya saya tidak menggunakan itu dan mendapat saran dari Rizki menggunakan ini, dan alhamdulillah sukses
<!– Deskripsi dan Keywords –>
<?php if (is_singular()) {
$dheny = get_post_meta($post->ID, ‘dheny’, true);
$cahyoe = get_post_meta($post->ID, ‘cahyoe’, true);
if (!empty($dheny)) { ?>
<meta name=”keywords” content=”<?php echo $dheny; ?>”/>
<?php }
if (!empty($cahyoe)) { ?>
<meta name=”description” content=”<?php echo $cahyoe; ?>”/>
<?php } } ?>
<?php if (is_home()) { ?>
<meta name=”keywords” content=”bla…bla…bla…”>
<meta name=”description” content=”bla…bla…bla..”>
<?php }?>
<!– End Deskripsi dan Keyword –>
saya ikut mendukung juga mas dengan batik wp theme-nya … :)
semakin pusing aja mau pilih theme … :D
mantep itu mas,,tp sayang saya pke blogcepot,,,heheheh
semoga sukses mas dhas. . . .
wah keren nih theme nya, bernuansa tradisional, :)
terima kasih telah berbagi
semoga cepat ke approve di wordpress mas…
themesnya keren.. fitur2nya sama kayak theme premium theme junkie
weiittt.. udah keluar baru nih, punya saya aja belum jadi satupun :D
salut, mantap :)
Pelan2 riz..hehe..mudah2an yang ini di aprove riz.
semakin hebat aja mas bikin themes nya, semakin inovatis :D
Huwee… ini neh Theme WordPress yang INDONESIA BANGEEET!!!
Dengan BATIK sebagai CIRI KHASnya… MANTAAAAAFFFF BANGEEEET!!!!
ayo pake batik…
cintailah prodhuq prodhuq indonesia…
#dengan gaya spt markus salim & titik puspa :D
donlot dulu ah, coba di offline dulu :D
Ijin sedot ya mas :D
Saya juga suka nih font Palatino Linotype nya.. Kalau masang font jenis ini harus diupload dulu ga mas?
Ga harus sih..tergantung OS [operation sistem] apakah menyediakan font sejenis palatino.
Ini masuk dalam font stack klo ga salah generiknya masih serif. Cuma di postingan ini ane ga kasih generiknya cuma kasih:
font-family:Palatino Linotype;Untuk themes ane pake neuton dengan font face, masih belum di kasih generik. Sepertinya memang cursive:
font-family:'Neuton', cursive;Klo smashing magazine berbayar karena pakai proxima nova, tapi Neuton ga kalah cantik ko.
Template khas Indonesia ini sepertinya, Batik. Hehehe, semoga cepat di approve ya bang? :)
Semakin bangga dengan indonesia ayo2 mari budayakan batik :D
Wah, baru lagi ya Mas… kelihatannya dari screenshotnya aja fast loading banget tuh. Yang blogazine kemarin saya belajar masih belum begitu paham untuk membuat Blog dengan konsep magazine. tapi tema-temanya sudah mengkoleksi tema buatan mas Amdhas :D
Keren mas temanya, web designer ya :D
Asik, memperkenalkan budaya batik melalui tema wordpress. Semoga bisa cepat di approve bang temanya seperti indo dan art blogazine.
Template khas Indonesia sangat ,moga aja cepet di approve.. AMIIN :)
ditunggu demonya bang ,, mau lihat kayaknya bagus nih ,:)
wah keren mas bro
wow ada juga theme dengan tema BATIK… mantap… dan kalau bisa juga bisa dikenalkan di luar negeri juga supaya semua dunia ngerti kalau BATIK itu ASALNYA dari INDONESIA.. mantap postingannya… trims
Art theme is my first choice, its good to know that you are going to introduce it on this site soon.