Cara menambah Pavicon | modif theme default

pavicon ini adalah logo kecil yang berada tepat di bagian kiri address bar! cara memambahkanya, kita harus membuat gambar kemudian tambahkan

cara, menambah, pavicon, modif, theme, default, wordpress,icon, adress, bar, merubah, icon, cara, manual

pavicon ini adalah logo kecil yang berada tepat di bagian kiri address bar! cara memambahkanya, kita harus membuat gambar kemudian tambahkan

Last Modif at July 7th, 2011

NOT RECOMEND
ketika kita menginstall wordpress.org maka secara otomatis theme yang digunakan adalah theme default(yah, sobat tahu akan hal itu)!
disini saya akan share cara memodifikasi theme default agar menjadi theme yang “bisa dikatakan keren lah :)”. memang si di luar sana sangat banyak theme yang berhamburan “mulai dari yang free sampai yang premiun” pokoknya lengkap dah!
trus, kenapa indam share cara modifikasi theme default? kan diluar sana sudah banyak theme! alasan saya simple “disini, kita sama-sama belajar dan berbagi”, lagian untuk merancang sebuah theme wodrpress ada baiknya kita modif theme yang ada dulu.
saya memilih theme default karena theme ini sudah pasti ada di semua yang mengistall wordpress, dengan demikian sharenya lebih mudah!
saya mulai ya!
tahap pertama kita akan menambah pavicon atau favorite icon, pavicon ini adalah logo kecil yang berada tepat di bagian kiri address bar!, berikut

cara menambahkan pavicon

cara pertama “percobaan”

  • buka/edit header.php
  • tambahkan eksternal link berikut tepat diatas </head>

<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/screenshot.png"/>

  • simpan/update file
  • lihast blog
  • nah, pasti di sebelah kiri address bar ada gambar/icon kecil yang mirip dengan screenshot theme default
  • yah, yang diatas hanya contoh percobaan, berikut

cara menambah pavicon dengan gambar sendiri

  • buat atau cari sebuah gambar
  • saya anggap gambarnya sudah ada
  • kemudian copy
  • langkah selanjutnya ialah makuk ke directory theme default . . . . wp-content/themes/default
  • paste gambar tadi kedalam directory theme default
  • (sekarang di dalam theme default terdapat 27 file, sebelumnya hanya 26 file)
  • rename gambar yang sobat paste tadi menjadi paviconsaya.png(perhatikan ekstensinya adalah png, bukan jpg maupun gif)
  • setelah di rename, sekarang edit header.php
  • tambahkan link eksternal berikut tepat di atas </head>

<!-- start pavicon -->
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/paviconsaya.png"/>
<!-- end pavicon -->

  • simpan/update file
  • lihat blog
  • hapus eksternal link berikut jika masih ada

<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/screenshot.png"/>

keterangan

  • dalam membuat gambar pavicon, ukuran file yang disarankan adalah persegi
  • compress juga gambarnya agar waktu ngereload lebih cepat
  • sebenarnya untuk menambahkan pavicon, kita hanya perlu menambahkan eksternal link ini diatas </head>

<link rel="shortcut icon" type="image/ico" href="url-lokasi-gambar-pavicon"/>

  • tapi ekternal link ini

<link rel="shortcut icon" type="image/ico" href=". . . . . .

  • hanya boleh ada satu
  • lakukan hal sama untuk mengganti pavicon theme lain
  • khusus wordpress, kita hanya perlu menambah gambar di deirectory theme kita kemudain tambahkan

<link rel="shortcut icon" type="image/ico" href="nama-gambar[dot]ekstensi-gambar"/>

  • diatas </head>
  • jadi, untuk mengganti paviconya, cukup dengan menghapus gambar lama kemudian masukkan gambar yang bername sama ke directory default, atau masukan gambar baru kemudian ganti dan sesuaikan ini

<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/sesuaikan-dengan-nama-gambar-dan-ekstensinya"/>

bersambung. . . .

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

6 thoughts on “Cara menambah Pavicon | modif theme default”

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-