Tidak ada pin yang di tentukan
Home Wordpress Cara membuat breadce...

Cara membuat breadceumbs tanpa plugin di wordpress paling mudah

cara membuat breadceumbs tanpa plugin di wordpress tanpa script hanya dengan html dan php – kirmanalidris.

penting… Breadceumbs ini Hanya memunculkan navigasi saja atau sering disebut custom breadceumbs supaya tampilannya lebih menarik fan responsive, maka supaya lebih SEO lengkapi dengan Yoast SEO.

hai sob pengen tau cara membuat breadceumbs tanpa plugin di wordpress, yaps benar.. kamu sekarang ini dada di website yang benar.

apakah breadceumbs itu?
Breadceumbs adalah … aku jelaskan secara sederhana aja yang sob.

Jadi coba kamu scroll mentok ke atas, kamu akan melihat sebuah tulisan seperti dibawah ini atau lihat di gambar…

Home > WordPress > Cara membu…

nah, itulah yang disebut breadceumbs atau navigasi khusus agar mempermudah pengguna saat navigasi di situs, website, blog yang umum nya.

Cara membuat breadcrumbs tanpa plugin

Tentunya kamu tidak mau cara yang ribet dan memusingkan bukan,,, nah di Kirmanalidris.com kamu gk perlu ribet harus membongkar part by part template wordpress kamu.

Apalagi sampai masuk ke mengedit, menyalin dan menempel script breadcrumbs kepada file template wordpress kamu sampai masuk ke Functions.php dan eksekusi file lainya dengan tujuan membuat breadcrumbs!…

stop.. cara jadul sekarang kita lanjutkan dengan menggunakan cara yang modern, mudah, sederhana dan simpel.

nah untuk membuat breadcrumbs tanpa plugin di wordpress kamu, Sekarang langsung saja ikuti langkah langkah berikut dengan benar, supaya tidak terjadi kesalahan.

  1. Salin kode html, php dan css (inline) di bawah terlebih dahulu sebelum melanjutkan.
  <!-- breadcrumb nav -->
  <div style="overflow:hidden;font-size:12px;padding:10px 15px;background:#fff;display:flex;align-items:center;white-space:nowrap;">
  <a href='<?php echo get_site_url(); ?>'>Home</a> <i style='font-size:16px;' class="material-icons-two-tone">keyboard_arrow_right</i> <?php the_category('<i style="font-size:16px;" class="material-icons-two-tone">keyboard_arrow_right</i> '); ?> <i style="font-size:16px;" class="material-icons-two-tone">keyboard_arrow_right</i> <?php echo mb_strimwidth(get_the_title(), 0, 15, '…'); ?>
  </div>
  <!-- breadcrumb nav -->

Salin kode di bawah ini, Jangan meyanlin kode di atas, karena tertimpa oleh elment lainya

  <!-- breadcrumb nav -->
  <div style="overflow:hidden;font-size:12px;padding:10px 15px;background:#fff;display:flex;align-items:center;white-space:nowrap;">
  <a href='<?php echo get_site_url(); ?>'>Home</a> <i style='font-size:16px;' class="material-icons-two-tone">keyboard_arrow_right</i> <?php the_category('<i style="font-size:16px;" class="material-icons-two-tone">keyboard_arrow_right</i> '); ?> <i style="font-size:16px;" class="material-icons-two-tone">keyboard_arrow_right</i> <?php echo mb_strimwidth(get_the_title(), 0, 15, '…'); ?>
  </div>
  <!-- breadcrumb nav -->
  1. Masuk ke dashboard WordPress kalian
    Pastikan kamu login terlebih dahulu pada wordpress kamu, dan setelah login kamu buka menu tampilan > penyunting tema
  2. Dalam penyunting tema, kamu harus mengedit file single.php atau singular.php (biasanya content.php, setiap developer berbeda menyimpan file tersebut, bisa secara langsung di di direktori tema, atau di wp-contect > themes > direktori tema > theme part )
  3. Tempelkan kode yang disalin

Nah langkah terakhir ini, selanjutnya kamu tempelkan kode tersebut di atas judul postingan,

terlebih dahulu kamu cari dan kemudian tempelkan di atas (utamakan di atas container judul postingan supaya rapih).

Penting

kode yang di salin di atas bebas kamu tempelkan dimana saja, asalkan jangan ditempelkan di home.php atau index.php.

kenapa tidak boleh di tempel di home.php dan index.php?

Sebenarnya tidak masalah jika kamu mau menempelkan pada file tersebut, cuman bila kode tersebut ditempelkan pada halaman yang disebut barusan, sebenernya tidak masalah dan tidak akan merusakkan website kamu, cuman apa enak dipandang jika breadceumbs di tempel di halaman home dan index?..

apa kata visitor nanti, paling juga visitor berkata, “ini kok breadceumbs di taro di home aduh,,,,”

silahkan di tuliskan pertanyaan di komentar bila kurang paham.

selamat mencoba sob, jangan lupa buka menu coding untuk belajar coding bateng aku..

SHARE

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *


URL berhasil di salin
Data off atau jaringan lambat
Memuat content..
Keluar versi AMP