Assalamualaikum Sobat Redaksi

Kembali lagi dengan saya coDery.
Pada kesempatan kali ini, saya akan melanjutkan pembahasan dari artikel sebelumnya. Pembahasan kali ini yaitu tentang Pemrograman Lanjutan mengenai pembuatan Template website.

Template adalah Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan.

Secara garis besar template merupakan sebuah wadah untuk menaruh konten kita. Ibaratnya, template merupakan piring dan konten merupakan makanan. Jadi template dapat digunakan berkali kali tanpa harus membuat template lagi.

Template yang kita pelajari kali ini terdiri dari sebuah header dan footer. format file juga harus menggunakan PHP, karena kita akan menggabungkan template dengan konten kita.

Pertama tama buatlah sebuah template mengikuti kode yang ada dibawah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
code template

maka hasilnya akan nampak seperti pada gambar dibawah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
hasil code diatas

seperti yang dilihat pada gambar diatas. Header, menu, dan Footer merupakan bagian dari template. konten kita akan dimasukan pada coloum berwarna biru diatas. untuk menggunakan template diatas. pisah dahulu header dan footernya. sehingga hanya isi konten yang tidak diikutkan. perhatikan gambar dibawah ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
pemisahan header dan footer

pada gambar diatas, header adalah code yang berada diatas tulisan isi konten, sedangkan footer adalah code yang berada dibawah tulisan isi konten. pisah kode diatas menjadi header.php dan footer.php seperti pada gambar dibawah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
header.php
  • Facebook
  • Twitter
  • Google+
  • Pinterest
footer.php

Bagaimana cara menggunakan template diatas?
buatlah file baru dengan nama apapun. misal template.php seperti gambar dibawah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
template.php

maka jika membuka template.php pada browser akan keluar gambar seperti dibawah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
hasil kode template.php

lalu bagaimana cara memasukkan konten pada kode diatas, yakni menuliskan kode konten pada template.php
perhatikan kode template.php diatas, ada ruang kosong diantara header dan footer. isi ruang kosong tersebut dengan konten yang diinginkan seperti gambar dibawah, saya memasukkan biodata saya kedalam template.php

  • Facebook
  • Twitter
  • Google+
  • Pinterest
memasukan konten ke template

maka hasilnya akan seperti pada gambar dibawah ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
hasil dari kode diatas

jika ingin membuat konten baru, maka hanya membuat file dan memanggil header serta footer kedalam file konten tersebut. jika ingin menghubungkan antar konten gunakan menu pada header.

sekian pembahasan kali ini, semoga bermanfaat. Jiayou!