Home > Menengah > Seputar CMS > Tutorial Wordpress > Cara Membuat Template WordPress Bagian 1 – Persiapan

.

2 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Salam. Mungkin banyak dari Anda yang web designer, yang sudah sekian lama bergelut di bidang html dan css, ingin sekali tau cara membuat template wordpress  sendiri, tanpa mengerti bagaimana caranya, kalaupun tutorialnya ada itu pun dengan segala keterbatasan.

wplogoblue-stacked-rgb

Tutorial kali ini penulis khususkan bagi Anda semua yang baru akan menginjak atau sudah lama di dunia web design, dan ingin tau caranya bagaimana cara membuat template wordpress sendiri.

Di tutorial bagian pertama ini kita akan mempelajari bagaimana dasar-dasar dalam melakukan pembuatan template wordpress. Mengapa wordpress? Banyak sekali alasannya, selain karena wordpress dapat dikostumisasi secara maksimal, web designer pemula pun dengan mudah membuat templatenya.

Meskipun mudah, tapi hal yang paling utama di butuhkan adalah logika. Jadi dari sekarang mainkan logika Anda.

Ada beberapa yang perlu di persiapkan dalam pembuatan template wordpress…

Pastikan Anda sudah menginstall xampp dan wordpress terlebih dahulu, misalkan letaknya ada di  :

x:/xampp/htdocs/wplabz

ini adalah letak folder wordpress bagi Anda yang menggunakan xampp , diluar dari xampp silahkan di sesuaikan

 

Langkah 1

Di haruskan menyediakan satu buat template karya Anda sendiri, lalu tempatkan folder template Anda yang berisi file-file HTML, CSS,  gambar-gambar dan lain lain, letakkan di

x:/xampp/htdocs/wplabz/wp-content/themes

Struktur filenya kurang lebih seperti ini nantinya :

  1. Folder images,
  2. index.html,
  3. style.css

wp

Jika struktur file template Anda masih belum seperti itu maka silahkan di sesuaikan , jika ada file-file tambahan yang lain biarkan saja. Tapi jelasnya file css untuk template nya bernama style.css jika ada yang meletakkan di dalam folder atau file css nya memiliki nama yang berbeda silahkan di sesuaikan dan di rapikan.

 

Langkah 2

Yang paling utama dari template wordpress adalah file index.php dan style.css nya. Namun sistem wordpress mendeteksi nama, jenis, deskripsi, dan pembuat template ada dibagian header dari file style.css seperti apakah ??

 

Silahkan masukkan script tersebut di bagian paling Atas dari file style.css

script

Kemudian jika bagian template utama nama filenya adalah index.html maka silahkan diganti terlebih dahulu menjadi index.php

Bagi Anda yang ingin mendalami konversi template html dan css ke dalam template wordpress, atau cara membuat template wordpress sendiri dari nol. Kami menyediakan Video Tutorial + Ebook. Berjudul “IW Course: Konversi HTML&CSS Ke WordPress – WP Themes Development”. Mengantarkan Anda menjadi master dalam WordPress Themes Development. Terdiri dari 10 BAB Pembahasan, membuat template wordpress profesional, beserta admin panelnya. Klik disini untuk memesan IW Course: Konversi HTML&CSS Ke WordPress – WP Themes Development

 

Setelah itu silahkan masuk ke dalam admin wordpress dan masuk ke bagian :
Appearance > Themes

result

 

http://localhost/wplabz/wp-admin/themes.php

dan lihat hasilnya …

kita akan lanjut di pertemuan selanjutnya …

silahkan download file latihannya di sini

http://www.ilmuwebsite.com/wp-content/uploads/2013/11/coolblue-template.rar

Begitulah tutorial bagaimana cara membuat template wordpress sendiri…  Silahkan lanjutkan ke tutorial Cara Membuat Template WordPress Bagian 2 – Header

 

Loka Dwiartara
Ilmuwebsite Staff

 

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



2 Response untuk Artikel Ini

  1. iiknR

    salam buat mas Loka… simple ya :) sakin simplenya saya jadi banyak pertanyaan.??? wordpress itu kan cmd… tentu jika mensikronisasi data base user berupa(artikel, id) maka untuk menampilkan data tersebut dibutuhkan asosiasi yang akan berfungsi menampilkan data tersebut dalam tampilan… tentu tidak bisa membuat design sendiri tanpa mengikuti template yang mampu berjalan dalam WP. pertanyaan template seperti ap agar bisa work dalam WP… ok Jzkllah


  2. IW

    nanti akan di jelaskan juga di bagian bagian selanjutnya


You must be logged in to post a comment.

eXTReMe Tracker