Paket Web Aplikasi

CARA MERUBAH TEXT SITE TITLE & DESCRIPTION MENJADI LOGO IMAGE DI WORDPRESS


Sore, pada kali ini saya akan membahas tentang Cara Merubah Text Site Tittle dan Description Menjadi Logo Image, bagaimana caranya yuk di simak tutorial beriku ini. Kebanyakan dadi theme wordpress menggunakan Text Tittle dan Description di tiap web atau blog yang telah di create atau di buat. Untuk mengganti Text Site Title dan Description menjadi logo Image kita bisa melakukannya dengan merubah code pada file header.php dari theme yang telah di install yang berada pada menu editor. Code Site Tittle dan Description umumnya berada di dalam file header.php dan di tandai dengan id atau class bernilai = "site-title" dan  "site-description" seperti :

  • <h1 id="site-title"></h1>
  • <h2 id="site-description"></h2>
Cari kode diatas tersebut dan kemudian selipkan kode image seperti di bawah ini :

<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>" />

kedalam <h1 id="site-title"><a href="">gambar logo disini</a></h1>. Untuk description bisa dihapus atau dijadikan bagian dari alt image logo, lihat code dibawah ini :

alt="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>"

kemudian setelah selesai kode akhir menjadi seperti berikut ini :

<hgroup id="branding">
  <h1 id="site-title">
    <a href="<?php echo home_url(); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>">
      <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>" />
    </a>
  </h1>
</hgroup>

Demikian tutorial singkat untuk mengganti title site di wordpress menjadi logo image, bagaimana.? mudah bukan.? silahkan di coba dan di praktekkan ya agar bisa langsung melihat hasilnya. Tetap semngat dan happy programming.
Previous
Next Post »

Komentar