Home > Menengah > Seputar CMS > Tutorial Wordpress > Cara Membuat Template WordPress Bagian 2 – Header

.

2 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Bapak-bapak … ibu ibu … sekalian … kita akan memasuki tutorial bagaimana cara membuat template wordpress bagian ke 2, yakni pembuatan header. Prok prok prok…

wplogoblue-stacked-rgb

Di pertemuan yang kedua ini kita akan coba lebih dalam menggarap bagaimana cara  membuat template wordpress dengan menggunakan template yang sudah ada. Di praktik kali ini kita akan mencoba sebuah template yang sudah distandarkan sesuai dengan syarat-syarat SEO, dan cocok untuk dijadikan ke dalam template wordpress. Yakni template yang saya berikan di akhir tutorial ini, template coolblue, penulis dapet mungut di jalan. Bukan buatan penulis sendiri.

Template coolblue, akan kita konversikan ke dalam wordpress. Mengikuti langkah sebelumnya
Silahkan download file templatenya di sini http://www.ilmuwebsite.com/wp-content/uploads/2013/11/coolblue-template.rar

 

Langkah 1

Tempatkan folder template Anda yang berisi file-file HTML, CSS,  gambar-gambar dan lain lain, letakkan di :

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

Struktur file didalamnya kurang lebih seperti ini nantinya :

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

Langkah 2 


Memasukkan script tersebut di bagian paling Atas dari file style.css

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

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

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

 

lalu akan muncul sebuah template baru bernama coolblue :

result

Nah di bagian kali ini kita akan mencoba masuk ke dalam pembuatan template wordpress bagian header templatenya terlebih dahulu, pada praktik sebelumnya saya sudah menyediakan :

Di langkah ke 3 ini kita akan mencoba memasukkan tag-tag di atas ke dalam bagian header template.

Langkah pertama silahkan buka file index.php nya, kita akan masukkan script ini kebagian <title></title> , jadi nanti scriptnya ada di dalam tag title,

 

 

… di sini mewakili script script yang lain …

Kemudian sebelum tag headnya berakhir silahkan sisipkan script di bawah ini

Kemudian lakukan activate pada template di dalam admin panel wordpress bagian Appearance > Themes

Itu adalah praktik kali ini untuk cara membuat template wordpress bagian header kita akan lanjutkan membuat template wordpress bagian body di pertemuan selanjutnya … Silahkan lanjutkan ke tutorial Cara Membuat Template WordPress Bagian 3 – Body Single.php

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. Dede Pujayadi

    Komentar / Tanggapan / Pertanyaan di sini …Haturnuhun Master Sadayana, mugia tiasa manfaat kanggo Simkuring


  2. kursus komputer naura

    Mantap infonya pak”’

    numpang promo ya pak
    baiklah bagi kawan kawan yang masih pemula di bidang website mampir dimari ya


You must be logged in to post a comment.

eXTReMe Tracker