Cara menambahkan header di wordpress, Menambahkan Logo Responsive Header Theme Wordpress
Jika anda merasa belum paham silahkan ulangi tutorial dari depan, atau dengan tidak sengaja anda sudah sampai ke tutorial ini dan tidak mengerti silahkan anda lihat tutorial sebelumnya pada link berikut :
Baik Temen - temen blogger kita akan melanjutkan tutorial yang sudah kita rilis dari depan, dengan melengkapi logo dan kontak sesuai dengan layout yang saya sarankan
Ada logo dan Kontak di Header Theme, theme ini saya namakan Theme WP Company yang sudah dipakai oleh PT Tetra Setia di web www.tetrasetia.com
baik para sahabat sekalian, kita lanjutkan ke tahap pembuatan kodenya, sebelum saya memberikan kodenya silahkan temen2 buka dulu Folder Theme > File header.php
setelah dibuka taruh kode dibawah ini setah kode <body <?php body_class(); ?>>, berikut kodenya :
<div class="container"> <div class="row bg-white padding-5"> <div class="col-sm-6"> <a href="<?php echo home_url(); ?>"> <!--------- Logo Anda disini ---------> </a> </div> <div class="col-sm-6"> <!-- untuk Informasi Kontak --> <p style="padding-top: 5px;"> Office<tab1>: <--- Disini Alamat ---></tab1> <br/> Telp. <tab1>: <-- Telp. Anda --> - SMS: <-- SMS Anda --></tab1> <br/> WA. <tab1>: <-- Disini WA --> - BBM: <-- Pin BB --> </tab1> <br/>Email.<tab1>: <-- email --></tab1> </p> </div> </div> </div>
Warna Merah = Disini di isi dengan Alamat anda
Warna Orange = Disini No Telp, SMS dan Whatapps
warna Hijau = Disini Pin BB
Warna Biru = Disini kita memasukkan email
jika sudah selesai silahkan temen2 Save dan silahkan Review / reload theme anda di browser kebanggan Anda GOOGLE CHROME jika sudah muncul baru nanti kita lanjut ke tahab berikutnya untuk membuat Menu setelah container.
Selamat praktek temen2 dan silahkan dikembangkan Oke..
GOOD LUCK
Post a Comment
Silahkan Komentar Boss!!