Το Breadcrumbs είναι ένα σημαντικό στοιχείο της πλοήγησης στον ιστότοπο που βελτιώνει τη χρηστικότητα. Αυτό ισχύει ιδιαίτερα για τοποθεσίες με πολύπλοκη δομή. Δυστυχώς (ή ίσως όχι δυστυχώς), δεν τα χρησιμοποιώ στους περισσότερους από τους ιστότοπούς μου, ίσως επειδή η δομή τους είναι πολύ απλή (για έναν ιστότοπο σαν αυτόν, δεν φαίνεται να χρειάζονται).

Όταν λύνω οποιοδήποτε πρόβλημα σε έναν ιστότοπο WordPress, πάντα Προσπαθώ να κάνω χωρίς πρόσθετα, όπου είναι δυνατόν. Συχνά η ίδια εργασία μπορεί να επιλυθεί με λιγότερο κώδικα και είναι λιγότερο εντατική σε πόρους σε σύγκριση με τη χρήση πρόσθετων.

Χαρακτηριστικά Χαρακτηριστικά

Εμφανίζεται η πλήρης αλυσίδα των συνδέσμωνστην τρέχουσα σελίδα. Για παράδειγμα, εάν η τρέχουσα σελίδα ανήκει σε κατηγορία δεύτερου επιπέδου, τότε η αλυσίδα θα μοιάζει με αυτό:

Σε όλες τις λύσεις που συνάντησα (με εξαίρεση τα πρόσθετα), η αλυσίδα έμοιαζε ως εξής:

Εκείνοι. ένας σύνδεσμος χάθηκε.

Τα "ψίχουλα" μου για σελίδες μοιάζουν παρόμοια. Για παράδειγμα, για μια σελίδα του 3ου επιπέδου ένθεσης η αλυσίδα θα είναι ως εξής:

Αρχική > Σελίδα 1ου επιπέδου > Σελίδα 2ου επιπέδου > Σελίδα 3ου επιπέδου

• Τα ψίχουλα ψωμιού εμφανίζονται για ακόλουθους τύπουςΣελίδες ιστότοπου WordPress:

  • πλοήγηση σελίδας από την κύρια σελίδα (πληκτρολογήστε site.ru/page/2/).
  • Αρχείο κατηγορίας?
  • Αρχείο ετικετών?
  • καθημερινό αρχείο?
  • μηνιαίο αρχείο?
  • αρχείο για το έτος?
  • αρχείο του συγγραφέα?
  • προσαρμοσμένος τύπος ανάρτησης.
  • σελίδα;
  • γρήγορα;
  • αποτελέσματα αναζήτησης?
  • Σελίδα σφάλματος 404.
• Ο σειριακός αριθμός σελίδας προστίθεται εάν αυτή είναι η 2η ή περισσότερες σελίδες των αρχείων.
• Μπορείτε να καθορίσετε οποιονδήποτε διαχωριστικό χαρακτήρα μεταξύ συνδέσμων.
• Μπορείτε να ορίσετε κείμενο για τον σύνδεσμο Αρχική σελίδα.
• Ενσωματωμένη μικροσήμανση Schema.org.

Λειτουργία Breadcrumbs για WordPress (ενημερώθηκε: 03/03/2019)

/* * Breadcrumbs για WordPress * συγγραφέας: Dimox * έκδοση: 2019.03.03 * άδεια: MIT */ function dimox_breadcrumbs() ( /* === OPTIONS === */ $text["home"] = " Home"; // κείμενο του συνδέσμου "Αρχική σελίδα" $text["category"] = "%s" // κείμενο για τη σελίδα της κατηγορίας $text["search"] = "Αποτελέσματα αναζήτησης για το ερώτημα "%s""; / κείμενο για τη σελίδα αποτελεσμάτων αναζήτησης $text["tag"] = "Αναρτήσεις με ετικέτα "%s"" // κείμενο για τη σελίδα της ετικέτας $text["author"] = "Άρθρα από τον συγγραφέα %s" // κείμενο; για τον συγγραφέα της σελίδας $text["404"] = "Σφάλμα 404" // κείμενο για τη σελίδα 404 $text["page"] = "Σελίδα %s" // κείμενο "Σελίδα N" $text["cpage"; ] = " Σελίδα σχολίων %s" // text "Σελίδα σχολίων N" $wrap_before = ";

"; // κλειστή ετικέτα περιτυλίγματος $sep = " › "; // διαχωριστικό μεταξύ "crumbs" $before = " "; // ετικέτα πριν από το τρέχον "crumb" $after = ""; // ετικέτα μετά το τρέχον "crumb" $show_on_home = 0; // 1 - εμφάνιση "breadcrumbs" στην κύρια σελίδα, 0 - μην εμφανιστεί το $show_home_link = 1; // 1 - εμφάνιση του συνδέσμου "Αρχική", 0 - να μην εμφανιστεί το $show_current = 1 , 0 - να μην εμφανίζεται /* === ΤΕΛΟΣ ΕΠΙΛΟΓΩΝ === */ καθολική $post $home_url = home_url("/"); "; $link .= " %2$s"; $link .= " "; $link .= " "; $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; ) other ($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 . if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["category"], single_cat_title("", false)) . $after; ) elseif ($show_last_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($text["search"], get_search_query()), $position $sprintf($text["page"], get_query_var("paged")) . if ($show_current) ( if ($position >= 1) echo $sep; echo $before . sprintf($text["search"], get_search_query()) . $after; ) elseif ($show_last_sep) echo $sep; ) ) elseif (is_year()) ( 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; $position += 1; echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y") , $position. αν ($show_current) echo $sep ("F") echo sprintf($link, get_year_link(get_the_time("Y")), get_the_time("Y"), $position) . $σεπτ; $position += 1; echo sprintf($link, get_month_link(get_the_time("Y"), get_the_time("m")), get_the_time("F"), $position); εάν ($show_current) echo $sep . $πριν. get_the_time("d") . $μετά; elseif ($show_last_sep) echo $sep; ) elseif (is_single() && ! is_attachment()) ( if (get_post_type() != "post") ($position += 1; $post_type = get_post_type_object(get_post_type()); if ($position > 1) echo $ sep; $πριν . get_the_title() . $μετά; 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 ($ γονείς ως $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")) ) else ( if ($show_current) echo $sep. $before . get_the_title() . $after; elseif ($show_last_sep) echo $sep;) ) elseif (is_post_type_). ( $post_type = get_post_type_object(get_post_type()); if (get_query_var("paged")) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_post_type_archive_link($post_type- > όνομα), $post_type->label, $position $sep . ; εάν ($show_current) ηχώ $πριν . $post_type->label . $μετά; 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, "κατηγορία" $parents = array_reverse($parents = $catID) ($position += 1; if ($position > 1) echo $sep; ($cat), get_cat_name ($cat), $position += 1 echo $sep ($link, get_permalink ($parent), $parent->post_title, $position); $before get_the_itle() . ) && $parent_id) ( $parents = get_post_ancestors(get_the_ID()); array_reverse($parents) ως $pageID) ( $position += 1; if ($position > 1) echo $sep; echo sprintf($link, get_page_link ($pageID), get_the_title ($pageID), $position); ) εάν ($show_current) echo $sep . $πριν. get_the_title() . $μετά; elseif ($show_last_sep) echo $sep; ) elseif (is_tag()) ( if (get_query_var("paged")) ( $position += 1; $tagID = get_query_var ("tag_id"); echo $sep . sprintf($link, get_tag_link($tagID), single_tag_title("", false), $position); ηχώ $σεπ . $πριν . sprintf($text["σελίδα"], get_query_var("σελίδα")) . $μετά; ) 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; sprintf($link, get_author_posts_url($author->ID), sprintf($text["author"], $author->display_name); echo $sep. $before . ], get_query_var("paged")) ; ) else ( 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_current) show_last_sep) echo $sep; echo get_post_format_string(get_post_format()); ) echo $wrap_after; ) ) // τέλος του dimox_breadcrumbs()

Η συνάρτηση πρέπει να τοποθετηθεί στο αρχείο functions.php του θέματος WordPress. Μετά από αυτό, προσθέστε τον ακόλουθο κώδικα στη θέση του προτύπου όπου θέλετε να εμφανίσετε τη φρυγανιά:

Το μόνο που μένει να κάνετε τώρα είναι να τα εγγράψετε χρησιμοποιώντας CSS. Για να γίνει αυτό, παρέχεται μια κλάση για το μπλοκ "breadcrumbs" .breadcrumbs , για το separator - .breadcrumbs__separator και για το τρέχον "crumbs" - .breadcrumbs__current .

Γειά σου! Συνεχίζω να επισημαίνω εξαιρετικά χρήσιμα πρόσθετα για το σύστημα wordpress. Σήμερα θα σας πω και θα σας δείξω πώς να εγκαταστήσετε πολύ απλά και γρήγορα breadcrumbs στον ιστότοπό σας στο WordPress. Τι είναι τα Breadcrumbs; Το Breadcrumbs δείχνει τη διαδρομή που έχετε ακολουθήσει στον ιστότοπο, από την πρώτη σελίδα μέχρι την τρέχουσα. Για παράδειγμα, πήγατε στον ιστότοπο στην αρχική σελίδα, μετά πήγα στην ενότητα «Οικιακά είδη» και μετά άνοιξα την καταχώρηση «Πώς να αρμέγετε μια αγελάδα» κ.λπ.

Όλες αυτές οι σελίδες και οι σύνδεσμοι προς αυτές θα εμφανίζονται σε φρυγανιές. Τα ψωμάκια είναι απαραίτητα κυρίως για τη διευκόλυνση των χρηστών, ώστε να μπορούν να επιστρέψουν γρήγορα στη σελίδα ή στην κατηγορία που χρειάζονται. Αλλά φυσικά, τα ψίχουλα έχουν θετική επίδραση στην προώθηση SEO του ιστότοπου. Δηλαδή, λόγω της ψίχας ψωμιού, ο παράγοντας συμπεριφοράς στην ιστοσελίδα σας μπορεί να αυξηθεί.

Μπορείτε να προσθέσετε ψίχουλα στον ιστότοπό σας χρησιμοποιώντας ένα απλό πρόσθετο - Yummi Bread Crumbs. Μπορείτε να εγκαταστήσετε αυτό το πρόσθετο στον ιστότοπό σας απευθείας από τον πίνακα διαχείρισης του WordPress. Μεταβείτε στη σελίδα: Προσθήκες – Προσθήκη νέου, πληκτρολογήστε το όνομα της προσθήκης στη φόρμα αναζήτησης, πατήστε Enter, εγκαταστήστε και ενεργοποιήστε την προσθήκη.

Μετά την εγκατάσταση και την ενεργοποίηση της προσθήκης, μεταβείτε στη σελίδα: Ρυθμίσεις – Yummi Bread Crumbs. Εδώ μπορείτε να διαμορφώσετε το πρόσθετο. Το πρόσθετο έχει πολύ απλές ρυθμίσεις, που μπορεί να αντέξει και η πιο μανιώδης τσαγιέρα.

– Τύπος εγκατάστασης, επιλέξτε τον τύπο εγκατάστασης. Επιλέξτε τον Αυτόματο τύπο για να εμφανίζονται αυτόματα ψίχουλα στον ιστότοπό σας. Εάν επιλέξετε τον τύπο - Manual, τότε θα πρέπει να εισαγάγετε τον κώδικα ψίχουλου στον ιστότοπο με μη αυτόματο τρόπο.

– Είδος ψίχουλα ψωμιού,επιλέξτε το είδος της ψίχας ψωμιού. Μπορείτε να πειραματιστείτε με την εμφάνιση της ψίχας ψωμιού.

– Τρέχον όνομα, επιλέξτε εάν θα εμφανίζεται το όνομα της τρέχουσας σελίδας ή η εγγραφή στο HK.

– Στην αρχική σελίδα,εμφάνιση ή όχι HC στην κύρια σελίδα.

– Συμβουλές εργαλείων, ενεργοποίηση ή απενεργοποίηση συμβουλών εργαλείων.

– "title=" για συνδέσμους,συμπεριλάβετε το χαρακτηριστικό τίτλου για συνδέσμους.

– Τρέχουσα γραμματοσειρά, υποδεικνύεται η τρέχουσα γραμματοσειρά για το HK.

– Αλλάξτε την εμφάνιση των κατηγοριών Επικεφαλίδων,Μπορείτε να αλλάξετε το στυλ γραμματοσειράς για κατηγορίες.

– την ευγνωμοσύνη σας,επιλέξτε – Απόκρυψη, ώστε ο σύνδεσμος προς τον ιστότοπο του δημιουργού της προσθήκης να μην εμφανίζεται στον ιστότοπό σας.

– Κάντε κλικ στο κουμπί – Αποθήκευσε τις αλλαγές.

Γεια σας, αγαπητοί αναγνώστες του ιστότοπου του ιστολογίου. Σήμερα θέλω να μιλήσω για ένα πρόσθετο για WordPress, το οποίο χρησιμοποιείται στο blog μου για δύο πολύ σημαντικούς σκοπούς.

Πρώτον, διευκολύνει την πλοήγηση και, δεύτερον, λύνει ένα πολύ σημαντικό πρόβλημα - τη δημιουργία σωστής εσωτερικής σύνδεσης. Για να μην παρατείνω την ίντριγκα, θα πω αμέσως ότι θα μιλήσουμε για την προσθήκη Breadcrumb NavXT. Πρώτα όμως πρώτα.

Έχω ήδη μιλήσει πολύ για την ανάγκη δημιουργίας σωστής σύνδεσης των σελίδων του ιστότοπου, έτσι ώστε το στατικό βάρος που μεταφέρεται μέσω τυχόν εξωτερικών συνδέσμων να κατανέμεται ομοιόμορφα σε όλες τις ιστοσελίδες του έργου. Αυτό είναι ιδιαίτερα σημαντικό.

Γιατί χρειάζεστε ψίχουλα στο WordPress;

Η προώθηση μέσω LF έχει μια σειρά από πλεονεκτήματα, το κυριότερο (ιδιαίτερα σημαντικό για μη εμπορικά έργα) είναι ότι δεν απαιτείται επένδυση Χρήματααπαιτείται για αγορά εξωτερικοί σύνδεσμοι. Αυτό οφείλεται στο γεγονός ότι είναι δυνατή η προώθηση στο LF μόνο λόγω του εσωτερικού ιστότοπου και μόνο με τη δημιουργία της σωστής σύνδεσης, όπως περιγράφεται.

Παρεμπιπτόντως, για εμπορικά έργα, η προώθηση με χαμηλή συχνότητα έχει επίσης ορισμένα πλεονεκτήματα, το κύριο από τα οποία, πάλι, είναι το χαμηλότερο κόστος, αλλά εκτός από αυτό, οι επισκέπτες που προέρχονται από τα αποτελέσματα αναζήτησης για τέτοια ερωτήματα θα είναι πολύ πιο πιθανό να μετατραπούν σε τραπεζογραμμάτια από τους επισκέπτες που προέρχονταν από μεσαία και υψηλής συχνότητας ερωτήματα (λόγω της ασάφειας των τελευταίων).

Η κύρια ιδέα της σωστής σύνδεσης είναι ότι το στατικό βάρος μεταφέρεται σε διαφορετικές σελίδες site (οι περισσότεροι εξωτερικοί σύνδεσμοι συνήθως οδηγούν στην κύρια σελίδα), χωρίς προβλήματα έρεαν σε αυτούς που προωθούνται απευθείας μέσω του LF (όπου βρίσκονται πραγματικά τα άρθρα).

Επομένως, το ιδανικό κυκλικό σχήμα που περιγράφεται στο παραπάνω άρθρο είναι δύσκολο να εφαρμοστεί σε πραγματικές συνθήκες καλή επιλογήθα υπάρχει ένα σχήμα σφαιρικής σύνδεσης. Σε γενικές γραμμές, ένα τέτοιο σχήμα μπορεί να είναι υπερβολικό σε σημείο που όσο περισσότεροι εσωτερικοί σύνδεσμοι υπάρχουν, τόσο καλύτερα θα κατανέμεται το στατικό βάρος. Είναι παρόμοιο με ένα διακλαδισμένο κυκλοφορικό σύστημα που επιτρέπει στο αίμα να μεταφέρει οξυγόνο σε όλα τα εσωτερικά όργανα, ακόμη και εκείνα που είναι πιο απομακρυσμένα από τους πνεύμονες.

Κάθε φορά που γράφετε άρθρα, μπορείτε να προσθέτετε με μη αυτόματο τρόπο συνδέσμους σε άλλα υλικά στον ιστότοπό σας που θα είναι σχετικά. Είναι αλήθεια ότι παίρνετε πολύ σοβαρά υπόψη την εσωτερική λίστα αγκύρωσης που δημιουργείτε για κάθε άρθρο. Αυτό πρέπει να γίνει περίπου με τον ίδιο τρόπο όπως. Δεν πρέπει να χρησιμοποιείτε το ίδιο αδιάλυτο κλειδί σε όλες τις αναφορές σε αυτό, καλά, καταλαβαίνετε τι εννοώ.

Αυτό είναι πολύ καλός τρόπος, αλλά θα είναι πάντα καλή ιδέα να το επεκτείνετε και να το συμπληρώνετε χρησιμοποιώντας αυτόματες μεθόδους Μια από τις πιο συνηθισμένες επιλογές για την οργάνωση κάτι τέτοιο είναι το λεγόμενο breadcrumbs, το οποίο διευρύνει τις δυνατότητες πλοήγησης στον πόρο, καθώς και τη δημιουργία ενός. μπλοκ συνδέσμων προς άλλα παρόμοια υλικά στο έργο σας, παρόμοια σε θέμα με αυτό το άρθρο.

Σήμερα θέλω να εξετάσω την πρώτη επιλογή λεπτομερώς, αλλά σχετικά με παρόμοια υλικά για το WordPress στο .

Για να εφαρμόσουμε breadcrumbs, θα χρησιμοποιήσουμε την προσθήκη Breadcrumb NavXT. Κατ 'αρχήν, μπορείτε να χρησιμοποιήσετε άλλα Προσθήκες WordPress, αλλά αυτά μου άρεσαν περισσότερο. Είναι ακόμη δυνατό.

Εγκατάσταση της προσθήκης Breadcrumb NavXT στο WordPress

Εντάξει, ήρθε η ώρα να προχωρήσουμε στην εγκατάσταση και τη ρύθμιση παραμέτρων της προσθήκης. Αν ξαφνικά δεν ξέρετε τι είναι η ψίχα ψωμιού, τότε δεν πειράζει. Στην πραγματικότητα, ούτε εγώ το ήξερα στην αρχή, γιατί αυτός ο όρος προήλθε από την αστική τάξη και συνδέεται με το αστικό τους παραμύθι για τον Χάνσελ και την Γκρέτα, που τους χρησιμοποίησαν για να χαράξουν το μονοπάτι.

Κατά την κατανόησή μας, αυτό το στοιχείο της πλοήγησης του ιστότοπου θα πρέπει να ονομάζεται «Νήμα της Αριάδνης», επειδή είναι κάπως πιο κοντά σε εμάς. Λοιπόν, εντάξει, έτσι το έλεγαν. Έτσι, συνήθως εμφανίζονται κάπου στην κορυφή του παραθύρου του ιστότοπου και είναι στην πραγματικότητα η διαδρομή προς το άρθρο στο οποίο βρίσκεστε αυτή τη στιγμήδιαβάζεις.

Για παράδειγμα, μου αρέσει πολύ η πλοήγηση χρησιμοποιώντας crumbs και πάντα προσπαθώ να βρω τη γραμμή τους σε οποιονδήποτε ιστότοπο για να καταλάβω πού βρίσκομαι πραγματικά και πώς να πάω στην ενότητα όπου βρίσκεται αυτό το υπέροχο άρθρο για να διαβάσω περισσότερα για το ίδιο θέμα .

Λοιπόν, θυμάστε τι είναι η ψίχα ψωμιού; Νομίζω ότι το θυμηθήκατε, αλλά αν όχι, τότε κοιτάξτε στην κορυφή αυτού του παραθύρου κάτω από την κεφαλίδα αυτού του ιστολογίου.

Πρώτα θα χρειαστεί να κατεβάσετε το Breadcrumb NavXT από εδώ. Η εγκατάσταση της προσθήκης στο WordPress είναι τυπική. Συνδεθείτε στο ιστολόγιό σας μέσω FTP (η εργασία με τον πελάτη FileZilla περιγράφεται λεπτομερώς) και ανοίξτε το φάκελο στον διακομιστή:

/wp-content/plugins

Αποσυσκευάστε το αρχείο με το Breadcrumb NavXT και αντιγράψτε τον φάκελο που προκύπτει στον διακομιστή φιλοξενίας στον κατάλογο (/wp-content/plugins). Τώρα θα χρειαστεί να μεταβείτε στην περιοχή διαχειριστή του WordPress, να επιλέξετε "Προσθήκες" από το αριστερό μενού και στο παράθυρο που ανοίγει, να μεταβείτε στην καρτέλα "Ανενεργό". Βρείτε τη γραμμή με αυτό που χρειάζεστε και κάντε κλικ στο κείμενο "Ενεργοποίηση" που βρίσκεται ακριβώς από κάτω.

Κλήση Breadcrumb NavXT και προσαρμογή της εμφάνισης των ψίχουλων

Αυτό είναι όλο, στην πραγματικότητα. Τώρα απομένει μια ακόμη σημαντική λεπτομέρεια: επιλέξτε μια θέση στο πρότυπο WordPress (θέμα) όπου θα εμφανίζεται η γραμμή με ψίχουλα και εισαγάγετε τον κωδικό της συνάρτησης προσθήκης Breadcrumb NavXT σε αυτό το μέρος. Η εργασία δεν είναι εντελώς ασήμαντη για έναν αρχάριο webmaster που είναι ελάχιστα εξοικειωμένος με τη δομή του κινητήρα και τη δουλειά των θεμάτων του.

Αλλά αυτό μάλλον δεν θα σας μπερδέψει, γιατί… μπορείτε πάντα να διαβάσετε, ευτυχώς, δεν υπάρχει τίποτα περίπλοκο εκεί.

Εάν είστε ήδη εξοικειωμένοι με τη δομή των θεμάτων και γνωρίζετε τον σκοπό ορισμένων προτύπων σε αυτήν, τότε θα συνεχίσουμε. Αλλά, διαφορετικά, εξακολουθώ να σας συμβουλεύω να εξοικειωθείτε τουλάχιστον επιφανειακά με αυτό, χρησιμοποιώντας το υλικό που αναφέρεται παραπάνω (ή κάποιο άλλο).

Έτσι, καθήκον μας είναι να αναγνωρίσουμε αυτά τα αρχεία από το φάκελο με το θέμα που χρησιμοποιείτε και στο οποίο θα χρειαστεί να εισαγάγουμε τον κωδικό για την κλήση crumbs. Και τότε θα πρέπει να αποφασίσετε ακριβώς πού στον κώδικα θα εισάγουμε αυτό:

Αρχικά, πρέπει να συνδεθείτε στο ιστολόγιό σας μέσω FTP και να ανοίξετε το φάκελο με το θέμα που χρησιμοποιείτε αυτήν τη στιγμή:

Wp-content/themes/title Θέματα WordPress

Τώρα επιτρέψτε μου να σας πω πώς έφτιαξα μόνος μου την παραγωγή ψίχουλα ψωμιού και μπορείτε να επαναλάβετε τα πάντα μετά από εμένα ή να χρησιμοποιήσετε τη δική σας έκδοση εισαγωγής.

Εάν προσπαθήσετε να οπτικοποιήσετε τον σκοπό των προτύπων από το θέμα, θα λάβετε κάτι σαν αυτή τη διάταξη:

Από αυτή τη διάταξη μπορούμε να συμπεράνουμε ότι θα χρειαστεί να εισαγάγουμε τον κωδικό για την κλήση του Breadcrumb NavXT σε εκείνα τα πρότυπα που είναι υπεύθυνα για την εμφάνιση περιεχομένου στο κεντρικό τμήμα του ιστολογίου: ΕΥΡΕΤΗΡΙΟ, SINGLE, ΑΡΧΕΙΟ, ΣΕΛΙΔΑ ή ΑΝΑΖΗΤΗΣΗ.

Είναι αλήθεια ότι δεν εμφάνισα τα crumbs στο INDEX, το οποίο είναι υπεύθυνο για τη δημιουργία της κύριας σελίδας του WordPress, επειδή η πρόσθετη πλοήγηση εκεί θα ήταν περιττή.

Το έβαλα στο: SINGLE (υπεύθυνος για τη δημιουργία σελίδων με άρθρα), ΑΡΧΕΙΟ (σχηματίζει σελίδες κατηγοριών, προσωρινά αρχεία, αρχεία ετικετών), PAGE (φόρμες σε στατικές σελίδες, για παράδειγμα, «Σχετικά με το ιστολόγιο»).

Έβαλα τον κωδικό για την κλήση του Breadcrumb NavXT σε αυτά τα πρότυπα στο ίδιο μέρος - στην αρχή, αμέσως μετά την πρώτη γραμμή:

ώστε να βγει ως εξής:

Στο αρχείο διαδοχικού φύλλου στυλ STYLE.CSS από το φάκελο με το θέμα που χρησιμοποιούσα, πρόσθεσα πολλά Ιδιότητες CSSγια την τάξη BRADCRUMB:

Breadcrumb ( γραμματοσειρά: πιο έντονη 12 px "Trebuchet MS", Verdana, Arial; padding-bottom: 10 px; ) .breadcrumb a(χρώμα: #1B7499; ) .breadcrumb a:hover (χρώμα: #EF0E0E; )

Αυτές οι ιδιότητες καθορίζουν την εμφάνιση για ψίχουλα στο WordPress: , a . Καθορίζουν επίσης το χρώμα των συνδέσμων από τη φρυγανιά (.breadcrumb a) και το χρώμα των συνδέσμων όταν τοποθετείτε το ποντίκι πάνω τους (.breadcrumb a:hover). Σε γενικές γραμμές, σας συμβουλεύω να διαβάσετε τη σελίδα.

Λειτουργίες και ρυθμίσεις του πρόσθετου Breadcrumb

Είστε ελεύθεροι να κάνετε ό,τι θέλετε. Όπως λένε, ο ιδιοκτήτης είναι ο κύριος. Αλλά με αυτό καθορίσαμε μόνο τη θέση της ψίχας ψωμιού και ορίσαμε την εμφάνισή τους. Αλλά αυτό το πρόσθετο έχει ακόμα πολλές ρυθμίσεις.

Για να το κάνετε αυτό, μεταβείτε στην περιοχή διαχειριστή του WordPress και επιλέξτε "Breadcrumb NavXT" από το αριστερό μενού στην περιοχή "Ρυθμίσεις". Στο παράθυρο που ανοίγει θα δείτε πολλές καρτέλες:

Στην καρτέλα Γενικά, μπορείτε να ορίσετε παραμέτρους που θα εφαρμόζονται σε όλες τις σελίδες του ιστολογίου σας. Στο πεδίο "Separator", καθορίστε έναν χαρακτήρα που θα χρησιμεύσει ως διαχωριστικό σε ψίχουλα ψωμιού. Στην περίπτωσή μου, αυτό είναι το σύμβολο ">", το οποίο καθορίζεται με έναν ειδικό κωδικό, επειδή Το σύμβολο ">", εάν τοποθετηθεί ρητά, θα ερμηνευτεί από το WordPress ως σημάδι μιας ετικέτας HTML που ανοίγει.

Γενικά, υπάρχουν (μνημονικά) που, για παράδειγμα, δεν μπορούν να εισαχθούν απευθείας. Εδώ είναι μερικά από αυτά:

Μνημονικός κωδικός Σύμβολο " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Επιλέξτε όποιο σύμβολο σας αρέσει ως διαχωριστικό για την ψίχα ψωμιού.

Στο πεδίο "Μέγιστο μήκος", μπορείτε να ορίσετε το μήκος της άγκυρας (κείμενο συνδέσμου) σε χαρακτήρες. Έθεσα το όριο μήκους στους 60 χαρακτήρες όχι για λόγους σχεδιασμού, αλλά για λόγους βελτιστοποίησης περιεχομένου.

Οι μηχανές αναζήτησης μπορεί να είναι διφορούμενες σχετικά με συνδέσμους με τις ίδιες άγκυρες, γι' αυτό τις συντομεύω σε μικροσκοπικά κομμάτια για να τις κάνω μοναδικές. Είναι πιθανό ότι αυτό δεν είναι πραγματικά απαραίτητο, αλλά για κάθε περίπτωση.

Στα πεδία «Πρόθεμα» και «Επίθημα» μπορείτε να εισαγάγετε κείμενο που θα προηγείται ή θα ακολουθεί τον σύνδεσμο προς την κύρια σελίδα σε ψίχουλα.

Λάβετε υπόψη ότι αυτό το κείμενο θα τοποθετηθεί στο χαρακτηριστικό TITLE της ετικέτας A και μπορεί να μετρηθεί μηχανές αναζήτησηςως εναλλακτική άγκυρα. Αυτό που εννοώ είναι ότι πρέπει να χρησιμοποιηθεί λέξεις-κλειδιάπου σχετίζονται με την αρχική σελίδα του ιστολογίου σας.

Μην ξεχάσετε να αποθηκεύσετε τις αλλαγές σας στις ρυθμίσεις της προσθήκης Breadcrumb NavXT χρησιμοποιώντας το ομώνυμο κουμπί. Στη συνέχεια, μπορείτε να περάσετε από όλες τις καρτέλες. Για παράδειγμα, στην παρακάτω σελίδα μπορείτε να ορίσετε ρυθμίσεις για έναν σύνδεσμο που θα οδηγεί στη σελίδα όπου βρίσκεστε τώρα:

Στην επόμενη καρτέλα «Αναρτήσεις / Σελίδες» μπορείτε να διαμορφώσετε την εμφάνιση συνδέσμων σε σελίδες με άρθρα και στατικές σελίδες του ιστολογίου σας:

Για τα άρθρα, έθεσα την προηγούμενη επιγραφή "Τρέχον άρθρο" και έκλεισα το κείμενο σε εισαγωγικά χρησιμοποιώντας έναν μνημονικό κώδικα (δείτε τη λίστα των μνημονικών κωδίκων παραπάνω):

Μεταβείτε στην επόμενη καρτέλα "Κατηγορίες". Κατ 'αρχήν, όλες οι ίδιες ρυθμίσεις επαναλαμβάνονται εδώ όπως και στις προηγούμενες. Δεν όρισα πλαίσιο (πρόθεμα και επίθημα) για συνδέσμους σε κατηγορίες, αλλά όρισα ένα πλαίσιο για σελίδες αρχειοθέτησης:

Ως αποτέλεσμα, τα ψίχουλα στις ιστοσελίδες του αρχείου μοιάζουν με αυτό:

Καλή σου τύχη! Τα λέμε σύντομα στις σελίδες του ιστότοπου του ιστολογίου

Μπορεί να σας ενδιαφέρει

Δημιουργία λίστας σχετικών αναρτήσεων στο WordPress (με μικρογραφίες) χρησιμοποιώντας το πρόσθετο Related Posts για εσωτερική σύνδεση
Δημιουργία χάρτη ιστολογίου για επισκέπτες στο WordPress ( Προσθήκες χάρτη ιστότοπουΧάρτης Ιστολογίου Generator και WP DS)
Γραμμή εργαλείων σχολίων - προσθήκη σε Σχόλια WordPressδυνατότητα απάντησης και αναφοράς
Απλοί μετρητές και εικονίδια κατηγορίας και σελίδας - όμορφοι μετρητές RSS και Twitter, καθώς και εικονίδια για κατηγορίες και σελίδες στο WordPress Όπως στο πρόσθετο Ακόμα ένα άλλοΣχετικές δημοσιεύσεις αφαιρέστε το διαφανές pixel http://yarpp.org/pixels και αλλάξτε την επιγραφή Παρόμοια υλικά
Κουμπιά επισήμανσης κώδικα και μορφοποίησης σχολίων στο WordPress - SyntaxHighlighter και φόρμα σχολίου
Google XML Sitemaps - δημιουργία χάρτη ιστότοπου για WordPress
Ημερολογίστε το! - Ημερολόγιο εκδηλώσεων για WordPress
WP-PageNavi - πλοήγηση στη σελίδα για ένα ιστολόγιο WordPress - εγκατάσταση, διαμόρφωση και αλλαγή της εμφάνισης της σελιδοποίησης
Καλύτερη ροή για WordPress - πώς να μην στέλνετε πλήρη κείμενα αναρτήσεων σε RSS και να προστατεύεστε από κλοπή περιεχομένου μέσω καναλιού ειδήσεων
Όλα σε ένα πακέτο SEO και εσωτερική βελτιστοποίηση μηχανών αναζήτησης ενός ιστολογίου WordPress (μετα-ετικέτες Canonical, Περιγραφή και Τίτλος)

Ας ξεκινήσουμε λέγοντάς σας για ποιον σκοπό χρησιμοποιούνται γενικά τα breadcrumbs κατά το σχεδιασμό ιστότοπων.

Τι είναι η φρυγανιά;

τριμμένη φρυγανιά(breadcrumbs) είναι ένα στοιχείο πλοήγησης ιστότοπου. Ονομάζονται επίσης breadcrumbs, διπλότυπη πλοήγηση, μενού πλοήγησης κ.λπ. Στην αγγλόφωνη βιβλιογραφία μπορείτε επίσης να βρείτε το όνομα: ψίχουλα μπισκότων"(ψίχα μπισκότου). Το Breadcrumbs μπορεί επίσης μερικές φορές να ονομαστεί διαδρομή πλοήγησης. Στην πραγματικότητα, όλα αυτά τα συνώνυμα περιγράφουν το ίδιο αντικείμενο, το οποίο θα αναλύσουμε περαιτέρω.

Το Breadcrumbs εμφανίζει οπτικά τη διαδρομή από την κύρια (root) σελίδα του ιστότοπου στη σελίδα στην οποία βρίσκεται ο χρήστης αυτήν τη στιγμή. Γιατί αυτή η πλοήγηση πήρε ένα τόσο περίεργο όνομα; Αν έχετε διαβάσει το παραμύθι των αδερφών Γκριμ «Χάνσελ και Γκρέτελ», τότε ξέρετε ότι σε αυτό τα παιδιά, έχοντας κρυφάκουσε τους γονείς τους να μιλούν για το ότι έμειναν στο δάσος, προσπάθησαν να μαζέψουν μικρά βότσαλα εκ των προτέρων, τα οποία πέταξαν. το δρόμο για να βγούμε. Την πρώτη φορά λειτούργησε, αλλά τη δεύτερη φορά δεν μπορούσαν να μαζέψουν πέτρες, έτσι τα παιδιά πέταξαν ψίχουλα ψωμιού στο δρόμο. Ωστόσο, δεν προέβλεπαν ότι αυτά τα ψίχουλα θα τα έφαγαν τα πουλιά. Αποτέλεσμα ήταν τα παιδιά να χαθούν και να συναντήσουν το σπίτι της μάγισσας. Δεν έχει νόημα να ξαναδιηγηθείς ολόκληρη την πλοκή του παραμυθιού. Στην πραγματικότητα, το όνομα της πλοήγησης μας παραπέμπει σε αυτό το γεγονός.

Οπτικά, οι φρυγανιές είναι συνήθως ένα μικρό μενού, που τις περισσότερες φορές βρίσκεται στο επάνω μέρος της σελίδας. Τα στοιχεία που περιλαμβάνονται σε αυτό το μενού είναι υπερσύνδεσμοι (εκτός από το τελευταίο στοιχείο) και αντικατοπτρίζουν την ιεραρχική δομή των υλικών στον ιστότοπο.

Το Breadcrumbs χρησιμοποιούνται από ρομπότ αναζήτησης. Με τη βοήθεια αυτής της πλοήγησης, τα ρομπότ είναι σε θέση να κατανοήσουν γρήγορα την αρχιτεκτονική του ιστότοπού σας και να την αναλύσουν. Ως εκ τούτου, δεν μπορείτε να αγνοήσετε τα ψίχουλα ή να τα αρνηθείτε σκόπιμα, καθώς αυτό μπορεί να επηρεάσει έμμεσα την επιδείνωση της ευρετηρίασης του ιστότοπου (ή την ατελή ανίχνευση σελίδων πόρων από το ρομπότ).

Το πιο σημαντικό είναι ότι η φρυγανιά έχει θετικό αντίκτυπο στην εμπειρία του χρήστη. Ο χρήστης μπορεί πάντα να καταλάβει πού ακριβώς βρίσκεται αυτήν τη στιγμή στον ιστότοπο και μπορεί γρήγορα να μετακινηθεί στο προηγούμενο επίπεδο ένθεσης υλικών (ή σε μια συγκεκριμένη ενότητα), π.χ. ένα άτομο έχει μπροστά στα μάτια του τη διαδρομή που έκανε από την κύρια σελίδα του ιστότοπου στην τρέχουσα σελίδα. ΣΕ Αποτελέσματα GoogleΧρησιμοποιούνται επίσης ψίχουλα ψωμιού, τα οποία εισάγονται όχι για να απλοποιήσουν τη δουλειά των ρομπότ αναζήτησης, αλλά ακριβώς για να μπορεί ο χρήστης να δει τη δομή των υλικών.

Γεια σε όλους φίλοι. Στο σημερινό άρθρο θα σας πω τι είναι η φρυγανιά, σε τι χρησιμεύουν και πώς να τα προσθέσετε στο δικό σας blog wordpressμε ή χωρίς πρόσθετο. Ας ξεκινήσουμε!

Breadcrumbs - ένας βολικός τρόπος για να συνδέσετε ένα blog

Ενας από απλούς τρόπουςΤαυτόχρονα απλοποιήστε την πλοήγηση και τη σύνδεση στον ιστότοπο, αυτά είναι ψίχουλα. Πήρε το όνομά του προς τιμήν του τρόπου με τον οποίο οι ήρωες του γερμανικού παραμυθιού «Hansel and Gretel» προσπάθησαν να βρουν το δρόμο τους έξω από το δάσος.

Είναι αλήθεια ότι τα ψίχουλα δεν βοήθησαν τα παιδιά - τα ράμφησαν πουλιά, αλλά στην ανάπτυξη ιστότοπου η λειτουργία, που πήρε το όνομά της από την ανεπιτυχή μέθοδο διάσωσης, έχει ριζώσει και χρησιμοποιείται σε πόρους για διάφορους σκοπούς, από προσωπικά ιστολόγια έως διαδικτυακά προμήθεια.

Πιθανότατα έχετε δει περισσότερο αυτό το μονοπάτι με ψίχουλα διαφορετικό Διαδίκτυοπόροι. Συνήθως τοποθετείται πάνω από το άρθρο και μοιάζει κάπως έτσι:

Αρχική σελίδα> Κατηγορία > Υποκατηγορία > Τρέχουσα σελίδα

Επιπλέον, όλοι οι «δεσμοί», εκτός από τον τελευταίο, είναι εσωτερικοί σύνδεσμοι.

Χάρη σε αυτήν την αλυσίδα, ο αναγνώστης μπορεί ανά πάσα στιγμή να καταλάβει σε ποιο επίπεδο του ιστότοπου βρίσκεται και έχει την ευκαιρία να περάσει από ολόκληρη την αλυσίδα και να μεταβεί αμέσως στο τμήμα που τον ενδιαφέρει ή να επιστρέψει αρχική σελίδαπόρος.

Ποια είναι τα οφέλη της φρυγανιάς για έναν ιστότοπο και ένα blog;

Όπως αναφέρθηκε παραπάνω, πρώτον, απλοποιεί την πλοήγηση. Για παράδειγμα, ένας αναγνώστης ήρθε σε ένα άρθρο, το διάβασε και αποφάσισε να διαβάσει άλλα άρθρα της ενότητας. Χάρη στα ψίχουλα, δεν χρειάζεται να ψάξει για χάρτη ιστότοπου ή λίστα κατηγοριών. Θα κάνει απλώς ένα βήμα πίσω.

Προσκαλείτε διακριτικά τον αναγνώστη να κάνει κλικ στους συνδέσμους, δίνοντάς του έναν άλλο λόγο να παραμείνει στον ιστότοπό σας. Αυτό, με τη σειρά του, βελτιώνει τους παράγοντες συμπεριφοράς, γι' αυτό ρομπότ αναζήτησης, πρώτα απ 'όλα, τα ιστολόγια και οι ιστότοποι διαφέρουν.

Όσο πιο περίπλοκη είναι η δομή του ιστότοπου, τόσο πιο σημαντικό είναι να εγκαταστήσετε φρυγανιές σε αυτό. Δεδομένου ότι οι επισκέπτες, ειδικά εκείνοι που επισκέπτονται για πρώτη φορά, αυτόν τον πόρο, είναι δύσκολο να κατανοήσετε όλα τα μπλοκ, τις σελίδες, τις ενότητες και τις υποενότητες. Εάν δεν λάβουν συμβουλές, απλώς θα φύγουν αφού διαβάσουν μόνο ένα άρθρο.

Το δεύτερο καθήκον αυτού του στοιχείου, στενά συνδεδεμένο με το πρώτο, είναι η εσωτερική βελτιστοποίηση του ιστότοπου, ή μάλλον, ένας άλλος τρόπος σύνδεσης όσο το δυνατόν περισσότερων άρθρων με συνδέσμους. Επιπλέον, σε αντίθεση με τη μη αυτόματη σύνδεση, εδώ όλα γίνονται αυτόματα. Το απαιτούμενο ίχνος φρυγανιάς εμφανίζεται αμέσως πάνω από κάθε δημοσιευμένο άρθρο.

Αυτή η λειτουργία μπορεί να προστεθεί σε ιστότοπους και ιστολόγια διαφορετικοί τρόποι. Ας δούμε τις δύο απλούστερες επιλογές για το WordPress - εγκατάσταση με χρήση πρόσθετου και κάνοντας μικρές αλλαγές στον κώδικα.

Πώς να προσθέσετε ψίχουλα σε ένα ιστολόγιο με μια προσθήκη

Ο ευκολότερος τρόπος για να εγκαταστήσετε το breadcrumbs σε ένα blog είναι να εγκαταστήσετε ένα ειδικό πρόσθετο. Για το WordPress, συνήθως χρησιμοποιείται το Breadcrumb NavXT.

Η μέθοδος για την εγκατάστασή του είναι τυπική: μεταβείτε στον πίνακα διαχείρισης του ιστολογίου -> Προσθήκες -> Προσθήκη νέου. Στο παράθυρο που εμφανίζεται, εισαγάγετε το όνομα της προσθήκης και κάντε κλικ στην επιλογή «Εύρεση προσθηκών».

Εδώ είναι, το πρόσθετό μας, κάντε κλικ στο "Εγκατάσταση τώρα", μετά στο "Ενεργοποίηση".

και πάνω από αυτή τη γραμμή εισάγετε το ακόλουθο κομμάτι κώδικα:

Αν θέλετε να τοποθετήσετε τη φρυγανιά σε άλλο σημείο, τότε τοποθετείτε τον ίδιο κωδικό εκεί.

Μετά από αυτό, μεταβείτε στις "Ρυθμίσεις" -> "Ρυθμίσεις Breadcrumb NavXT" και στη στήλη "Όνομα συνδέσμου", αλλάξτε το όνομα στο δικό σας και αποθηκεύστε τις αλλαγές.

Το μόνο που μένει είναι να μπείτε στο blog και να θαυμάσετε το αποτέλεσμα.

Πώς να προσθέσετε ψίχουλα σε ένα ιστολόγιο χωρίς πρόσθετο

Δεδομένου ότι οποιαδήποτε πρόσθετα είναι ένα πρόσθετο φορτίο στο ιστολόγιο, επιβραδύνοντας τη δουλειά του, είναι καλύτερα να αλλάξετε λίγο τον κώδικα, ειδικά επειδή σε αυτήν την περίπτωση είναι πιο εύκολο από την εγκατάσταση ενός πρόσθετου.

Μεταβείτε στον πίνακα διαχείρισης -> " Εμφάνιση" -> "Επεξεργαστής" -> functions.php. Εδώ, οπουδήποτε (το κύριο πράγμα δεν είναι μέσα σε άλλη συνάρτηση), εισαγάγετε τον ακόλουθο κώδικα:

Function the_breadcrumb() ( echo "You are here: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) (echo " " "; the_title(); ) ) elseif (is_page()) (echo the_title(); )) else (echo "Home"; ) )

και αποθηκεύστε. Αν ανησυχείτε μήπως μπερδευτείτε, απλώς επικολλήστε το στο τέλος, πάνω από την τελευταία αγκύλη.

Τώρα χρειάζεστε αυτόν τον κωδικό:

τοποθετήστε το στο σημείο που θέλετε να εμφανίζεται το ίχνος φρυγανιάς, για παράδειγμα, ξανά πάνω από τον τίτλο του άρθρου. Για να το κάνετε αυτό, μεταβείτε στο single.php, αναζητήστε τη γραμμή με the_title και επικολλήστε αυτόν τον κώδικα από πάνω και αποθηκεύστε τις αλλαγές.

Μπορείτε να μεταβείτε στον ιστότοπο και να δείτε τι συνέβη. Όπως μπορείτε να δείτε, το You are here και το Home είναι σαφώς ακατάλληλα εδώ και πρέπει να αλλάξουν σε κάτι πιο κατάλληλο, για παράδειγμα, σε Path and Home (ή στο όνομα του ιστολογίου).

Επιπλέον, πρέπει να βεβαιωθείτε ότι οι αλλαγές φαίνονται εξίσου καλές διαφορετικά προγράμματα περιήγησης– να μην επικαλύπτονται με άλλα μέρη του θέματος και, ταυτόχρονα, να είναι ευδιάκριτα.

Αυτό είναι όλο, το Breadcrumbs βοηθά τους αναγνώστες σας και μπορείτε να είστε περήφανοι που καταλάβατε πώς να τα εγκαταστήσετε μόνοι σας. Σας ευχαριστώ όλους για την προσοχή σας!

ΥΣΤΕΡΟΓΡΑΦΟ. Στο τέλος του άρθρου, υπάρχει ένα βίντεο για το πώς να προσθέσετε φρυγανιά στο ιστολόγιό σας: