Membuat File header.php Pada WordPress

Didalam wordpress terdapat file header.php dimana file tersebut merupakan file yang akan dipanggil terus dan hampir sama isinya pada setiap halaman. Sehingga dibuatlah file header tersendiri pada wordpress.

Skrip file header.php


<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

   <meta charset="<?php bloginfo( 'charset' ); ?>">
   <meta name="viewport" content="width=device-width">
	
   <title><?php wp_title('|', true, 'right'); ?></title>
	
   <link rel="pingback" 
     href="<?php echo bloginfo( 'pingback_url' ); ?>">	
   <link rel="stylesheet" type="text/css" 
     href="<?php echo bloginfo('stylesheet_url'); ?>">
	
   <?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<header role="banner">
   <div class="container">
      <div class="row header">
         <div class="col-md-12">
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
				<img src="<?php  echo esc_url( get_template_directory_uri() ); ?>/images/logo.png" class="title-image">
            </a>
         </div>
      </div>

<div class="row">
   <div class="col-md-12">
      <nav id="site-navigation" class="navbar navbar-inverse" 
         role="navigation">
         <div class="navbar-header">
            <button class="navbar-toggle collapsed" 
               data-toggle="collapse" data-target="#menuku">
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
            </button>
         </div>
         <div class="collapse navbar-collapse" id="menuku">



<?php wp_nav_menu( array( 
      'theme_location' => 'primary', 
      'menu_class' => 'nav navbar-nav', 
      'menu_id' => 'primary-menu' ) ); ?>

<ul class="pull-right">
   <?php get_search_form(); ?>
</ul>
	  
         </div>
      </nav>
   </div>
</div>

		
   </div>
</header>

Keterangan :

  1. language_attributes(), untuk mendapatkan bahasa yang digunakan pada dokumen HTML yang sedang kita buat
  2. bloginfo(), fungsi ini digunakan untuk mendapatkan informasi pada pengaturan website seperti charset, pingback_url, stylesheet_url, judul website, deskrpsi dan lain sebagainya.
  3. wp_title(), digunakan untuk memberikan judul pada bar browser, yaitu pada parameter pertama diisi dengan karakter pemisah antara judul website dengan judul dari artikel. Sedangkan parameter kedua jika diisi dengan true maka judul artikel ditampailkan, namun jika diisi dengan false maka sebaliknya judul artikel tidak ditampilkan. Untuk parameter ketiga diisi dengan lokasi dari judul website bisa diisi dengan left untuk posisi dikiri dan right untuk posisi dikanan
  4. wp_head(), fungsi ini digunakan untuk mendapatkan elemen-elemen lain yang ingin ditampilkan didalam tag head pada struktur HTML
  5. body_class(), pemberian fungsi ini cukup penting karena dengan fungsi ini kita mendapatkan class setiap halaman, sehingga memudahkan kita untuk melakukan design dengan css
  6. esc_url(), untuk membersihkan URL dari karakter-karakter yang berbahaya. Sangat dianjurkan untuk selalu menggunakan fungsi ini setiap kita menuliskan URL
  7. home_url(), untuk mendapatkan URL atau link pada halaman home

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s