Di luar sana, ada banyak sekali bertebaran tema atau template Wordpress gratis.
Namun, kita perlu hati-hati dalam menggunakan template gratis tersebut.
Beberapa hari yang lalu, saya sudah mengecek website wordpress teman saya. Katanya
ia memesan web sekaligus temanya dari seorang developer.
Eh, ternyata di sana ada script backdoor yang memungkinkan si developer masuk
kapan saja ke web dia.
Si developer bisa saja melakukan deface. Lalu, meminta bayaran tambahan untuk
mengembalikannya. Ini cara yang licik dan terkutuk.
Buat kamu yang belum paham cara membuat blog atau website dengan Wordpress, saya
sarankan membaca Cara Membuat Blog di Wordpressterlebih dahulu.
Pemahaman terhadap kode HTML, CSS, Javascript, dan PHP akan sangat membantu
sekali dalam pembuatan template.
Jika kamu belum memahami, silahkan pelajari dulu dasar-dasarnya. Silahkan cek
tutorialnya di sini:
Silahkan buat direktori baru di sana dengan nama temanya. Contoh: nama tema yang
akan saya buat adalah petanikode.
Kita akan meletakan semua file tema di dalam direktori tersebut. Pada tahapan awal
pembuatan tema ini, kita buat dulu dua file penting, yaitu:
1. index.php
2. dan style.css
File index.php adalah file utama yang akan diaksess saat website dibuka (homepage).
Sementara itu, file style.css berisi kode CSS untuk menghias dan mengatur tampilan
tema.
Isi file index.php
<!DOCTYPE html>
<html>
<head>
<title>Tema Wp pertama</title>
</head>
<body>
</body>
<html>
/*
Version: 0.1
Description: Tema ini untuk belajar membuat tema dari nol. Saat ini isinya
masih sedikit karena masih dasar. Insa’allah nanti akan menjadi makin banyak.
*/
Perhatikan!
Di dalam kode style.css berisi komentar yang akan menjadi meta data atu keterangan
dari template.
/*
Description: The 2013 theme for WordPress takes us back to the blog,
featuring a full range of post formats, each displayed beautifully in their
own unique way. Design details abound, starting with a vibrant color scheme
and matching header images, beautiful typography and icons, and a flexible
layout that looks great on any device, big or small.
Version: 1.0
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-
columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-
style, featured-images, microformats, post-formats, rtl-language-support,
sticky-post, translation-ready
*/
Keterangan:
Hore! selamat.
Apa Selanjutnya?
Tema pertama kita sudah bisa digunakan. Ini adalah tampilan awalnya. Tentu, ini
bukan hasil akhir yang kita inginkan.