Memulai Membuat Coding Tema Wordpress

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.

16 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat