Remah roti remah roti. Wordpress, "breadcrumbs": ulasan plugin

Breadcrumbs adalah elemen penting dari navigasi situs web yang meningkatkan kegunaan. Hal ini terutama berlaku untuk situs dengan struktur yang kompleks. Sayangnya (atau mungkin tidak sayangnya), saya tidak menggunakannya di sebagian besar situs saya, mungkin karena strukturnya terlalu sederhana (untuk situs seperti ini, sepertinya tidak diperlukan).

Ketika saya memecahkan masalah apa pun di situs WordPress, saya selalu Saya mencoba melakukannya tanpa plugin, jika memungkinkan. Seringkali tugas yang sama dapat diselesaikan dengan lebih sedikit kode dan lebih hemat sumber daya dibandingkan menggunakan plugin.

Fitur Fitur

    Rantai tautan lengkap ditampilkan ke halaman saat ini. Misalnya, jika halaman saat ini berada dalam kategori tingkat kedua, maka rantainya akan terlihat seperti ini:

    Di semua solusi yang saya temukan (kecuali plugin), rantainya terlihat seperti ini:

    Itu. satu tautan hilang.

    "Remah-remah" saya untuk halaman terlihat serupa. Misalnya, untuk halaman tingkat bersarang ke-3, rantainya akan seperti ini:

    Beranda > halaman tingkat 1 > halaman tingkat 2 > halaman tingkat 3

  • Remah roti ditampilkan untuk jenis berikut Halaman situs WordPress:

    • navigasi halaman dari halaman utama (ketik site.ru/page/2/);
    • arsip kategori;
    • arsip tag;
    • arsip harian;
    • arsip bulanan;
    • arsip untuk tahun ini;
    • arsip penulis;
    • jenis pos khusus;
    • halaman;
    • cepat;
    • hasil pencarian;
    • halaman kesalahan 404.
  • Nomor seri halaman ditambahkan jika ini adalah halaman arsip ke-2 atau lebih.
  • Anda dapat menentukan karakter pemisah antar tautan.
  • Anda dapat mengatur teks untuk tautan Beranda.
  • Markup mikro Schema.org terintegrasi.

Fitur Breadcrumbs untuk WordPress (diperbarui: 03/03/2019)

/* * Breadcrumbs untuk WordPress * penulis: Dimox * versi: 2019.03.03 * lisensi: MIT */ function dimox_breadcrumbs() ( /* === OPTIONS === */ $text["home"] = " Home"; // teks tautan "Beranda" $text["category"] = "%s"; // teks untuk halaman kategori $text["search"] = "Hasil pencarian untuk kueri "%s""; / / teks untuk halaman hasil pencarian $text["tag"] = "Postingan dengan tag "%s""; // teks untuk halaman tag $text["author"] = "Artikel oleh penulis %s" // teks untuk penulis halaman $text["404"] = "Kesalahan 404"; // teks untuk halaman 404 $text["page"] = "Halaman %s"; // teks "Halaman N" $teks["cpage" ] = "Halaman komentar %s"; // teks "Halaman komentar N" $wrap_before = "

"; // membuka tag pembungkus $wrap_after = "
"; // tag penutup penutup $sep = " › "; // pemisah antara "remah" $before = " "; // beri tag sebelum "remah" saat ini $setelah = ""; // tag setelah "remah" saat ini $show_on_home = 0; // 1 - tampilkan "remah roti" di halaman utama, 0 - tidak tampilkan $show_home_link = 1; // 1 - tampilkan tautan "Beranda", 0 - tidak tampilkan $show_current = 1; // 1 - tampilkan judul halaman saat ini, 0 - tidak tampilkan $show_last_sep = 1; // 1 - tampilkan pemisah terakhir ketika judul halaman saat ini tidak ditampilkan , 0 - jangan tampilkan /* === AKHIR OPSI === */ global $post; $home_url = home_url("/"); "; $tautan .= " %2$s"; $tautan .= " "; $tautan .= " "; $parent_id = ($post) ? $post->post_parent: ""; $home_link = sprintf($link, $home_url, $text["home"], 1); if (is_home() || is_front_page( )) ( if ($show_on_home) echo $wrap_before . $home_link . $wrap_after; ) else ( $position = 0; echo $wrap_before; if ($show_home_link) ( $position += 1; echo $home_link; ) if (is_category ()) ( $parents = get_ancestors(get_query_var("cat"), "category"); foreach (array_reverse($parents) as $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position ) if (get_query_var("paged")) ( $position += 1; $cat = get_query_var("cat"); echo $sep .sprintf($link, get_category_link($cat), get_cat_name($cat), $position); echo $sep . sprintf($text["page"], get_query_var("paged")) $. if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["category"], single_cat_title("", false)) . $after; ) elseif ($show_last_sep) gema $sep; ) ) elseif (is_search()) ( if (get_query_var("paged")) ( $position += 1; if ($show_home_link) echo $sep; echo sprintf($link, $home_url . "?s=" . get_search_query (), sprintf($teks["pencarian"], get_search_query()), $posisi); echo $sep .sprintf($teks["halaman"], get_query_var("halaman")) . if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["search"], get_search_query()) . $after; ) elseif ($show_last_sep) echo $sep; ) ) elseif (tahun_tahun()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . get_the_time("Y") . $after; elseif ($show_home_link && $show_last_sep ) echo $ sep; ) elseif (is_month()) ( if ($show_home_link) echo $sep; $posisi += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y") , $posisi ); jika ($show_current) echo $sep . echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y"), $position) . $sep; $posisi += 1; echo sprintf($link, get_month_link(get_the_time("Y"), get_the_time("m")), get_the_time("F"), $position); jika ($show_current) gema $sep . $sebelumnya. dapatkan_waktu_("d") . $setelah; elseif ($show_last_sep) echo $sep; ) elseif (is_single() && ! is_attachment()) ( if (get_post_type() != "posting") ( $posisi += 1; $post_type = get_post_type_object(get_post_type()); if ($posisi > 1) echo $ sep; echo sprintf($link, get_post_type_archive_link($post_type->nama), $post_type->label->nama, $posisi); $sebelumnya. dapatkan_the_title() . $setelah; elseif ($show_last_sep) echo $sep; ) else ( $cat = get_the_category(); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category"); $parents = array_reverse($parents); $parents = $catID; foreach ($ orang tua sebagai $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link($cat), get_cat_name($cat), $position); ) if (get_query_var( "cpage")) ( $position += 1; echo $sep . sprintf($link, get_permalink(), get_the_title(), $position); echo $sep . $before . sprintf($text["cpage"], get_query_var("cpage")) . $after; ) else ( if ($show_current) echo $sep . $before . get_the_title() . $after; elseif ($show_last_sep) echo $sep; ) ) elseif (is_post_type_archive() ) ( $post_type = get_post_type_object(get_post_type()); if (get_query_var("paged")) ( $posisi += 1; if ($posisi > 1) echo $sep; echo sprintf($link, get_post_type_archive_link($post_type- > nama), $post_type->label, $posisi); echo $sep .sprintf($teks["halaman"], get_query_var("paged")) lain ( if ($show_home_link && $show_current) echo $sep ; jika ($show_current) echo $sebelum . $post_type->label . $setelah; elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_attachment()) ( $parent = get_post($parent_id); $cat = get_the_category($parent->ID); $catID = $cat->cat_ID; $parents = get_ancestors($catID, "category" ); $parents = array_reverse($parents); $parents = $catID; foreach ($parents sebagai $cat) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_category_link ($kucing), get_cat_name($cat), $posisi); $posisi += 1; echo $sep($link, get_permalink($parent), $parent->post_title, $posisi); $sebelum .get_the_title() . $setelah; elseif ($show_last_sep) echo $sep; ($show_last_sep) echo $sep; elseif (adalah_halaman( ) && $parent_id) ( $parents = get_post_ancestors(get_the_ID()); array_reverse($parents) sebagai $pageID) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_page_link ($pageID), get_the_title($pageID), $posisi); ) jika ($show_current) echo $sep . $sebelumnya. dapatkan_the_title() . $setelah; elseif ($show_last_sep) echo $sep; ) elseif (is_tag()) ( if (get_query_var("paged")) ( $posisi += 1; $tagID = get_query_var("tag_id"); echo $sep . sprintf($link, get_tag_link($tagID), single_tag_title("", false), $posisi); gema $sep . $sebelumnya. sprintf($teks["halaman"], get_query_var("halaman")) . $setelah; ) else ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . sprintf($text["tag"], single_tag_title("", false)) . $after; elseif ($show_home_link && $show_last_sep) echo $sep; ) ) elseif (is_author()) ( $author = get_userdata(get_query_var("author")); if (get_query_var("paged")) ( $position += 1; echo $sep . sprintf($link, get_author_posts_url($author->ID), sprintf($text["author"], $author->display_name); echo $sep . $before . ], get_query_var("paged")) $after ; ) lain ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . sprintf($text["author"], $author- >display_name) . $after; elseif ($show_home_link && $show_last_sep) echo $sep; ) elseif (is_404()) ( if ($show_home_link && $show_current) echo $sep; if ($show_current) echo $before . $text["404"] . $after; elseif ($ show_last_sep) echo $sep; elseif (has_post_format() && ! is_singular()) ( jika ($show_home_link && $show_current) echo $sep; gema get_post_format_string(get_post_format()); ) gema $bungkus_setelah; ) ) // akhir dimox_breadcrumbs()

Fungsi tersebut harus ditempatkan di file fungsi.php tema WordPress Anda. Setelah itu tambahkan kode berikut pada tempat di template dimana Anda ingin menampilkan breadcrumbs:

Satu-satunya hal yang harus dilakukan sekarang adalah mendaftarkannya menggunakan CSS. Untuk melakukan ini, kelas disediakan untuk blok "remah roti" .breadcrumbs , untuk pemisah - .breadcrumbs__separator dan untuk "remah" saat ini - .breadcrumbs__current .

Halo! Saya terus menyoroti plugin yang sangat berguna untuk sistem wordpress. Hari ini saya akan memberi tahu Anda dan menunjukkan cara menginstal remah roti dengan sangat sederhana dan cepat di situs WordPress Anda. Apa itu Remah Roti? Breadcrumbs menunjukkan jalur yang Anda ambil di situs, dari halaman pertama hingga halaman saat ini. Misalnya, Anda mengunjungi situs tersebut di halaman Beranda, lalu saya membuka bagian “Peralatan Rumah Tangga”, lalu membuka entri “Cara memerah susu sapi”, dll.

Semua halaman ini dan link ke halaman tersebut akan ditampilkan di remah roti. Breadcrumbs diperlukan terutama untuk kenyamanan pengguna, sehingga mereka dapat dengan cepat kembali ke halaman atau kategori yang mereka butuhkan. Namun tentu saja, breadcrumbs berpengaruh positif terhadap promosi SEO situs. Artinya, karena adanya remah roti, faktor perilaku di website Anda bisa meningkat.

Anda dapat menambahkan remah roti ke situs web Anda menggunakan plugin sederhana - Remah Roti Yummi. Anda dapat menginstal plugin ini di situs Anda langsung dari panel admin WordPress. Masuk ke halaman: Plugins – Add new, masukkan nama plugin pada form pencarian, tekan Enter, install dan aktifkan plugin.

Setelah menginstal dan mengaktifkan plugin, buka halaman: Pengaturan – Remah Roti Yummi. Di sini Anda dapat mengkonfigurasi plugin. Plugin ini memiliki sangat pengaturan sederhana, yang bahkan dapat ditangani oleh teko teh yang paling rajin sekalipun.

– Jenis instalasi, pilih jenis instalasi. Pilih Tipe otomatis agar remah roti muncul secara otomatis di situs Anda. Jika Anda memilih jenis - Manual, maka Anda harus memasukkan kode remah roti ke situs secara manual.

– Jenis Remah Roti, pilih jenis remah roti. Anda bisa bereksperimen dengan tampilan remah roti.

– Nama saat ini, pilih apakah akan menampilkan nama halaman saat ini atau catatan di HK.

– Di halaman beranda, tampilkan atau tidaknya HC di halaman utama.

– Keterangan alat, mengaktifkan atau menonaktifkan tooltip.

– “judul=” untuk tautan, sertakan atribut judul untuk tautan.

– Font saat ini, font saat ini untuk HK ditunjukkan.

– Mengubah tampilan kategori Heading, Anda dapat mengubah gaya font untuk kategori.

– Terima kasihmu, pilih – Sembunyikan agar link website pembuat plugin tidak ditampilkan di website Anda.

– Klik pada tombol – Simpan perubahan.

Halo, para pembaca situs blog yang budiman. Hari ini saya ingin berbicara tentang plugin WordPress yang digunakan di blog saya untuk dua tujuan yang sangat penting.

Pertama, ini membuat navigasi lebih mudah, dan kedua, ini memecahkan masalah yang sangat penting - membuat tautan internal yang benar. Agar tidak memperpanjang intrik, saya akan langsung mengatakan bahwa kita akan berbicara tentang plugin Breadcrumb NavXT. Tapi hal pertama yang pertama.

Saya telah berbicara banyak tentang perlunya membuat tautan halaman situs yang benar sehingga bobot statis yang ditransfer melalui tautan eksternal apa pun didistribusikan secara merata ke seluruh halaman web proyek. Ini sangat penting.

Mengapa Anda memerlukan remah roti di WordPress?

Promosi melalui LF memiliki sejumlah keuntungan, yang utama (terutama penting untuk proyek non-komersial) adalah tidak diperlukan investasi Uang diperlukan untuk pembelian tautan eksternal. Hal ini disebabkan oleh fakta bahwa kemajuan di LF hanya dapat dilakukan melalui situs internal saja dan dengan membuat tautan yang benar, seperti yang dijelaskan.

Omong-omong, untuk proyek komersial, promosi dengan frekuensi rendah juga memiliki sejumlah keuntungan, yang utama, sekali lagi, adalah biaya yang lebih rendah, tetapi selain itu, pengunjung yang datang dari hasil pencarian untuk pertanyaan semacam itu akan lebih mungkin untuk dikonversi menjadi uang kertas daripada pengunjung yang berasal dari pertanyaan menengah dan frekuensi tinggi (karena ketidakjelasan yang terakhir).

Ide utama dari penautan yang benar adalah agar beban statis dipindahkan ke halaman yang berbeda situs (sebagian besar tautan eksternal biasanya mengarah ke halaman utama), tanpa masalah mengalir ke situs yang dipromosikan langsung melalui LF (tempat artikel sebenarnya berada).

Namun skema melingkar ideal yang dijelaskan dalam artikel di atas sulit diterapkan dalam kondisi nyata pilihan yang bagus akan ada skema tautan bola. Secara kasar, skema seperti itu dapat dilebih-lebihkan hingga semakin banyak tautan internal, semakin baik distribusi bobot statis. Ini seperti sistem peredaran darah bercabang yang memungkinkan darah membawa oksigen ke seluruh organ dalam, bahkan yang paling jauh dari paru-paru.

Setiap kali Anda menulis artikel, Anda dapat secara manual menambahkan tautan ke materi lain di situs Anda yang relevan. Memang benar bahwa Anda menganggap serius daftar jangkar internal yang Anda buat untuk setiap artikel. Ini harus dilakukan dengan cara yang kira-kira sama seperti. Anda tidak boleh menggunakan kunci murni yang sama di semua referensinya, Anda tahu maksud saya.

Ini sangat Cara yang baik, tetapi merupakan ide bagus untuk memperluas dan melengkapinya menggunakan metode otomatis. Salah satu opsi paling umum untuk mengatur sesuatu seperti ini adalah apa yang disebut remah roti, yang memperluas kemungkinan menavigasi sumber daya, serta membuat a. blok tautan ke materi serupa lainnya di proyek Anda, topiknya serupa dengan artikel ini.

Hari ini saya ingin melihat opsi pertama secara detail, tetapi tentang materi serupa untuk WordPress di .

Untuk mengimplementasikan breadcrumbs, kita akan menggunakan plugin Breadcrumb NavXT. Pada prinsipnya, Anda bisa menggunakan yang lain Plugin WordPress, tapi saya lebih menyukai yang ini. Itu bahkan mungkin.

Menginstal plugin Breadcrumb NavXT di WordPress

Oke, saatnya melanjutkan ke instalasi dan konfigurasi plugin. Jika Anda tiba-tiba tidak tahu apa itu remah roti, tidak apa-apa. Sebenarnya saya juga awalnya tidak tahu, karena istilah ini diambil dari kaum borjuis dan dikaitkan dengan dongeng borjuis mereka tentang Hansel dan Greta, yang menggunakannya untuk menandai jalan.

Dalam pemahaman kami, elemen navigasi situs ini seharusnya disebut “utas Ariadne”, karena lebih dekat dengan kami. Baiklah, begitulah mereka menyebutnya. Jadi, mereka biasanya muncul di suatu tempat di bagian atas jendela situs dan sebenarnya merupakan jalur ke artikel yang sedang Anda buka saat ini kamu sedang membaca.

Misalnya, saya sangat suka navigasi menggunakan remah-remah dan saya selalu mencoba menemukan baris mereka di situs mana pun untuk memahami di mana saya sebenarnya berada dan bagaimana menuju ke bagian di mana artikel luar biasa ini berada untuk membaca lebih lanjut tentang topik yang sama. .

Nah, masih ingatkah kamu apa itu remah roti? Saya rasa Anda ingat, tetapi jika tidak, lihatlah bagian paling atas jendela ini di bawah header blog ini.

Pertama, Anda perlu mengunduh Breadcrumb NavXT dari sini. Menginstal plugin di WordPress adalah standar. Hubungkan ke blog Anda melalui FTP (bekerja dengan klien FileZilla dijelaskan secara rinci) dan buka folder di server:

/wp-content/plugins

Buka paket arsip dengan Breadcrumb NavXT dan salin folder yang dihasilkan ke server hosting di direktori (/wp-content/plugins). Sekarang Anda harus masuk ke area admin WordPress, pilih “Plugins” dari menu sebelah kiri, dan di jendela yang terbuka, buka tab “Tidak aktif”. Temukan baris yang Anda butuhkan dan klik teks "Aktifkan" yang terletak tepat di bawah.

Memanggil Breadcrumb NavXT dan menyesuaikan tampilan remah-remahnya

Sebenarnya itu saja. Sekarang tinggal satu detail penting lagi: pilih tempat di template WordPress (tema) di mana baris dengan remah roti akan ditampilkan, dan masukkan kode fungsi plugin Breadcrumb NavXT ke tempat ini. Tugas ini tidak sepenuhnya sepele bagi seorang webmaster pemula yang kurang paham dengan struktur mesin dan cara kerja temanya.

Namun hal ini mungkin tidak akan membingungkan Anda, karena... Anda selalu bisa membaca, untungnya tidak ada yang rumit di sana.

Jika Anda sudah familiar dengan struktur tema dan mengetahui tujuan dari template tertentu di dalamnya, maka kami akan melanjutkan. Namun, jika tidak, saya tetap menyarankan Anda untuk membiasakan diri dengan hal ini setidaknya secara dangkal, menggunakan materi yang ditunjukkan di atas (atau materi lainnya).

Jadi, tugas kita adalah mengidentifikasi file-file tersebut dari folder dengan tema yang Anda gunakan di mana kita perlu memasukkan kode untuk memanggil remah-remah. Dan kemudian Anda perlu memutuskan dengan tepat di mana kita akan memasukkan kode ini:

Pertama, Anda perlu terhubung ke blog Anda melalui FTP dan membuka folder dengan tema yang sedang Anda gunakan:

Wp-konten/tema/judul Tema WordPress

Sekarang izinkan saya memberi tahu Anda bagaimana saya membuat keluaran remah roti sendiri, dan Anda dapat mengulangi semuanya setelah saya, atau menggunakan versi penyisipan Anda sendiri.

Jika Anda mencoba memvisualisasikan tujuan template dari tema, Anda akan mendapatkan tata letak seperti ini:

Dari tata letak ini kita dapat menyimpulkan bahwa kita perlu memasukkan kode untuk memanggil Breadcrumb NavXT ke dalam template yang bertanggung jawab untuk menampilkan konten di bagian tengah blog: INDEX, SINGLE, ARCHIVE, PAGE atau SEARCH.

Benar, saya tidak menampilkan remah-remah di INDEX, yang bertanggung jawab untuk membuat halaman utama WordPress, karena navigasi tambahan tidak diperlukan.

Saya memasukkannya ke dalam: TUNGGAL (bertanggung jawab membuat halaman dengan artikel), ARCHIVE (membentuk halaman kategori, arsip sementara, arsip tag), PAGE (membentuk halaman statis, misalnya “Tentang blog”).

Saya memasukkan kode untuk memanggil Breadcrumb NavXT ke dalam template ini di tempat yang sama - di awal, tepat setelah baris pertama:

sehingga menjadi seperti ini:

Pada file cascading style sheet STYLE.CSS dari folder dengan tema yang saya gunakan, saya menambahkan beberapa Properti CSS untuk kelas BREADCRUMB:

Remah roti ( font:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( warna: #1B7499; ) .breadcrumb a:hover ( warna: #EF0E0E; )

Properti ini menentukan tampilan remah roti di WordPress: , a . Mereka juga menentukan warna tautan dari remah roti (.breadcrumb a) dan warna tautan ketika mengarahkan mouse ke atasnya (.breadcrumb a:hover). Secara umum, saya menyarankan Anda untuk membaca halaman tersebut.

Fitur dan pengaturan plugin Breadcrumb

Anda bebas melakukan sesuka Anda. Seperti kata pepatah, pemilik adalah tuannya. Namun dengan ini kami hanya menentukan lokasi remah roti dan mengatur tampilannya. Namun plugin ini masih memiliki pengaturan yang cukup banyak.

Untuk melakukan ini, buka area admin WordPress dan pilih “Breadcrumb NavXT” dari menu sebelah kiri di area “Pengaturan”. Di jendela yang terbuka Anda akan melihat beberapa tab:

Pada tab General, Anda dapat mengatur parameter yang akan diterapkan pada seluruh halaman blog Anda. Di bidang “Pemisah”, tentukan karakter yang akan berfungsi sebagai pemisah dalam remah roti. Dalam kasus saya, ini adalah simbol “>”, yang ditentukan dengan kode khusus, karena Simbol “>” jika ditempatkan secara eksplisit akan diartikan oleh WordPress sebagai tanda tag HTML pembuka.

Pada umumnya ada (mnemonik) yang misalnya tidak bisa disisipkan secara langsung. Berikut beberapa di antaranya:

Kode mnemonik Simbol " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Pilih simbol apa pun yang Anda suka sebagai pemisah remah roti.

Di bidang “Panjang maksimum”, Anda dapat mengatur panjang jangkar (teks tautan) dalam karakter. Saya menetapkan batas panjang menjadi 60 karakter bukan karena alasan desain, tetapi karena alasan pengoptimalan konten.

Mesin pencari mungkin bersikap ambivalen mengenai tautan dengan jangkar yang sama, itulah sebabnya saya mempersingkatnya menjadi beberapa bagian kecil untuk menjadikannya unik. Mungkin saja hal ini tidak terlalu diperlukan, tetapi untuk berjaga-jaga.

Di bidang "Awalan" dan "Akhiran" Anda dapat memasukkan teks yang mendahului atau mengikuti tautan ke halaman utama di remah roti.

Harap diperhatikan bahwa teks ini akan ditempatkan di atribut TITLE pada tag A dan dapat dihitung mesin pencari sebagai jangkar alternatif. Yang saya maksud adalah itu harus digunakan kata kunci terkait dengan halaman beranda blog Anda.

Jangan lupa untuk menyimpan perubahan Anda pada pengaturan plugin Breadcrumb NavXT menggunakan tombol dengan nama yang sama. Selanjutnya, Anda dapat menelusuri semua tab. Misalnya, pada halaman berikut Anda dapat mengatur pengaturan link yang akan mengarah ke halaman tempat Anda berada sekarang:

Pada tab berikutnya “Postingan / Halaman” Anda dapat mengkonfigurasi tampilan link ke halaman dengan artikel dan halaman statis blog Anda:

Untuk artikel, saya beri judul sebelumnya “Artikel saat ini” dan mengapit teks dalam tanda kutip menggunakan kode mnemonik (lihat daftar kode mnemonik di atas):

Buka tab berikutnya "Kategori". Pada prinsipnya, semua pengaturan yang sama diulangi di sini seperti pada pengaturan sebelumnya. Saya tidak menetapkan bingkai (awalan dan akhiran) untuk tautan ke kategori, tetapi saya menetapkan bingkai untuk halaman arsip:

Hasilnya, remah roti pada halaman web arsip terlihat seperti ini:

Semoga beruntung untukmu! Sampai jumpa lagi di halaman situs blog

Anda mungkin tertarik

Membuat daftar posting terkait di WordPress (dengan thumbnail) menggunakan plugin Posting Terkait untuk tautan internal
Membuat peta blog untuk pengunjung di WordPress ( Plugin peta situs Generator dan Peta Blog WP DS)
Bilah Alat Komentar - tambahkan ke Komentar WordPress kemungkinan membalas dan mengutip
Penghitung Sederhana dan Ikon Kategori dan Halaman - penghitung RSS dan Twitter yang indah, serta ikon untuk kategori dan halaman di WordPress Seperti di plugin Dan lagi Posting Terkait menghapus piksel transparan http://yarpp.org/pixels dan mengubah tulisan Bahan serupa
Penyorot Kode dan Tombol Pemformatan Komentar di WordPress - Penyorot Sintaks dan Formulir Komentar
Peta Situs Google XML - membuat peta situs untuk WordPress
Buatlah kalender! - Kalender acara untuk WordPress
WP-PageNavi - navigasi halaman untuk blog WordPress - instalasi, konfigurasi, dan mengubah tampilan pagination
Umpan Lebih Baik untuk WordPress - bagaimana tidak mengirim teks lengkap postingan ke RSS dan melindungi diri Anda dari pencurian konten melalui saluran berita
Paket SEO All in One dan optimasi mesin pencari internal blog WordPress (tag meta Kanonik, Deskripsi, dan Judul)

Mari kita mulai dengan memberi tahu Anda apa saja kegunaan breadcrumb saat mendesain situs web.

Apa itu remah roti?

Tepung roti(remah roti) adalah elemen navigasi situs. Mereka juga disebut remah roti, navigasi duplikat, menu navigasi, dll. Dalam literatur berbahasa Inggris Anda juga dapat menemukan nama: “ remah kue"(remah kue). Terkadang juga remah roti bisa disebut sebagai jalur navigasi. Sebenarnya semua sinonim ini menggambarkan objek yang sama, yang akan kita analisis lebih lanjut.

Breadcrumbs secara visual menampilkan jalur dari halaman utama (root) situs ke halaman tempat pengguna berada saat ini. Mengapa navigasi ini mendapat nama yang aneh? Jika Anda pernah membaca dongeng Brothers Grimm “Hansel dan Gretel”, maka Anda tahu bahwa di dalamnya anak-anak, setelah mendengar orang tua mereka berbicara tentang ditinggal di hutan, mencoba menimbun terlebih dahulu dengan kerikil kecil, yang kemudian mereka lempar. jalan untuk keluar. Pertama kali berhasil, namun kedua kalinya mereka tidak dapat mengumpulkan batu, sehingga anak-anak melemparkan remah-remah roti ke jalan. Namun, mereka tidak menyangka remah-remah tersebut akan dimakan burung. Akibatnya, anak-anak tersebut tersesat dan menemukan rumah penyihir tersebut. Tidak ada gunanya menceritakan kembali keseluruhan alur cerita, kemungkinan besar Anda tetap membacanya. Sebenarnya nama navigasinya merujuk kita pada acara ini.

Secara visual, remah roti biasanya berupa menu kecil, paling sering terletak di bagian atas halaman. Item yang termasuk dalam menu ini adalah hyperlink (kecuali item terakhir) dan mencerminkan struktur hierarki materi di situs.

Breadcrumbs digunakan oleh robot pencari. Dengan bantuan navigasi ini, robot dapat dengan cepat memahami arsitektur situs Anda dan menganalisisnya. Oleh karena itu, Anda tidak dapat mengabaikan remah roti atau dengan sengaja menolaknya, karena hal ini secara tidak langsung dapat mempengaruhi penurunan pengindeksan situs (atau perayapan halaman sumber daya yang tidak lengkap oleh robot).

Lebih penting lagi, remah roti mempunyai dampak positif terhadap pengalaman pengguna. Pengguna selalu dapat memahami di mana tepatnya dia berada saat ini di situs, dan dapat dengan cepat berpindah ke tingkat penumpukan materi sebelumnya (atau ke bagian tertentu), yaitu. seseorang di depan matanya melihat rute yang dia ambil dari halaman utama situs ke halaman saat ini. DI DALAM Hasil Google Remah roti juga digunakan, dan diperkenalkan bukan untuk menyederhanakan pekerjaan robot pencari, tetapi justru agar pengguna dapat melihat struktur material.

Halo semuanya teman. Dalam artikel hari ini saya akan memberi tahu Anda apa itu remah roti, kegunaannya, dan cara menambahkannya ke remah roti Anda blog wordpress dengan atau tanpa plugin. Mari kita mulai!

Breadcrumbs - cara mudah untuk menautkan blog

Satu dari cara sederhana sekaligus menyederhanakan navigasi dan penautan situs, ini adalah remah roti. Namanya diambil dari cara para pahlawan dongeng Jerman “Hansel dan Gretel” mencoba mencari jalan keluar dari hutan.

Benar, remah-remah itu tidak membantu anak-anak - mereka dipatuk oleh burung, tetapi dalam pengembangan situs web, fungsinya, dinamai berdasarkan metode penyelamatan yang gagal, telah mengakar dan digunakan dalam sumber daya untuk berbagai tujuan, dari blog pribadi hingga online toko.

Anda mungkin paling sering melihat jejak remah roti ini internet yang berbeda sumber daya. Biasanya ditempatkan di atas artikel dan terlihat seperti ini:

Halaman rumah> Kategori > Subkategori > Halaman saat ini

Selain itu, semua “tautan”, kecuali yang terakhir, adalah tautan internal.

Berkat rantai ini, pembaca dapat memahami kapan saja di level situs mana dia berada dan memiliki kesempatan untuk menelusuri seluruh rantai dan segera menuju ke bagian yang dia minati atau kembali ke halaman rumah sumber.

Apa saja manfaat breadcrumbs untuk website dan blog?

Seperti disebutkan di atas, pertama, ini menyederhanakan navigasi. Misalnya, seorang pembaca mengunjungi sebuah artikel, membacanya, dan memutuskan untuk membaca artikel lain di bagian tersebut. Berkat remah roti, dia tidak perlu mencari peta situs atau daftar kategori. Dia hanya akan mundur selangkah.

Anda secara halus mengundang pembaca untuk mengeklik tautan tersebut, memberi mereka alasan lain untuk tetap berada di situs Anda. Hal ini, pada gilirannya, meningkatkan faktor perilaku, itulah alasannya robot pencari, pertama-tama, blog dan situs web berbeda.

Semakin kompleks struktur situs, semakin penting untuk memasang remah roti di dalamnya. Sejak pengunjung, terutama yang baru pertama kali berkunjung, sumber daya ini, sulit untuk memahami semua blok, halaman, bagian dan subbagian. Jika mereka tidak mendapat petunjuk apa pun, mereka akan pergi begitu saja setelah membaca satu artikel saja.

Tugas kedua dari elemen ini, terkait erat dengan yang pertama, adalah pengoptimalan situs internal, atau lebih tepatnya, cara lain untuk menghubungkan sebanyak mungkin artikel dengan tautan. Selain itu, tidak seperti penautan manual, semuanya terjadi secara otomatis di sini. Jejak runut tautan yang diperlukan segera muncul di atas setiap artikel yang diterbitkan.

Fungsi ini dapat ditambahkan ke website dan blog cara yang berbeda. Mari kita lihat dua opsi paling sederhana untuk WordPress - instalasi menggunakan plugin dan dengan membuat perubahan kecil pada kode.

Bagaimana cara menambahkan remah roti ke blog dengan plugin

Cara paling mudah untuk memasang breadcrumbs pada blog adalah dengan memasang plugin khusus. Untuk WordPress biasanya digunakan Breadcrumb NavXT.

Cara installnya standar: masuk ke panel admin blog -> Plugins -> Add new. Di jendela yang muncul, masukkan nama plugin dan klik “Temukan plugin.”

Ini dia plugin kita, klik “Install now”, lalu “Activate”.

dan di atas baris ini masukkan potongan kode berikut:

Jika Anda ingin meletakkan remah roti di tempat lain, letakkan kode yang sama di sana.

Setelah itu, masuk ke “Pengaturan” -> “Pengaturan NavXT Breadcrumb” dan di kolom “Nama Tautan”, ubah nama menjadi milik Anda dan simpan perubahannya.

Yang tersisa hanyalah mengunjungi blog dan mengagumi hasilnya.

Bagaimana cara menambahkan remah roti ke blog tanpa plugin

Karena plugin apa pun merupakan beban tambahan pada blog, sehingga memperlambat kerjanya, lebih baik ubah sedikit kodenya saja, terutama karena dalam hal ini lebih mudah daripada memasang plugin.

Buka panel admin -> " Penampilan" -> "Editor" -> fungsi.php. Di sini, di mana saja (yang utama bukan di dalam fungsi lain), masukkan kode berikut:

Fungsi the_breadcrumb() ( echo "Anda di sini: "; if (!is_front_page()) ( echo "Beranda"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

dan simpan. Kalau khawatir bingung, paste saja di bagian paling akhir, di atas tanda kurung terakhir.

Sekarang Anda memerlukan kode ini:

letakkan di tempat yang Anda inginkan untuk menampilkan jejak remah roti, misalnya lagi di atas judul artikel. Untuk melakukan ini, buka single.php, cari baris dengan the_title dan tempel kode ini di atasnya dan simpan perubahannya.

Anda dapat mengunjungi situs webnya dan melihat apa yang terjadi. Seperti yang Anda lihat, Anda di sini dan Beranda jelas tidak pada tempatnya di sini dan perlu diubah menjadi sesuatu yang lebih sesuai, misalnya menjadi Path dan Home (atau nama blog).

Selain itu, Anda perlu memastikan bahwa perubahannya terlihat sama bagusnya browser yang berbeda– tidak tumpang tindih dengan bagian lain dari topik dan, pada saat yang sama, terlihat jelas.

Itu saja, Breadcrumbs membantu pembaca Anda, dan Anda bisa bangga karena Anda sendiri yang menemukan cara menginstalnya. Terima kasih atas perhatian Anda!

P.S. Di akhir artikel terdapat video cara menambahkan remah roti ke blog Anda:



Memuat...
Atas