Tutorial Wordpress, Belajar Wordpress, Cara jitu dan mahir membuat themes wordpress

Tuesday, May 23, 2017

Bab 4 - Membuat Logo dan Kontak

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 Kuning   = Disini Logo Anda dengan Kode <img src="-- disini logo ditempatkan --"/>
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

Silahkan Komentar Boss!!

 

Promo

DISKON 50% + DOMAIN DAN SSL GRATIS SELAMANYA

loading...
Atas