Memulai Membuat Coding Tema Wordpress

16/10/2015    Ekky Ridyanto    1251     Website

Sebelum kita memulai coding temanya kita atur sedikit seperti apa Wordpress ini ? kenapa orang banyak menggunakannya. Contohnya Jika kita ingin membuat post caranya kebagian menu post lalu add new untuk menambahkannya. Teman teman bisa berikan judul dan content yang akan kita tampilkan sebagai berikut

dan salah satu yang favoritnya adanya WYSIWYG

dimana kita bisa mengatur tata letak, membuat list, atau mau membuat tulisan tebal miring dan lain-lain. Jika sudah kita bisa publish post tersebut dan lihat hasilnya di view site

dan secara otomatis akan menambahkan content yang kita buat. Itu dia gambarannya Jika teman teman tidak tahu coding semudah itu dalam menambahkannya itulah alasan kenapa banyak orang yang menggunakan CMS terutama Wordpress. Fokus utama kita adalah membuat tema. Oke kita mulai pertama silahkan buka folder dan cari folder instalasi wordpressnya lalu ada folder wp-content kemudian diklik dan cari folder theme sebagai berikut

masuk folder tersebut dan secara otomatis akan ada tiga folder disini dan tidak lain tidak bukan itu tema-tema yang sudah otomatis ada ketika kita melakukan instalasi wordpress.

Cara buat baru bisa kita tebak kita tinggal buat folder dan berikan namanya sesuai dengan yang teman teman inginkan. Contohnya saya buat folder

dan didalamya kita akan buat 2 buah file yakni file HTMLnya untuk membuat struktur contentnya dan file CSSnya untuk tampilannya.

Yang pertama pada file CSSnya kita akan buat sebuah deskripsi atau informasi untuk tema yang kita buat dan tidak perlu detail misalnya saya akan menambahkan 5 informasi sebagai berikut

Sebenarnya masih banyak lagi tentang informasi pembuatan tema silahkan kunjungi link codex.wordpress.org/Theme_Development.. dan jika teman teman kehalaman dashbord ke bagian appearance lalu pilih theme dan akan terlihat tema yang kita buat dimana kita sudah berhasil membuat tema pertama kita.

jika teman teman ingin menambahkan gambar covernya caranya mudah buka folder dan masukkan gambar ke dalam folder tema kita dan berikan namanya yang penting yakni screenshoot.png

dan jika temen mau aktifkan tema tersebut klik tombol active dan kejutannya klo kita tampilkan view site semuanya kosong kenapa ? karena yang bertanggung jawab mengeluarkan content adalah index.php tersebut sementara index.php masing dalam keadaan kosong. Mari kita buktikan saya buat elemen <h1> sebagai berikut

dan jika ditampilkan dijendela browser akan terlihat tulisan Hello Word. Jadi mulai dari sekarang teman teman akan melihat fungsi fungsi dari wordpress yang dimana teman teman bisa gunakan untuk menampilkan contentnya. Terima Kasih Selamat Mencoba.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More