LukmanHermawan.com » template

Cara Membuat Theme Wordpress #1: Intro

Lukman — Wed, 12 May 2010 03:42:49 +0000

Setelah lama saya berusaha membuat template wordpress dari nol tahun lalu, akhirnya sekarang baru bisa mulai terwujud. Buat yang lama menunggu bocorannya, mohon maaf ya, banyak kendala soalnya.

Dalam pelajaran Cara Membuat Theme Wordpress kali ini, saya tidak akan langsung mengajarkan semuanya sekaligus. Saya akan mengajarkan langkah demi langkah, dari dasar hingga tingkat lanjut. Bila ada yang salah, mohon dikoreksi, saya juga masih belajar kok :)

Pelajaran ini terdiri atas 3 bagian:
1. Aturan dasar
2. Lingo

1a. Mengenal tag penutup dan tag pembuka
Dalam HTML, dikenal bahasa tag penutup dan tag pembuka. Berikut contohnya:

Dimana:

dan adalah tag pembuka,

dan adalah tag penutup.
Intinya semua tag pembuka harus diakhiri dengan tag penutup pasangannya.

Contoh Tag pembuka dan tag penutup pada unordered list yang benar:

Contoh Tag pembuka dan tag penutup pada unordered list yang salah:

Perbedaan yang paling mencolok adalah adanya tanda garis miring “/” (tanpa tanda petik) yang merupakan tanda tag penutup.

1b. File Wordpress Theme
Dalam setiap theme wordpress, setidaknya terdapat dua file pembangun theme. Yakni file index.php dan file style.css. Index.php adalah file utama yang dibaca oleh browser saat mengetikkan alamat domain. Sedangkan style.css adalah file yang mengatur tampilan, warna, bentuk font, dan lain sebagainya.

2. Lingo
Lingo bisa dibilang sebagai pengenalan akan istilah dalam Theme Wordpress.

Template – Sekumpulan kode dimana kita bisa menggunakannya di banyak halaman tanpa perlu menuliskan kode yang sama di halaman lain.
File template – Sebuah file template dari sekian file pembentuk theme. Setiap halaman dibuat dari beberapa file template.
Theme atau Wordpress theme – Semua file yang menggunakan teks, kode, gambar, dsb. Perlu diperhatikan: Wordpress theme dan Wordpress template(s) adalah dua hal yang berbeda.
Post – Saat ini Anda sedang membaca sebuat post, bisa dibilang satu halaman dari sebuah blog.
Page – Sebuah post yang khusus dimana tidak dimasukkan dalam suatu kategori. Page berbeda dengan Post.

Jika teman-teman sekalian ingin bertanya, jangan sungkan. Gunakan form komentar di bawah ya.

Ikuti pelajaran cara membuat theme wordpress ini dari awal.

Tutorial Belajar Membuat Wordpress Theme

Lukman — Wed, 12 May 2010 03:41:03 +0000

Apakah Anda ingin membuat wordpress theme sendiri? Bosan dengan theme gratisan yang banyak beredar di pasaran? Jawabannya tentu saja bikin sendiri. Nah, sebagai pemula saya ingin berbagi dalam cara membuat wordpress theme. Alangkah baiknya jika membaca webnya WordPress terlebih dahulu.

Yang ingin belajar, silahkan siapkan beberapa tool berikut:

Wordpress local – Wordpress lokal yang terinstall di komputer, sering disebut localhost. Jika kamu tidak bisa menginstal secara lokal, tidak usah khawatir, cukup praktekkan langsung saja di subdomain wordpress kamu.
Notepad: Untuk membuat file theme wordpress nantinya.
FileZilla atau FTP lainnya – Ini diperlukan untuk menge-tes secara online theme yang sudah jadi.
XHTML Validator dan CSS Validator – Ini diperlukan untuk mengecek validasi daripada theme kamu nantinya. Tools ini juga berguna untuk mengecek eror secara instan. Untuk yang ini nanti kita bahas.

Daftar lengkap tutorial:
#1: Intro
#2 masih dalam proses..

Saya Kembali Lagi

Lukman — Thu, 07 Jan 2010 12:18:26 +0000

Setelah sekian lama menghilang dari dunia blog ini, saya kembali mengisi absen kehadiran :) Hingga saat ini, begitu banyak hal yang telah saya lalui. Dan, perjalanan saya dalam mengejar wanita impian ternyata tidak sia-sia.

Ya, sekarang saya sudah tidak menjomblo. Tepatnya pada tgl 20 November 2009 kemarin saya jadian. Seneng sih, tapi yang sekarang menjadi persoalan adalah long distance relationship alias pacaran jarak jauh.

Ceritanya sih, kekasih saya itu disini bersama dengan kakaknya. Dan, saat kakaknya disuruh pulang, dia pun disuruh pulang (karena alasan anak cewek). Yah, mau tidak mau, harus menjalani kencan jarak jauh.

Selain itu, banyak pekerjaan menumpuk yang diakibatkan tutup buku yang terlalu cepat dari semestinya. Dikarenakan ada saudara yang sakit mendadak. Belum lagi jasa pembuatan website yang saya dirikan bersama teman, akhirnya harus berakhir dengan cara yang kurang mengenakkan.

Singkat cerita, kini saya berusaha kembali ke dunia perbloggeran yang menyenangkan ini, dengan didukung oleh kekasih yang jauh di Malang + konsen untuk membuat jasa pembuatan website yang jauh lebih baik dibandingkan sebelumnya.

Oh ya, mengenai tutorial cara membuat template wordpress dari 0, sementara saya tunda dulu. Maklum, urus kerjaan banyak bener. Nanti pasti saya sediakan kok :) Sementara bisa mengunjungi blg terbaru saya yang satu ini

Mayan, 2 Job Lagi Cuy…. Blackberry Semakin Dekat

Lukman — Mon, 06 Jul 2009 11:42:07 +0000

Kemarin bener-bener ngga rugi saat saya korbankan waktu bermain bilyar untuk bertemu mantan klien. Lah kok mantan? iya sih, sebenarnya doi barusan aja ngasih job buat ngemindahin data di web yang lama ke web yang baru dengan desain yang sama persis. Untungnya saya bisa ngerjain dan menurut klien saya yang bule ini, hasilnya memuaskan.

Tak diduga doi memberi job untuk yang kedua kalinya, bahkan doi bilang akan memberikan banyak job bila hasilnya terus memuaskan. Yah seneng sih bisa dapet job, keinginan untuk membeli Blackberry dengan memeras keringat ternyata ada hasilnya juga.

Sebenernya sih pengen Blackberry, tapi setelah saya melihat iphone di situs resminya, kok kayaknya bagusan iPhone ya? Secara harga lebih mahal gitu loh. Dan yang pasti produk Apple emang ok ok semua, sayangnya bila rusak cuma bisa ke Apple (harga servisnya kayak macbook, uang yang dikeluarin bila jatuh bunyinya: BUkKkk..)

Tapi bila dipikir-pikir, rasanya masih belum penting banget deh. Mendingan disimpen ajah kali-kali aja ada laptop baru (loh… sama aja jadinya). Kebiasaan buruk yang menurut saya harus dihilangkan, karena berpola konsumtif. Tapi menurut saya sah sah saja bila membeli sesuai kebutuhan kerja. Asalkan jangan membeli cuma buat gengsi dan ngikutin tren yang ga ada habisnya ini.

Daripada mikirin itu, mendingan saya selesaikan job berikutnya, biar cepet cair duitnya :)

Halaman Khusus Template Wordpress Gratisan

Lukman — Sun, 05 Jul 2009 02:38:53 +0000

Kemarin pas lagi asyik membuat template bernama Verlight (ditemani laptop axioo kesayangan), eh terlintas pikiran untuk membuat halaman khusus template buatan saya. Bahasa kerennya template gallery gitu. Bukan bermaksud pamer sih, cuma biar rapi aja. Selain itu biar memudahkan saya dalam membenahi template yang masih banyak kekurangannya.

Harapannya sih banyak yang download theme buatan saya itu, bangga loh hasil karya kalo dipake ama orang lain :) Bagi temen-temen sesama blogger yang mungkin sudah memakai template saya (GR mode:on), dimohon dengan sangat kritik dan sarannya.

Untuk kritik dan saran khususnya, bisa dialamatkan di halaman khusus template wordpress gratisan ini. Selain memberikan kritik saran, temen-temen juga bisa request template yang sekiranya diinginkan. Semoga saya bisa mewujudkannya hehe…

Udah dulu ya, mau maen Facebook lagi nih. Maklum orang desa baru bisa mainan FB :)

Masih Belum Saatnya

Lukman — Sat, 04 Jul 2009 10:50:35 +0000

Mohon maaf ternyata janji saya untuk mengajarkan tutorial membuat template wordpress dari nol saya undur lagi untuk beberapa minggu ke depan. Hal ini dikarenakan bukan saya pelit, namun karena ilmu saya masih belum layak untuk menulis tutorial itu.

Seiring pergantian template blog-blog saya, semakin hari saya semakin haus untuk lebih memperindah desain template blog-blog saya tersebut. Kepala ini terasa pusing begitu menemui batu sandungan dimana imajinasi tinggi tapi apa daya masih belum mampu mewujudkan dalam dunia per-desainan.

Apalagi kalo suatu saat ada yang tanya tentang template dan saya ga ngerti maksudnya (masih mending ngga bisa jawab), lucu banget jadinya. Nah, daripada saya bingung, saya putuskan untuk menunda dulu menulis tutorialnya. Sisi positifnya adalah ilmu saya makin bertambah sedikit demi sedikit. Dan sisi negatifnya, kepala saya sering pusing sampe susah tidur.

Malam mingguan? Sukur-sukur kalo bisa, seringnya sih begadang seharian sambil belajar bikin template wordpress. Untungnya masih belum punya pacar wkwkwkwkwk, eh untung apa rugi ya?

Empat Template Dalam 2 Minggu Asli Bikin Tepar

Lukman — Wed, 17 Jun 2009 18:26:31 +0000

Setelah peluncuran Candy Theme yang merupakan template kedua saya (yang pertama template hasil belajar sih), saya langsung mewujudkan ide untuk membuat template bersidebar 2. Sebenernya udah jadi sih, tapi saya masih belum sempet menguploadnya. Maklum setelah membuat template wordpress yang bersidebar 2, saya langsung mendapatkan ide untuk membuat desain situs portal berita.

Tidak saya sia-siakan, ide yang datang secara kebetulan langsung saya wujudkan meski hasilnya boleh dibilang biasa. Tapi bagi saya pribadi, merupakan kebanggaan tersendiri bisa membuat template sendiri :). Dan sekali lagi, karena saya belum jago, template yang saya usung bertema minimalis dan enteng. Di Indonesia kan koneksi internet masih lemot, jadi saya fokuskan supaya loadingnya enteng. Percuma bagus tapi berat kan, yang ada orang malah males nungguinnya.

Penasaran dengan template yang baru saya wujudkan? Simak saja disini, versi gratisannya akan segera saya rilis, tapi harap sabar ya maklum beberapa hari tidur tidak nyenyak. Sebenarnya ide tersebut saya peroleh saat mengajarkan tentang bergabung di YahooGroups. Ditambah dengan ide segar yang muncul saat di (maaf) toilet, sidebar yang mustinya cuma bisa 2, saya bikin menjadi 4 sidebar. Dengan pengaturan widget yang sangat mudah tentunya.

Untuk template bersidebar 2 dan template portal berita ini akan saya berikan secara gratis. Buruan disedot sebelum hilang gratisannya :). Kapan? Ditunggu aja hehe… masih tepar nih

Candy Theme My First Custom Template (Free Download)

Lukman — Thu, 11 Jun 2009 03:18:48 +0000

Setelah sekitar sebulan belajar membuat theme wordpress sendiri di wpdesigner.com, akhirnya rampung juga template wordpress saya yang perdana alias starter pack kali ya :). Belajar via website yang saya rasa sangat bagus tersebut memang membuahkan hasil yang luar biasa menurut saya.

Bayangkan saja, saya yang kode php saja tidak “teteh” kok bermimpi membikin template wordpress sendiri. Tapi siapa yang mengira saya sudah merampungkan hanya dalam waktu 30 hari? Saya sendiri juga agak ga percaya gimana gitu :P

Meski template yang saya buat ini sangat sangat amat sederhana, dan mungkin norak bagi sebagian orang, tapi saya bangga karena ini hasil dari kerja keras saya yang sempat tanya sana-sini dan hampir bunuh diri putus asa. Saya beri nama Candy Theme karena berwarna norak dan melambangkan kebebasan saya dalam berekspresi. Dan, saya yakin template ini juga sangat ringan, cocok buat pemula seperti saya. Apalagi saya masih belum mampu membuat template yang lebih bagus.

Bagi yang ingin memakainya saya sediakan gratis, silahkan diunduh sepuasnya :). Adapun fiturnya:

pengaturan ads banner 125×125 sebanyak 2 biji yang sangat mudah
sudah valid css dan html
1 sidebar yang langsung terhubung dengan widget standar wordpress
pengaturan page dengan page break
penomoran pada komentar
warna kotak yang berbeda untuk admin pada komentar
fitur next page pada index
fitur next dan previous pada single post

Download candyver.04

Seingat saya cuma itu sih :) Mohon kritik dan sarannya yah supaya saya bisa membuat yang lebih bagus di lain waktu (tentunya akan saya berikan gratis).

Note:
*Anda juga bisa mendownload wordpress template gratisan yang lain di halaman Template Wordpress Gratis
**Jangan lupa kritik dan sarannya, saya tunggu loh :P

Cara Membuat Template Wordpress Dari Nol

Lukman — Sat, 11 Apr 2009 04:54:06 +0000

Bagaimana cara membuat template wordpress dari nol? Pertanyaan yang bagus namun jawabannya kurang bagus. Jawabannya sih saya sendiri masih belajar membuat template wordpress dari nol alias dari awal. Jika biasanya saya cuma ngehack merombak mengedit template wordpress yang gratisan, kali ini saya mau belajar membuat template wordpress dari dasar.

Alasannya sederhana, saya pengen sekali bisa men-custom template wordpress blog-blog saya. Coba aja nih kalo saya bayarin orang untuk ngebuatin template wordpress blog saya, yang ada saya bangkrut sebelum berbisnis internet hehehe… Alasan kedua adalah saya ingin membuat template yang made in LukmanHermawan.com gitu loh. Selain itu saya juga ingin menajadi desainer handal yang membagi-bagikan ilmu sekarang gratis.

Karena saya sendiri sadar betapa susahnya mencari tutorial yang berhubungan dengan membuat template wordpress, apalagi yang berbahasa indonesia. Yang berbahasa inggris sih banyak berkeliaran di internet (tanya om google kalo kagak percaye).

Yah inilah cerita dari pergumulan saya selama beberapa bulan terakhir ini, maklum saya orang yang mengutamakan kesempurnaan dan waktu. Bagi saya mempunyai blog yang rame itu hebat, tapi lebih hebat lagi jika desainnya tidak memalukan :) Kalau desainnya bagus tapi sepi banget sih juga sama aja boong wkwkwkwkkww Doakan ya doakan saya cepat bisa.