Technology, blog, general, programming, tutorial

Membedah theme Didats.net

February 14th, 2008

Didats dot netMenjadi seorang web designer tentunya punya beban dan ego yang besar terhadap situsnya sendiri. Dengan segenap usaha, daya, jurus-jurus maut, pokoknya semua kemampuan dikeluarkan demi mempercantik situs blognya sendiri.

Bukan sekali dua kali, setelah selesai proses design, dan setelah puas, lalu beristirahat sebentar. Setelah beberapa menit kembali di depan macbook kesayangan, ternyata hati sudah berubah. Design yang tadi sudah dibuat, seakan-akan jadi design yang paling jelek sedunia. Halah. Ganti lagi lah jadinya. Hehehe.

Nah, mumpung lagi doyan nulis, maka yang ada di kepala saya, akan saya tuliskan semua. Tak perduli sudah berapa komentar yang masuk, juga tak perduli berapa orang yang baca. Yang penting nulis aja dulu…

Export data ke Wordpress

Setelah mempelajari struktur database Wordpress, akhirnya saya memberanikan diri untuk pindah ke Wordpress. Kebetulan struktur datanya tidak banyak perbedaan dengan blog hasil buatan saya. Proses pemindahan data tidak memakan banyak waktu di kode PHP. Hanya banyak memakan waktu saat mencocokkan data dari Didats.net yang dulu ke Wordpress. Lebih tepatnya, faktor mempelajarinya itu yang butuh waktu.

Terminologi Blog Didats.net

Saya punya dua kategori utama untuk setiap post yang saya tulis. Yaitu Blog dan Sideblog. Penggunaan sideblog di sebelah kanan pada halaman depan tidak menggunakan plugin apa-apa. Hanya mengandalkan kategori Sideblog saja.

Bagaimana memisahkan antara sideblog dan post?

Saya biasanya menggunakan fungsi get_post yang ada di wordpress. Untuk menampilkan post terakhir, saya menuliskannya sebagai berikut:

Maksud dari perintah di atas adalah, “tampilkan 1 post terakhir dengan kategori id adalah 3″. Kategori ID nomor 3 sendiri adalah kategori Blog. Jadi, kategori blog adalah hal wajib ketika saya ingin menampilkannya sebagai sebuah post, bukan sebagai sideblog.

Previous Post

Untuk Previous post, saya menggunakan query_post. Tidak ada bedanya menggunakan query_posts atau get_posts. Parameter untuk menampilkan previous post adalah seperti di bawah ini:

Penjelasannya, query_post akan menghasilkan 5 buah post terakhir dengan kategori ID adalah Blog. Nah, saya menampilkan 5 post, tapi kenapa yang keluar cuma 4?

Perlu diketahui, 5 buah post terakhir, juga berarti post yang sudah saya tampilkan sebelumnya di bagian atas. Jadi, untuk tidak mengikutsertakan post terakhir, maka saya menggunakan variabel penunjuk $i.

Jadi, sebelum ada perulangan foreach, saya mendaftarkan sebuah variabel bernama i yang bernilai 0. Di dalam perulangan, saya langsung menambahkan variabel i tersebut dengan 1 (ditandai dengan $i++). Setelah adanya penambahan, saya langsung memberikan kondisi. Kondisinya, jika nilai variabel i adalah 1, maka perulangan pertama akan diabaikan, dan langsung memulai perulangan kedua.

Dan untuk menampilkan preview gambar di setiap post, saya menggunakan bahasa Regular Expression yang mengambil gambar pertama yang ada di post, dengan kode di bawah ini:

Dari kode di atas, saya mencoba untuk langsung berinteraksi dengan database menggunakan bahasa SQL. Dengan kode SQL “SELECT post_content FROM $wpdb->posts WHERE ID = $id“, maka saya akan mendapatkan isi konten dari post yang sedang diakses.

Isi kontent tersebut akhirnya saya proses untuk mencari tag image. Saya sendiri hanya mengambil tag image pertama yang ada di dalam isi konten. Lalu URL image saya masukkan ke dalam variabel $image_src.

Nah, dari situ kita bisa langsung menampilkan gambarnya dengan tag IMG, tapi terlebih dahulu kita cek, apakan gambar di temukan. Jika tidak, maka tidak perlu ditampilkan. Berikut perintahnya:

Nah, gampang kan? :p

Sideblog tanpa plugin

Untuk menampilkan sebuah sideblog tanpa menggunakan plugin, saya hanya menggunakan kode berikut ini:

Artinya, Tampilkan 8 post terakhir dari kategori ID 14. Kategori ID nomor 14 sendiri adalah Sideblog. Penggunaan sideblog tanpa plugin berarti mempermudah saya untuk mengkategorisasi setiap post yang mau saya publish.

Dan dengan banyak kostumisasi dari Wordpress, maka memungkinkan kita membuat apapun yang kita inginkan dari sebuah wordpress saja. Memang ada beberapa kelemahan, tapi saya pikir kelemahan itu bisa kita tutup dengan pengetahuan yang kita punya tentang wordpress.


Share:
These icons link to social bookmarking sites where readers can share and discover new web pages.

  • bodytext
  • del.icio.us
  • Facebook
  • Google
  • Ma.gnolia
  • StumbleUpon
  • Technorati

Daftar sekarang juga untuk cara gampang dapat uang lewat blog


27 Comments


Gravatar
#1. chazzuka » 15.02.2008

he eh liat photo aku kira gugun gondrong :P

Gravatar
#2. Jauhari » 15.02.2008

O jadi begitu

FAHAM FAHAM angguk angguk

Gravatar
#3. sigit » 15.02.2008

hmmm… Dats, kayaknya udah perlu diganti lagi d’ theme-nya kekekeke…:p

*kabur

Gravatar
#4. agung » 15.02.2008

yup…semakin okeh sajah nih.

Gravatar
#5. daustralala » 15.02.2008

ooo begitu ya…

*sok ngerti

Gravatar
#6. Fany » 15.02.2008

oo yg sideblog (atau selected category) gitu to..
kalo bukan pake kategori tapi tags gimane? sama aja kah?

Gravatar
#7. Yogi » 16.02.2008

Ahh, pak guru pintar sekali…
Sebagai anak murid, saya ngangguk2 aja deh :D.

Keep on sharing pak guru…

Gravatar
#8. agung » 16.02.2008

cuman bisa manggut-manggut dan tunduk hormat sama sang master, caranya OK banget suheng hehehe

thank infonya sangat menarik

Gravatar
#9. Didats Triadi » 16.02.2008

*jitakin yg manggil pak guruw*

Gravatar
#10. geblek » 16.02.2008

weee saya nyari cara nampilin img itu datsm hah ternyata cuma spt itu :) tes ah

Gravatar
#11. geblek » 16.02.2008

xixixi gak bisa jg ternyata dats, apa ada tambahan selain itu untuk ambil img di postingan yg ditaruh di previous post itu dats.

Gravatar
#12. Suwahadi » 16.02.2008

Hm… betul2 membingungkan :D

Gravatar
#13. Deny Sri Supriyono » 18.02.2008

itu gue nyari-nyari yang ngambil image buat previous post :d

lanjut, dats!
*sambil nyatet buat contekan

Gravatar
#14. Insan » 20.02.2008

met kenal, pak. bagus tampilan baru dan tutorialnya.

untuk “image-preview” bukannya lebih mudah pake get_post_meta()?

Gravatar
#15. Didats Triadi » 20.02.2008

#14 get_post_meta itu kan ngambil custom field. masalahnya, image-nya kan gag di simpen sebagai custom field, tapi ngambil dari konten.

Gravatar
#16. Indra » 22.02.2008

Di, saya ngerti yang soal memisahkan category untuk blog dan sideblog. Tapi menampilkannya? automatis yang masuk kategori sideblog ga mau gw tampilin di main blog. dan juga sebaliknya.

Gimana tuh?

Gravatar
#17. Indra » 22.02.2008

eh ga jadi deh.. baru ngeh. hahahaha.

Gravatar
#18. Didats Triadi » 22.02.2008

#16 loh, justru itu dipisahin kan?
Kalau mau ditampilkan semua di main blog, berarti gag usah ada klasifikasi di main blognya. tampilkan semua kategori aja.

Kecuali, di bagian Feed-nya. semua post data akan di tampilkan di feed. karena feed mengikuti klasifikasi secara default.

Gravatar
#19. tobby » 22.02.2008

maaass aku nyonto ilmunya yoh =)) hampir 60% ilmu ma inspirasi dapet dr sini =)) tapi aku ga njiplak lhoh… makasih banyak yoh mas =))

Gravatar
#20. geblek » 22.02.2008

dats untuk sideblog yg tanpa plugins itu saya coba kok dia masuk ke halaman utama juga, jadi ada 2, di sidebar ada juga :)

Gravatar
#21. Didats Triadi » 22.02.2008

#19 iya, ndak opo2 toh…

#20 di halaman utama udah di klasifikasi belom kalo yg boleh keluar cuma kategori tertentu?

kalo keluar di halaman utamanya, berarti blom di klasifikasi-in tuh

Gravatar
#22. geblek » 24.02.2008

cara klarifikasi dihalaman utama agar category sideblog gak tampil gimana dats ?
ah pasti elo bilang ini kan dasar banget :)

Gravatar
#23. Didats Triadi » 24.02.2008

#22 nah itu dia,
elu harus punya satu kategori yang akan selalu muncul di halaman utamanya.

kalo di blog gw, itu kategori blog. seperti sebuah kategori default.

dan untuk si sideblog, elu cukup kasih kategori sideblog aje, gag usah dikasih kategori blog.

eh, ngerti gag? :D

Gravatar
#24. taufan » 25.02.2008

wah,artikel yang ini keren bgt mas dats!
btw busway, hosting 1500G emang bagus tuh.cm mpe skarang temen2 malah mngundurkan diri.nunggu proyek situs dari kampus aja deh,baru pake link referrernya mas didats :)

Gravatar
#25. ega » 20.04.2008

numpang lewat mawon mas

Gravatar
#26. yossy » 08.05.2008

bos aku minta contoh buat php dunk..
previus post na ..
bisa gak, thnak ,, kirim ke mail kuw yah

Gravatar
#27. yossy » 08.05.2008

bos aku minta contoh buat php dunk..
previus post na ..
bisa gak, thank ,, kirim ke mail kuw yah

Leave a Reply




Daftar sekarang juga untuk cara gampang dapat uang lewat blog