Πώς να φτιάξετε τρίμματα WordPress; Το πρόσθετο Yoast SEO είναι ο καλύτερος βοηθός μας. Breadcrumbs για WordPress χωρίς πρόσθετο

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


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

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

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

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

Εσωτερική σύνδεση ιστοσελίδων, βελτιστοποίηση περιεχομένου

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

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

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

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

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

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

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

  1. Ελέγχουμε μόνοι μας όλη τη διαδικασία.
  2. Τις άγκυρες τις επιλέγουμε μόνοι μας και αυτές που χρειαζόμαστε.
  3. Μπορούμε να το φτιάξουμε όπως θέλουμε.

Είναι αλήθεια ότι υπάρχει ένα μείον, θα περάσουμε πολύ από το χρόνο μας.

Ένα από τα πολύ πρωτότυπα πρόσθετα, απλό στην ιδέα και αρκετά αποτελεσματικό στην εσωτερική σύνδεση, είναι το πρόσθετο Breadcrumb NavXT, το οποίο μεταφράζεται από τα αγγλικά σημαίνει ψίχουλα ψωμιού.

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

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

Παρεμπιπτόντως, να έχετε κατά νου ότι η χρήση της σωστής εσωτερικής σύνδεσης και η χρήση πρόσθετων SEO, όπως το breadcrumbs, θα σας βοηθήσει να αυξήσετε σημαντικά την Κατάταξη σελίδας, έναν από τους δείκτες ποιότητας του ιστότοπου που εκχωρούνται από τη μηχανή αναζήτησης Google.

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

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

Εγκατάσταση Breadcrumb NavXT στο WordPress

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

Υπάρχει ένα μενού με φρυγανιά, που συνήθως μοιάζει Αρχική > σελίδα. Ορισμένοι ιστότοποι έχουν ένα μενού ψωμιού στο αρχείο Single.php, το οποίο είναι υπεύθυνο για την εμφάνιση του άρθρου, μπορείτε να το δείτε στο δικό μου παράδειγμα ψίχουλα ψωμιού.

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

Επίσης, εάν το επιθυμείτε, είναι δυνατή η προσθήκη ενός κωδικού κλήσης στα αρχεία Archive.php, Page και Search. Εγκαθιστούμε το πρόσθετο Breadcrumb NavXT breadcrumbs, δεν είναι η πρώτη φορά που το κάνουμε και νομίζω ότι οι περισσότεροι έχουν ήδη θυμηθεί αυτή τη διαδικασία. Ενεργοποιήστε την προσθήκη Breadcrumb NavXT. Ο κωδικός κλήσης για αυτό το πρόσθετο είναι ο εξής:

και πρέπει να το εισαγάγετε στα δεδομένα αρχεία κάτω από αυτή τη γραμμή περίπου

Παρακάτω στην εικόνα μπορείτε να δείτε πού έχει εισαχθεί ο κώδικας Html του breadcrumbs

Ρύθμιση της προσθήκης Breadcrumb NavXT

Το πρόσθετο Breadcrumb NavXT έχει πολλές ρυθμίσεις, ας προσπαθήσουμε να κατανοήσουμε καθεμία από αυτές με τη σειρά

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

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

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

Ολοκληρώνω το σημερινό μάθημα για το breadcrumbs χρησιμοποιώντας την προσθήκη Breadcrumb NavXT. Εάν έχετε οποιεσδήποτε ερωτήσεις σχετικά με το θέμα, ρωτήστε τις στα σχόλια.

Επόμενο μάθημα: .
Προηγούμενο μάθημα.

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

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

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

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

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

1 ) Ως συνήθως, κατεβάστε το πρόσθετο και ανεβάστε το στο ιστολόγιο, ενεργοποιήστε το.

2 ) Τώρα πρέπει να τοποθετήσουμε ειδικό κωδικό στο σημείο όπου θέλετε να δείτε τη γραμμή ψίχουλα. Για να το κάνετε αυτό, μεταβείτε στο "appearance" "editor" και επιλέξτε το αρχείο στο οποίο θα επικολλήσετε τον κώδικα. Τις περισσότερες φορές, ο κώδικας προσθήκης εισάγεται στο αρχείο "μονής καταχώρισης" (single.php) αμέσως πριν ή μετά τον τίτλο του άρθρου. Εάν δεν καταλαβαίνετε καθόλου κωδικούς, τότε απλώς αναζητήστε δύο ετικέτες στην αρχή του κώδικα

Και , τα οποία είναι υπεύθυνα για την εμφάνιση των ονομάτων των εκδόσεων. Ο κώδικας μου μοιάζει με αυτό:</p> <p><b><h2>" title="<?php the_title (); ?>!}"><?php the_title (); ?></h2> </b></p> <p>Όταν βρείτε κάτι παρόμοιο, επικολλήστε αμέσως αυτόν τον κώδικα φρυγανιάς μπροστά του και ενημερώστε το αρχείο.</p> <p><b><?php </b><br><br><b>(bcn_display();)</b><br><b>?> </b></p> <p>Παρεμπιπτόντως, εάν δεν σας αρέσει η οριζόντια πλοήγηση και θέλετε να εμφανίζεται κάθετα, τότε πρέπει να εισαγάγετε αυτόν τον κωδικό αντί για τον προηγούμενο.</p> <p><b><?php if (function_exists ("bcn_display_list")) </b><br><b>{ </b><br><b>bcn_display_list();</b><br><b>}?> </b></p> <p>Ωραία, όπως μπορείτε να δείτε, έχετε τώρα μια γραμμή πλοήγησης, αλλά χωρίς να εμφανίζεται η ημερομηνία δημοσίευσης στο τέλος, όπως η δική μου. Εάν θέλετε να το επισυνάψετε στη γραμμή πλοήγησής σας, τότε απλώς πρέπει να βρείτε τον κωδικό στο θέμα σας που είναι υπεύθυνος για την εμφάνιση της ημερομηνίας δημοσίευσης και να τον προσθέσετε μετά τον κωδικό θρυμματισμού.</p> <p><b><?php </b><br><b>if (function_exists("bcn_display"))</b><br><b>(bcn_display();)</b><br><b>?><span>> <span>Δημοσιεύθηκε<?php the_time (" j F Y"); ?></span></div> </span> </b></p> <p>Εάν κάτι δεν είναι ξεκάθαρο, τότε το > - εμφανίζει ένα τέτοιο βέλος για μένα > και το γράμμα j - σημαίνει ημέρα, F - μήνας, Υ - έτος. Νομίζω ότι μετά από τέτοιες εξηγήσεις, δεν θα σας είναι δύσκολο να βρείτε μόνοι σας τέτοιο κώδικα.</p> <p>Εντάξει, τώρα ας δούμε το σχέδιο. Το ίδιο το στυλ γραμματοσειράς και το χρώμα των συνδέσμων της γραμμής πλοήγησης λαμβάνονται από τα στυλ θέματός σας, αλλά αν δεν σας αρέσουν και θέλετε να τα αλλάξετε, τότε απλώς προσθέστε αυτήν την επιπλέον γραμμή στον κώδικα που επικολλήσαμε παραπάνω.</p> <p><b><divclass="breadcrumb"></div> </b></p> <p>Ως αποτέλεσμα, θα πρέπει να καταλήξετε με κώδικα όπως αυτός:</p> <p><b><divclass="breadcrumb"> </b> </span><br><b><?php </b><br><b>if (function_exists("bcn_display"))</b><br><b>{ </b><br><b>bcn_display();></b><br><b>} </b><br><b>?> </b><br><b></div> </b> </p> <p>Τώρα μεταβείτε στο "appearance" "editor" και ανοίξτε το αρχείο "style sheet" (style.css). Και επικολλήστε αυτόν τον κώδικα σχεδόν στο κάτω μέρος και ενημερώστε το αρχείο.</p> <p><b>.ψωμάκι (</b><br><b>γραμματοσειρά: πιο τολμηρή 12 px “Trebuchet MS”, Verdana, Arial;</b><br><b>padding-bottom: 10px;</b><br><b>} </b><br><b>.ψωμάκι α(</b><br><b>χρώμα: #1B7499;</b><br><b>} </b><br><b>.breadcrumb a:hover (</b><br><b>χρώμα: #EF0E0E;</b><br><b>} </b></p> <p>Γεια σας, αγαπητοί αναγνώστες! Σήμερα θα μιλήσουμε για το τι είναι τα breadcrumbs, ποιες λειτουργίες εκτελούν σε ένα ιστολόγιο και το πιο σημαντικό, πώς να εγκαταστήσετε και να διαμορφώσετε το πρόσθετο Breadcrumb NavXT, το οποίο σας επιτρέπει να δημιουργήσετε <b>Φρυγανιά WordPress</b>.</p> <h2>Τι είναι η ψίχα ψωμιού</h2> <p>Το "Breadcrumbs" δείχνει τη διαδρομή στο ιστολόγιο που πρέπει να ακολουθήσετε από την κύρια σελίδα στην τρέχουσα σελίδα. Αυτό είναι ένα είδος αλυσίδας πλοήγησης, κάθε σύνδεσμος της οποίας είναι ένας σύνδεσμος προς μια σελίδα υψηλότερου επιπέδου. Το υψηλότερο επίπεδο είναι το κύριο blog. Στην ιδανική περίπτωση, η διαδρομή προς οποιαδήποτε σελίδα ιστολογίου από την κύρια σελίδα θα πρέπει να διαρκεί το πολύ 3 κλικ του ποντικιού. Στην πραγματικότητα, αυτό <span>σπίτι - κατηγορία - είσοδος</span>ή <span>σπίτι - κατηγορία - κατηγορία - ανάρτηση</span>, αλλά όχι περισσότερο. Αυτό είναι απαραίτητο για τη διευκόλυνση όχι μόνο των χρηστών, αλλά και των μηχανών αναζήτησης. Οι μηχανές αναζήτησης ενδέχεται να ευρετηριάσουν δημοσιεύσεις με βαθύτερο περιεχόμενο με κάποια καθυστέρηση. Επιπλέον, η σημασία τους στα μάτια των μηχανών αναζήτησης μειώνεται με την αύξηση του επιπέδου ένθεσης. Ως αποτέλεσμα, προσπαθήστε να βάλετε συνδέσμους για τα πιο σημαντικά και ενδιαφέροντα άρθρα του ιστολογίου στην κύρια σελίδα.</p> <p>Ένα τέτοιο χαρακτηριστικό στον ιστότοπο ονομάζεται διαφορετικά - πλοηγός, ψίχουλα, διαδρομή στον ιστότοπο, αλλά το πιο δημοφιλές όνομα είναι "breadcrumbs". Αυτό το όνομα προέρχεται από το παραμύθι για τον Χάνσελ και την Γκρέτα, στο οποίο οι ήρωες σκόρπισαν ψίχουλα ψωμιού για να βρουν το δρόμο της επιστροφής.</p> <p>Εκτός από την ευκολία και την πλοήγηση, επιτελούν μια άλλη σημαντική λειτουργία - βελτιώνουν την εσωτερική σύνδεση των σελίδων ιστολογίου. Νωρίτερα, μίλησα ήδη για τρία σημαντικά και ενδιαφέροντα πρόσθετα για εσωτερική σύνδεση, τα οποία συνιστώ ανεπιφύλακτα να εγκαταστήσει ο καθένας στο blog του. Το Breadcrumb NavXT μπορεί εύκολα να προστεθεί σε αυτήν τη λίστα.</p> <p>Όταν οι μηχανές αναζήτησης ευρετηριάζουν ένα άρθρο ιστολογίου, βλέπουν αμέσως σε ποια κατηγορία ανήκει και την πλήρη διαδρομή προς το κύριο, που τις βοηθά να προσδιορίσουν τη δομή του ιστολογίου. Απλώς μην ξεχάσετε να το προσθέσετε στο ιστολόγιό σας τόσο για τις μηχανές αναζήτησης όσο και για τους χρήστες.</p> <h2>Εγκατάσταση και διαμόρφωση της προσθήκης Breadcrumb NavXT</h2> <p>Η εγκατάσταση του Breadcrumb NavXT είναι κάπως διαφορετική από αυτήν, οπότε ας το δούμε αναλυτικά:</p> <p>2. Αποσυσκευάστε το αρχείο και μεταφορτώστε το φάκελο με τα αρχεία πρόσθετων στο διακομιστή στον κατάλογο wp-content/plugins. Για να το κάνετε αυτό, χρησιμοποιήστε το FileZilla.</p> <p>3. Ενεργοποιήστε την προσθήκη μέσω της ενότητας «Προσθήκες» του πίνακα διαχείρισης του WordPress.</p> <p>4. Τώρα πρέπει να εισαγάγετε τον ακόλουθο κώδικα:</p> <p>Το δεύτερο πιο δημοφιλές μέρος είναι η κεφαλίδα του ιστότοπου. Για να γίνει αυτό, ο κώδικας πρέπει να εισαχθεί σε ένα μόνο πρότυπο - header.php. Δεν μπορώ να πω το ακριβές μέρος, όλα εξαρτώνται από το θέμα. Η επιστημονική μέθοδος είναι κατάλληλη εδώ - επικολλήστε τον κώδικα, αποθηκεύστε, δείτε το αποτέλεσμα, αν δεν σας αρέσει, αλλάξτε τη θέση του κώδικα στο πρότυπο.</p> <p>Ορισμένα προηγμένα θέματα εμφανίζουν ψίχουλα στο ιστολόγιο από προεπιλογή, αλλά θα συνιστούσα να χρησιμοποιήσετε την προσθήκη Breadcrumb NavXT επειδή έχει πιο ευέλικτες ρυθμίσεις. Σε τέτοιες περιπτώσεις, θα πρέπει να αντικαταστήσετε τον τυπικό κώδικα στα πρότυπα θεμάτων που είναι υπεύθυνα για την εμφάνιση ψίχουλων με τον κωδικό προσθήκης που καθορίζεται παραπάνω. Ο τυπικός κώδικας πρέπει να είναι από πολλές απόψεις παρόμοιος με τον κώδικα προσθήκης που δίνεται, επομένως δεν θα είναι δύσκολο να τον βρείτε (συνήθως περικλείεται σε μια ετικέτα div, αναγνωριστικό ή κλάσης, η οποία έχει επίσης το ίδιο όνομα - breadcrumb).</p> <p>Αφού προσθέσετε τον κώδικα, μπορείτε να αλλάξετε την εμφάνιση του WordPress breadcrumbs. Για να το κάνετε αυτό, προσθέστε στυλ στην κλάση breadcrumb στο αρχείο style.css του θέματος που χρησιμοποιείτε. Φυσικά, για αυτό πρέπει να γνωρίζετε τα βασικά του CSS, γι' αυτό σας συμβουλεύω να διαβάσετε το δωρεάν σεμινάριο CSS από τον Vlad Merzhevich, το οποίο μπορείτε να κατεβάσετε από το blog μου.</p> <p>Οι ρυθμίσεις της προσθήκης βρίσκονται στην ενότητα "Επιλογές" - "Breadcrumb NavXT". Μπορείτε να βρείτε μια τοπική προσαρμογή για αυτό στο Διαδίκτυο, αλλά, δυστυχώς, λειτουργεί πολύ στραβά με τις τελευταίες εκδόσεις της προσθήκης - οι περισσότερες ρυθμίσεις παραμένουν στα αγγλικά. Ως εκ τούτου, θα εξετάσω τις ρυθμίσεις στα αγγλικά, δίνοντας μεταφράσεις και τα σχόλιά μου για τα πιο σημαντικά σημεία.</p> <p>Η πρώτη καρτέλα ονομάζεται "Γενικά".</p> <p><img src='https://i0.wp.com/fairheart.ru/wp-content/uploads/2012/04/Breadcrumb-NavXT-Settings.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Breadcrumb Separator - ένα σύμβολο που θα χρησιμοποιηθεί ως διαχωριστικό μεταξύ των κρίκων στην αλυσίδα φρυγανιάς.</p> <p>Breadcrumb Max Title Length - ο τίτλος της σελίδας χρησιμοποιείται ως σύνδεσμος στην αλυσίδα πλοήγησης, αυτή η επιλογή ορίζει το μέγιστο μήκος του τίτλου, 0 - ολόκληρος ο τίτλος χρησιμοποιείται χωρίς να τον αποκόψει.</p> <p>Home Breadcrumb - αν πρέπει να υποδεικνύεται ή όχι το κύριο ιστολόγιο στο breadcrumbs. Σας συμβουλεύω να το ενεργοποιήσετε και να το ονομάσετε σύμφωνα με το όνομα του ιστολογίου σας.</p> <p>- κείμενο που θα είναι ορατό στο κύριο ιστολόγιο εάν δεν είναι σύνδεσμος.</p> <p><img src='https://i1.wp.com/fairheart.ru/wp-content/uploads/2012/04/Home-Template-Unlinked.png' align="center" height="70" width="363" loading=lazy loading=lazy></p> <p>Μεταβείτε στην καρτέλα Τρέχον στοιχείο, που σημαίνει "Τρέχον στοιχείο" ή "Τρέχουσα τοποθεσία".</p> <p><img src='https://i1.wp.com/fairheart.ru/wp-content/uploads/2012/04/nastroyka-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Σύνδεση τρέχοντος στοιχείου - εμφανίστε το όνομα της τρέχουσας σελίδας ως σύνδεσμο προς αυτήν ή όχι.</p> <p>Paged Breadcrumb - υποστήριξη για πλοήγηση στη σελίδα. Μόλις ενεργοποιηθεί, οι αριθμοί θα εμφανίζονται σε ψίχουλα.</p> <p>— ένα πρότυπο που καθορίζει το όνομα της τρέχουσας θέσης όταν είναι ενεργοποιημένη η υποστήριξη για πλοήγηση στη σελίδα.</p> <p>Η επόμενη ενότητα ονομάζεται "Ανάρτηση και σελίδες".</p> <p>Εμφάνιση Post Taxonomy - εμφάνιση όλων των πιθανών μονοπατιών που οδηγούν σε μια ανάρτηση.</p> <p>Post Taxonomy - μπορεί να εμφανιστεί στις επιλογές post path. Για το blog μου επέλεξα την τυπική επιλογή - Επικεφαλίδες.</p> <p>Πρότυπο σελίδας και πρότυπο σελίδας (μη συνδεδεμένο)</span>— παρόμοια με το Πρότυπο ανάρτησης και το Πρότυπο ανάρτησης (Μη συνδεδεμένο) που συζητήθηκαν παραπάνω, μόνο που θα εμφανίζονται για δημοσιευμένα άρθρα.</p> <p>Ακολουθεί η ενότητα "Κατηγορίες & Ετικέτες".</p> <p><img src='https://i0.wp.com/fairheart.ru/wp-content/uploads/2012/04/kategorii-i-tegi-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Αυτή η ενότητα καθορίζει πρότυπα για το σχηματισμό φρυγανιάς για κατηγορίες και ετικέτες. Απλώς ακολουθήστε τα ίδια βήματα με τα πρότυπα αναρτήσεων που συζητήθηκαν παραπάνω.</p> <p>Στην ενότητα μπορείτε να ορίσετε πρότυπα για τη σελίδα συγγραφέα (Συγγραφέας), ημερομηνία/αρχείο (Ημερομηνία), αποτελέσματα αναζήτησης (Αναζήτηση) και σφάλματα 404.</p> <p><img src='https://i0.wp.com/fairheart.ru/wp-content/uploads/2012/04/Miscellaneous-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Δεν χρησιμοποιώ τις άλλες επιλογές, επομένως δεν θα γίνω έξυπνος σχετικά με τον σκοπό τους.</p> <p>Λοιπόν, τα καταλάβαμε όλα! Συγχαρητήρια! Εδώ τελειώνω την ιστορία μου και σας αποχαιρετώ, αλλά όχι για πολύ, γιατί σύντομα άλλο ένα ενδιαφέρον άρθρο θα δημοσιευτεί στο blog μου!</p> <p>Σήμερα θα μιλήσω για ένα πρόσθετο για το WordPress που ονομάζεται ευρέως "Breadcrumbs", που ονομάζεται επίσημα Breadcrumb NavXT. <span>Αυτό είναι ίσως το πιο δημοφιλές και δημοφιλές πρόσθετο μεταξύ των κυρίων ιστού. Η δημοτικότητά του οφείλεται σε δύο λόγους.</p> <h2>Ο πρώτος λόγος για τη δημοτικότητα του πρόσθετου Breadcrumbs</h2> <p>Αυτό είναι μια ευκολία για την πλοήγηση. Μετά την εγκατάσταση και τη διαμόρφωση της προσθήκης Breadcrumb NavXT, εμφανίζεται ένα βολικό μενού πλοήγησης στην κορυφή της σελίδας, το οποίο δείχνει σταδιακά στον χρήστη όχι μόνο το όνομα της σελίδας στην οποία βρίσκεται, αλλά και διαδοχικά όλες τις σελίδες του ιστότοπου που έχει επισκεφθεί στο παρελθόν. Κάτι που σίγουρα είναι πολύ βολικό, ειδικά όταν μελετάτε μεγάλο όγκο υλικού και βλέπετε πολλές σελίδες.</p> <h2>Ο δεύτερος λόγος για τη ζήτηση για αυτό το πρόσθετο</h2> <p>Πρόσθετη σύνδεση σελίδων, και ως αποτέλεσμα <b>+ </b>στις κατατάξεις των μηχανών αναζήτησης. (Στην πραγματικότητα, το παρατσούκλι «Breadcrumbs» προέρχεται από ένα παραμύθι των αδελφών Γκριμ που ονομάζονται Χάνσελ και Γκρέτελ, στο οποίο τα παιδιά πετούσαν ψίχουλα ψωμιού στο δάσος για να μην χαθούν... Αλλά αυτό είναι έτσι, μια λυρική παρέκβαση.) Ας επιστρέψουμε στο πρόσθετό μας.</p> <h2>Κατεβάστε και εγκαταστήστε την προσθήκη Breadcrumb NavXT.</h2> <p>Ο καλύτερος τρόπος για να κατεβάσετε το πρόσθετο Breadcrumb NavXT είναι να το βρείτε μέσω του πίνακα ελέγχου σας πληκτρολογώντας "στη γραμμή αναζήτησης" <b>Breadcrumb NavXT</b>"</p> <p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-11_065655.png' align="center" height="248" width="380" loading=lazy loading=lazy></p> <p><img src='https://i0.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-11_065501.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Η κανονική εγκατάσταση δεν διαφέρει από την εγκατάσταση άλλων πρόσθετων. Αλλά θα πρέπει να πειράξετε τις ρυθμίσεις.</p> <p>Μεταβείτε στην καρτέλα "Επιλογές"...</p> <p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_185405-e1389337037125.jpg' align="center" height="525" width="300" loading=lazy loading=lazy></p> <p>... και φτάνουμε στον πίνακα ρυθμίσεων της προσθήκης Breadcrumb NavXT. Σε αυτή την περίπτωση, μας ενδιαφέρει μόνο η καρτέλα <b>"Βασικός"</b>, όλες οι άλλες καρτέλες ρυθμίσεων: <i>Αναρτήσεις και σελίδες, Ταξινομίες, Άλλα</i>, μπορεί να μείνει αμετάβλητο προς το παρόν. Ίσως χρειαστεί να επιστρέψετε σε αυτά κάποια μέρα για να διαμορφώσετε το Breadcrumbs πιο προηγμένο, αλλά προς το παρόν θα αφήσουμε τα πάντα ως έχουν. Λοιπόν, ας αλλάξουμε τις ρυθμίσεις της καρτέλας "Βασικά" όπως φαίνεται στην παρακάτω εικόνα:</p><p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2019/01/2019-01-24_142049.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_185939.png' align="center" height="648" width="600" loading=lazy loading=lazy></p> <p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_190130.png' align="center" height="631" width="600" loading=lazy loading=lazy></p> <p>Αποθηκεύουμε τις αλλαγές ρυθμίσεων και αυτό είναι όλο.</p> <p>Τώρα ας πάμε στο διασκεδαστικό κομμάτι.</p> <h2>Πρέπει να επεξεργαστείτε το πρότυπο θέματός σας.</h2> <p>Δυστυχώς, αυτό είναι αδύνατο χωρίς αυτό. Το πρόσθετο Breadcrumb NavXT δεν θα λειτουργήσει "ακριβώς έτσι".</p> <p>Μεταβείτε στην κονσόλα και επιλέξτε "Εμφάνιση" → "Επεξεργαστής":</p> <p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-10_092847.png' height="288" width="192" loading=lazy loading=lazy></p> <p>Ως αποτέλεσμα, πηγαίνουμε στην ενότητα επεξεργασίας θέματος. Σε αυτήν την ενότητα για επεξεργασία πρέπει να επιλέξετε ακριβώς το θέμα που χρησιμοποιείτε αυτήν τη στιγμή. Κατά κανόνα, πολλοί διαχειριστές τοποθεσιών εγκαθιστούν πολλά πρότυπα τοποθεσιών, αλλά χρησιμοποιείται μόνο ένα. Επομένως, θα πρέπει να επεξεργαστείτε αυτό που χρησιμοποιείται.</p> <p>Πρέπει να επεξεργαστείτε τα ακόλουθα πρότυπα: single.php, index.php και page.php (αν υπάρχει μια ειδικά δημιουργημένη σελίδα, για παράδειγμα, category.php, τότε και αυτή)</p> <p>Μοιάζει με αυτό:</p> <p>Αρχικά, επιλέξτε το απαιτούμενο πρότυπο. (Αυτό το παράδειγμα δείχνει τα πρότυπα που είναι διαθέσιμα στο θέμα μου. Μπορεί να έχετε περισσότερα ή λιγότερα από αυτά. Πρέπει να επεξεργαστείτε όλα όσα είναι διαθέσιμα σύμφωνα με τη λίστα: <b>single.php, index.php και page.php, category.php</b>Εάν κάποιο από τα αναφερόμενα πρότυπα δεν εμφανίζεται στη λίστα σας, απλώς παραλείψτε το.)</p> <p><b>Στη συνέχεια παίρνουμε τον κωδικό:</b></p> <p><b><span><div class="breadcrumb"> </span> </b></p> <p><b><span><?php </span> </b></p> <p><b><span>if(function_exists("bcn_display"))</span> </b></p> <p><b><span>{ </span> </b></p> <p><b><span>bcn_display();</span> </b></p> <p><b><span>} </span> </b></p> <p><b><span>?> </span> </b></p> <p><b><span></div> </span> </b></p> <p>Και το εισάγουμε σε καθένα από τα αναφερόμενα πρότυπα στο ίδιο περίπου σημείο, μετά τον τίτλο ( <b>επί κεφαλής</b>):</p> <p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_191416.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Φυσικά, αποθηκεύουμε κάθε αλλαγμένο αρχείο. Μετά από αυτό θα αρχίσει να λειτουργεί το πρόσθετο Breadcrumb NavXT.</p> <p>Λοιπόν, αυτό είναι όλο, σχεδόν... Σχεδόν, γιατί κατά κανόνα αυτές οι ρυθμίσεις είναι αρκετά αρκετές.</p> <p>Υπάρχουν όμως φορές που η σχεδίαση του θέματος του ιστότοπού σας δεν ταιριάζει με τη σχεδίαση της εμφανιζόμενης γραμμής Breadcrumbs.</p> <h2>Σε αυτήν την περίπτωση, θα πρέπει να προσαρμόσετε τα Breadcrumbs στη σχεδίαση του ιστότοπου ξεχωριστά.</h2> <p>Γίνεται έτσι. <b>Ας πάρουμε αυτόν τον κωδικό:</b></p> <p><b><span>.ψωμάκι (</b> </p> <p><b><span>γραμματοσειρά: πιο έντονη 12 px "Trebuchet MS", Verdana, Arial;</span> </b> </p> <p><b>padding-bottom: 10px;</b> </p> <p><b><span>} </b> </p> <p><b><span>.ψωμάκι α(</b> </p> <p><b><span>χρώμα: #1B7499;</b> </p> <p><b><span>} </b> </span><span><b>.breadcrumb a:hover (</b> </p> <p><b><span>χρώμα: #EF0E0E;</b> </p> <p><b><span>} </b> </p> <p>Αλλάζουμε τις παραμέτρους εμφάνισης μεγέθους κειμένου, γραμματοσειράς και χρώματος σε αυτό στις απαιτούμενες. Στη συνέχεια, αντιγράψτε τον αλλαγμένο κωδικό, μεταβείτε στην καρτέλα <b>"Φύλλο στυλ"</b>το θέμα σας</p> <p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_192714.png' height="337" width="227" loading=lazy loading=lazy></p> <p>... και επικολλήστε τον κώδικα στο κάτω μέρος του προγράμματος επεξεργασίας</p> <p>... αποθηκεύστε κάνοντας κλικ <b>"Ενημέρωση αρχείου"</b>Φυσικά, θα πρέπει να πειραματιστείτε λίγο για να έχετε ένα ικανοποιητικό αποτέλεσμα.</p> <p>Λοιπόν, αυτό είναι όλο για τώρα.</p> <p>Η πλοήγηση Breadcrumb επιτρέπει στον επισκέπτη του ιστότοπου να κατανοήσει σε ποιο σημείο του ιστότοπου βρίσκεται αυτήν τη στιγμή. Συνήθως, μια τέτοια πλοήγηση αποτελείται από μια γραμμή συνδέσμων που βρίσκονται σε μια αλυσίδα κάτω από την κεφαλίδα του ιστότοπου.</p><p>Αυτή η πλοήγηση πηγαίνει από την κύρια σελίδα του ιστότοπου σε κατηγορίες, σε σελίδες με άρθρα, σε μεμονωμένες σελίδες του ιστότοπου. Όλοι οι σύνδεσμοι στο breadcrumbs είναι ενεργοί, εκτός από τον τελευταίο, γιατί εδώ βρίσκεται τώρα ο επισκέπτης και δεν χρειάζεται σύνδεσμος σε αυτήν τη σελίδα του ιστότοπου.</p><p>Η πλοήγηση Breadcrumb προσθέτει ένα άλλο στοιχείο στην εσωτερική σύνδεση του ιστότοπου και επιτρέπει στον επισκέπτη να πλοηγηθεί εύκολα σε σελίδες και ενότητες του ιστότοπου, αυξάνοντας έτσι τους παράγοντες συμπεριφοράς.</p><p>Ο όρος «Breadcrumbs» προήλθε από ένα γερμανικό παραμύθι από τους αδελφούς Γκριμ. Σε αυτό το παραμύθι, τα παιδιά σημάδεψαν το δρόμο τους προς το δάσος, αφήνοντας πίσω τους ψίχουλα ψωμιού στο δρόμο τους, ώστε, χρησιμοποιώντας τα ψίχουλα που άφησαν πίσω τους, να έχουν την ευκαιρία να επιστρέψουν στο σπίτι τους.</p><p>Στο ιστολόγιό μου έχω ήδη περιγράψει την εγκατάσταση του breadcrumbs χρησιμοποιώντας το πρόσθετο.</p><p>Το Breadcrumbs μπορεί να εγκατασταθεί στον ιστότοπό σας χωρίς τη βοήθεια ειδικού πρόσθετου. Αυτό έχει τα πλεονεκτήματά του, αφού δεν θα αυξήσει το φόρτο στον ιστότοπό σας. Επομένως, καλό είναι, όπου είναι δυνατόν, να αντικαταστήσετε τα πρόσθετα που χρησιμοποιούνται στον ιστότοπο εισάγοντας κώδικα και διάφορα σενάρια.</p><p>Προσοχή! Πριν εγκαταστήσετε τον κώδικα, δημιουργήστε αντίγραφα ασφαλείας των αρχείων στα οποία θα επικολλήσετε τους κωδικούς, ώστε σε περίπτωση προβλημάτων να επαναφέρετε τη λειτουργικότητα του θέματος του WordPress.</p><p>Για να εγκαταστήσετε το breadcrumbs, θα χρειαστεί να επικολλήσετε κάποιους κωδικούς στα αντίστοιχα αρχεία του θέματός σας.</p><p>Δεν χρειάζεται να εγκαταστήσετε το breadcrumb navigation στην κύρια σελίδα του ιστολογίου. Ένας επισκέπτης, πληκτρολογώντας το όνομα ενός ιστότοπου στην αναζήτηση, στη συντριπτική πλειοψηφία των περιπτώσεων, θα κατευθυνθεί στην κύρια σελίδα του ιστότοπου στα αποτελέσματα αναζήτησης.</p><p>Εάν ένας επισκέπτης προέρχεται από μια αναζήτηση σε μια συγκεκριμένη σελίδα, θα δει την τοποθεσία του στον ιστότοπο χρησιμοποιώντας φρυγανιές. Η κύρια σελίδα θα είναι ένας υπερσύνδεσμος και ο επισκέπτης θα μπορεί να μεταβεί στην κύρια σελίδα εάν χρησιμοποιεί πλοήγηση με ψίχουλα για αυτό.</p><h2>Εγκατάσταση φρυγανιάς στον ιστότοπο</h2><p>Δύο εκδόσεις του κώδικα θα πρέπει να εισαχθούν στα ακόλουθα αρχεία θεμάτων: «Λειτουργίες θέματος (functions.php)», «Μοναδική καταχώρηση (single.php)», «Πρότυπο σελίδας (page.php)», «Αρχεία (arhvie .php)", "Αποτελέσματα αναζήτησης (search.php)".</p><p>Ο πρώτος κώδικας θα πρέπει να επικολληθεί στο αρχείο «Λειτουργίες θέματος (functions.php)» που είναι εγκατεστημένο στο ιστολόγιο θεμάτων του WordPress.</p><p>// συνάρτηση breadcrumbs dimox_breadcrumbs() ( $showOnHome = 0; // 1 - εμφάνιση φρυγανιάς στην κύρια σελίδα, 0 - μην εμφανίζεται το $delimiter = """; // διαίρεση μεταξύ "crumbs" $home = "Home "; // σύνδεσμος κειμένου "Αρχική σελίδα" $showCurrent = 1 // 1 - εμφάνιση του τίτλου του τρέχοντος άρθρου/σελίδας, 0 - μην εμφανίζεται το $before = "; <span>"; // ετικέτα πριν από το τρέχον "crumb" $after = "</span>"; // ετικέτα μετά την τρέχουσα καθολική "crumb" $post; $homeLink = get_bloginfo("url"); if (is_home() || is_front_page()) ( if ($showOnHome == 1) echo " <div id="crumbs">" . $home ."</div>";) else (ηχώ" <div id="crumbs"> " . $home . " " . $delimiter . " "; if (is_category()) (καθολική $wp_query; $cat_obj = $wp_query->get_queried_object(); $thisCat = $cat_obj->term_id; $thisCat = get_category( $thisCat = get_category($thisCat->parent != 0) echo(get_category_parents($parentCat, " " . single_cat_title)); "", false $after;) elseif (is_day()) (echo "" . get_the_time("Y") . " " . $delimiter . " "; echo "" . get_the_time("F") . " " $dimiter " "; echo $before ("d") . ( $post_type = get_post_type_object(get_post_type()); $slug = $post_type->rewrite; echo "" . $post_type->labels->singular_name . " " . $delimiter . " "; if ($showCurrent == 1) ηχώ $πριν . get_the_title() . $μετά; """ . $after; ) elseif (is_author()) (καθολική $author; $userdata = get_userdata($author); echo $before . "Άρθρα του συγγραφέα " . $userdata->display_name . $after; ) elseif (is_404 ()) ( echo $before . "Σφάλμα 404" . $after; ) if (get_query_var("paged")) (if (is_category() || is_day() || is_month() || is_year() || is_search () || is_tag() || is_author()) echo " ("; echo __("Σελίδα") . " " . get_query_var("paged"); if (is_category() || is_day() || is_month() ) ||. is_year() || is_author()) echo ")";</div>"; ) ) // τέλος dimox_breadcrumbs()</p><p>Για να εισαγάγετε αυτόν τον κώδικα στο αρχείο θέματος που είναι εγκατεστημένο στον ιστότοπό σας, πρέπει να εισαγάγετε τον "Πίνακα διαχειριστή του WordPress" => "Εμφάνιση" => "Επεξεργαστής => "Πρότυπα" και εκεί κάντε κλικ στο στοιχείο "Λειτουργίες θέματος (λειτουργίες. php)"</p><p>Στο παράθυρο "Επεξεργασία θεμάτων", στο αρχείο "Λειτουργίες θέματος ((functions.php)" θα χρειαστεί να εισαγάγετε τον πρώτο κώδικα στην κορυφή του αρχείου, μετά<?php, как это показано стрелкой на изображении.</p><p><img src='https://i1.wp.com/vellisa.ru/wp-content/uploads/2012/11/24.png' width="100%" loading=lazy loading=lazy></p><p>Το όνομα της καταχώρισης της αρχικής σελίδας είναι "Αρχική σελίδα", μπορείτε να το αλλάξετε στο όνομα του ιστότοπού σας εάν το επιθυμείτε. Για να το κάνετε αυτό, στην αντίστοιχη γραμμή κώδικα πρέπει να αντικαταστήσετε τη λέξη "Home" με το όνομα του ιστότοπού σας.</p><p>Εάν θέλετε η σελίδα του ιστότοπου ή η πλοήγηση στο breadcrumb να μην εμφανίζει το όνομα της σελίδας στην οποία βρίσκεστε αυτήν τη στιγμή, τότε για να το κάνετε αυτό θα πρέπει να αλλάξετε τον αριθμό "1" στον αριθμό "0" στην επόμενη γραμμή.</p><p>Αφού εισαγάγετε τον κωδικό και κάνετε αλλαγές σε αυτόν σύμφωνα με τις επιθυμίες σας, κάντε κλικ στο κουμπί «Ενημέρωση αρχείου».</p><p>Ο ακόλουθος κώδικας θα πρέπει να εισαχθεί σε πολλά αρχεία του εγκατεστημένου θέματός σας: "Μία καταχώρηση (single.php)", "Πρότυπο σελίδας (page.php)", "Αρχεία (arhvie.php)", "Αποτελέσματα αναζήτησης (αναζήτηση .php)" "</p><p> <?php if (function_exists("dimox_breadcrumbs")) dimox_breadcrumbs(); ?> </p><p>Στο αρχείο “Single entry (single.php)”, υπεύθυνο για σελίδες με άρθρα, ο κώδικας εισάγεται στη θέση που φαίνεται στην εικόνα.</p><p><img src='https://i1.wp.com/vellisa.ru/wp-content/uploads/2012/11/33.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Αφού εισαγάγετε αυτόν τον κωδικό, πρέπει να κάνετε κλικ στο κουμπί "Ενημέρωση αρχείου".</p><p>Στο αρχείο "Archives (arhvie.php)", επικολλήστε αυτόν τον κώδικα στο σημείο που επισημαίνεται στο πλαίσιο της εικόνας.</p><p><img src='https://i0.wp.com/vellisa.ru/wp-content/uploads/2012/11/43.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Στη συνέχεια, κάντε κλικ στο κουμπί "Ενημέρωση αρχείου".</p><p>Στο αρχείο «Αποτελέσματα αναζήτησης (search.php)», το οποίο είναι υπεύθυνο για την αναζήτηση στον ιστότοπο, επικολλήστε τον κώδικα στη θέση που υποδεικνύεται στην εικόνα.</p><p><img src='https://i2.wp.com/vellisa.ru/wp-content/uploads/2012/11/53.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Αφού εισαγάγετε τον κωδικό, κάντε κλικ στο κουμπί "Ενημέρωση αρχείου".</p><p>Στο αρχείο “Page Template (page.php)”, το οποίο είναι υπεύθυνο για στατικές σελίδες, εισαγάγετε τον κώδικα όπως φαίνεται στην εικόνα.</p><p><img src='https://i1.wp.com/vellisa.ru/wp-content/uploads/2012/11/63.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Αφού εγκαταστήσετε τον κώδικα, κάντε κλικ στο κουμπί "Ενημέρωση αρχείου".</p><p>Αυτό ήταν όλο, τα breadcrumbs έχουν πλέον εγκατασταθεί στον ιστότοπό σας. Πρέπει να ανοίξετε τον ιστότοπό σας και θα δείτε την πλοήγηση εγκατεστημένη. Εάν ο ιστότοπός σας ήταν ανοιχτός αυτήν τη στιγμή, θα χρειαστεί να ανανεώσετε τη σελίδα για να δείτε τις αλλαγές που έγιναν.</p><p>Μπορείτε επίσης να προσθέσετε αυτόν τον κώδικα στο αρχείο «Φύλλο στυλ (style.ccs)»:</p><p>/* Breadcrumbs */ #crumbs ( padding:10px 10px 0 15px; max-height:20px; overflow:hidden; line-height: 180%; border-radius:0 0 8px 8px; -moz- border-radius:0 0 8 εικονοστοιχεία 8 εικονοστοιχεία;</p><p>Αυτός ο κώδικας εισάγεται στο τέλος του αρχείου "Style Sheet (style.ccs)" για να αλλάξει η εμφάνιση της εγκατεστημένης πλοήγησης breadcrumb. Ο κώδικας που θα εισαχθεί στο αρχείο «Φύλλο στυλ (style.php)» μπορεί να έχει άλλα χαρακτηριστικά (διαστάσεις, εσοχές κ.λπ.). Δεν χρειάζεται να ενσωματώσετε αυτόν ή παρόμοιο κώδικα στο ιστολόγιό σας.</p><p>Στον ιστότοπό μου, στο προηγούμενο πρότυπο, δεν εγκατέστησα αυτόν τον κώδικα, μου άρεσε καλύτερα η εμφάνιση του breadcrumbs χωρίς αυτές τις βελτιώσεις.</p><h2>Συμπεράσματα του άρθρου</h2><p>Τώρα το ιστολόγιό σας έχει εγκαταστήσει το Breadcrumbs χωρίς τη χρήση προσθήκης. Δημιουργός αυτής της λειτουργίας είναι ο διάσημος blogger Dimox (Dmitry).</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> <div class='yarpp-related'> <div class="related-items"> <div class="headline">Προτείνουμε άλλα άρθρα</div> <div class="items"> <div class="item"> <a href="https://radiobud.ru/el/life-hacks-for-different-systems/chto-oznachaet-ohvat-v-instagramme-chto-delat-chtoby-povysit.html" class="item__link"> <img src="/uploads/9327b0918f44f038b0368c5c1cc29d26.jpg" width="220" height="170" alt="Τι να κάνετε για να αυξήσετε την αφοσίωση στο Instagram;" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Τι να κάνετε για να αυξήσετε την αφοσίωση στο Instagram;</div> </a> </div> <div class="item"> <a href="https://radiobud.ru/el/instructions/programmy-dlya-avtomaticheskoi-vektorizacii-chertezhei-vektorizaciya-i.html" class="item__link"> <img src="/uploads/0f035f77a94f6bbba3290344a56bec8f.jpg" width="220" height="170" alt="Vectorization και ψηφιοποίηση σχεδίων και έργων Vectorization ράστερ εικόνων στο AutoCAD" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Vectorization και ψηφιοποίηση σχεδίων και έργων Vectorization ράστερ εικόνων στο AutoCAD</div> </a> </div> <div class="item"> <a href="https://radiobud.ru/el/ios/novye-funkcii-raboty-so-strokami-novye-funkcii-raboty-so-strokami-kak.html" class="item__link"> <img src="/uploads/72cd74f83afa4aa845f817ccfe667943.jpg" width="220" height="170" alt="Νέες συναρτήσεις για εργασία με συμβολοσειρές Πώς να βρείτε εμφανίσεις μιας συμβολοσειράς στο 1c" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Νέες συναρτήσεις για εργασία με συμβολοσειρές Πώς να βρείτε εμφανίσεις μιας συμβολοσειράς στο 1c</div> </a> </div> </div> </div> </div> </main> <aside class="sidebar"> <div class="section"> <div class="section__headline">Δημοφιλέστερο</div> <div class="sidebar-items"> <a class="sidebar-item" href="https://radiobud.ru/el/life-hacks-for-ios/opressovka-internet-kabelya-vitaya-para-sposoby-obzhima.html"> <img src="/uploads/1535998629671fda9d0865493db2136b.jpg" width="75" height="75" alt="Συνεστραμμένο ζεύγος: μέθοδοι πτύχωσης, διάγραμμα σύνδεσης" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Συνεστραμμένο ζεύγος: μέθοδοι πτύχωσης, διάγραμμα σύνδεσης</div> </a> <a class="sidebar-item" href="https://radiobud.ru/el/internet/moshchnyi-defragmentator-dlya-windows-7-luchshie-programmy-dlya.html"> <img src="/uploads/cc260a5479314543852123bf25cf6983.jpg" width="75" height="75" alt="Τα καλύτερα προγράμματα για την ανασυγκρότηση του σκληρού σας δίσκου στα Windows" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Τα καλύτερα προγράμματα για την ανασυγκρότηση του σκληρού σας δίσκου στα Windows</div> </a> <a class="sidebar-item" href="https://radiobud.ru/el/life-hacks/kak-ostavit-kommentarii-pod-video-v-yutube-youtube-kak-pisat-kommentarii-v-yutube.html"> <img src="/uploads/2a25ed39b3e496780b52d932b14b5430.jpg" width="75" height="75" alt="YouTube: πώς να γράφετε σχόλια"Ютубе" к видео Как добавлять комментарии в ютубе" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">YouTube: πώς να γράφετε σχόλια στο YouTube για ένα βίντεο Πώς να προσθέσετε σχόλια στο YouTube</div> </a> <a class="sidebar-item" href="https://radiobud.ru/el/life-hacks-for-smartphones/remont-sotovyh-telefonov-meizu-remont-telefonov-meizu-v-den-obrashcheniya.html"> <img src="/uploads/0bff4bc0b8aea50a3b0e1c70ca4377e6.jpg" width="75" height="75" alt="Επισκευή τηλεφώνου Meizu την ίδια μέρα Οι πιο συχνές κλήσεις στο κέντρο επισκευής της Meizu" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Επισκευή τηλεφώνου Meizu την ίδια μέρα Οι πιο συχνές κλήσεις στο κέντρο επισκευής της Meizu</div> </a> <a class="sidebar-item" href="https://radiobud.ru/el/program/privet-napishi-mne-svoi-nomer-telefona-odnoklassniki-privet.html"> <img src="/uploads/de7801d5aaa7b4a0b3c8d60bb9ee1670.jpg" width="75" height="75" alt="Γεια, στείλτε μου τον αριθμό τηλεφώνου σας" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Γεια, στείλτε μου τον αριθμό τηλεφώνου σας</div> </a> <a class="sidebar-item" href="https://radiobud.ru/el/instructions/chto-takoe-blog-wordpress-i-zachem-on-nuzhen-preimushchestva-i-nedostatki.html"> <img src="/uploads/ef277f89ebcc010910738d705207beee.jpg" width="75" height="75" alt="Πλεονεκτήματα και μειονεκτήματα του WordPress Τι είναι το WordPress και πώς να το χρησιμοποιήσετε" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Πλεονεκτήματα και μειονεκτήματα του WordPress Τι είναι το WordPress και πώς να το χρησιμοποιήσετε</div> </a> </div> </div> <script> // <![CDATA[ $(document).ready(function() { var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left: left + 'px', position: 'fixed', top: "50px", width: width + "px" }); } else { $('#float-sidebar').css({ position: 'static', }); } }); }); // ]]> </script> <div id="float-sidebar"> <div id="laqybe1" style="height:500px;width:270px;" align="center"></div> </div> </aside> </div> <footer class="footer"> <div class="footer-left"> <div class="footer__logo"> <div class="footer__logo-sitename">radiobud.ru</div> </div> <div class="footer__copyright"> <p>© 2024 - radiobud.ru <br /></p> <p>Κριτικές, life hacks, παιχνίδια, προγράμματα</p> </div> <nav class="footer__nav-1"> <ul> <li class="menu-item type-post_type object-page "><a href="https://radiobud.ru/el/sitemap.xml">Χάρτης τοποθεσίας</a></li> </ul> </nav> </div> <nav class="footer__nav-2"><ul> <li class="menu-item type-taxonomy object-category "><a href="https://radiobud.ru/el/feedback.html">Επαφές</a></li> <li class="menu-item type-taxonomy object-category "><a href="">Διαφήμιση</a></li> <li class="menu-item type-taxonomy object-category "><a href="">Σχετικά με τον ιστότοπο</a></li> </ul></nav> <div class="footer__counters"> </div> <div class="footer__note"></div> </footer> </div> </div> <script type='text/javascript' src='https://radiobud.ru/wp-content/themes/radiobud.ru/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1","visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"Auto"} ; /* ]]> */ </script> <script type='text/javascript' src='https://radiobud.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://radiobud.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>