Τι είναι το πρόσθετο nav. Πλοήγηση σελίδας WordPress – Τρεις χρήσιμες προσθήκες

Αυτο 28.04.2019
Επισκόπηση προγράμματος Η έκδοση υπολογιστή του Microsoft Excel Viewer θα επιτρέψει...

Chercher

Αυτο

Γεια σε όλους! Συνεχίζω να γράφω άρθρα για την πλοήγηση στον ιστότοπο στη μηχανή WordPress.Θα σας δείξω πώς γίνεται η πλοήγηση στη σελίδα χωρίς πρόσθετα και χρησιμοποιώντας το γνωστό WP-PageNavi. Όπως και με το , θα δείξω την υλοποίηση με διάφορους τρόπους, ώστε να μπορείτε να επιλέξετε αυτό που λειτουργεί καλύτερα για εσάς. Και υπάρχουν περιπτώσεις που κάποια μέθοδος δεν λειτουργεί για κάποιον. Ως εκ τούτου, θα υπάρχει κάποιο είδος δίχτυ ασφαλείας.

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

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

Ο σχεδιασμός μπορεί να διαφέρει. Αλλά η ουσία του είναι η ίδια - σπάζοντας πληροφορίες σε σελίδες. Όπως γνωρίζετε, από προεπιλογή, ενεργοποιημένη αρχική σελίδαο ιστότοπος εμφανίζει ανακοινώσεις των εγγραφών που μπορεί να είναι ένα ορισμένο ποσό(εξαρτάται από τις ρυθμίσεις στο στοιχείο «Γράψιμο»).

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

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

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

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

Το κάνουμε χωρίς πρόσθετο

Τώρα θα σας δείξω μια μέθοδο μετά την οποία θα έχετε ακριβώς την ίδια πλοήγηση στη σελίδα WordPress με εμένα. Όλα γίνονται πολύ απλά. Θα χρειαστείτε 2 μέρη κώδικα, τα οποία θα πρέπει να τοποθετηθούν στα αρχεία προτύπων και στη συνέχεια πρέπει να προστεθούν στυλ για να ορίσετε το σχέδιο. Ας ξεκινήσουμε!

Εδώ είναι το πρώτο μέρος του κώδικα. Πρέπει να τοποθετηθεί στο αρχείο functions.php του προτύπου σχεδίασης.

συνάρτηση wp_corenavi() ( καθολική $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["total"] = $max; $a["current"] = $current; $total = 0; //1 - Εμφάνιση του κειμένου "Σελίδα N of N", 0 - μην εμφανιστεί $a["mid_size"] = 1 //πόσοι σύνδεσμοι να εμφανιστούν στα αριστερά και στα δεξιά του τρέχοντος $a["end_size"] = 1; ; Επόμενη σελίδα" if ($max > 1) echo "

"; }

συνάρτηση wp_corenavi() (

καθολική $wp_query , $wp_rewrite ;

$pages = " " ;

$max = $wp_query -> max_num_pages ;

if (! $current = get_query_var ( "paged" ) ) $current = 1 ;

$a [ "base" ] = str_replace ( 999999999 , "%#%" , get_pagenum_link ( 999999999 ) );

$a [ "total" ] = $max ;

$a [ "current" ] = $current ;

$σύνολο = 0 ; //1 - εμφάνιση του κειμένου "Σελίδα N of N", 0 - δεν εμφανίζεται

$a [ "mid_size" ] = 1 ; //πόσοι σύνδεσμοι να εμφανιστούν αριστερά και δεξιά του τρέχοντος

$a [ "end_size" ] = 1 ; //πόσοι σύνδεσμοι να εμφανιστούν στην αρχή και στο τέλος

$a [ "prev_text" ] = "" ; //κείμενο συνδέσμου "Προηγούμενη σελίδα"

$a [ "next_text" ] = "" ; //κείμενο συνδέσμου "Επόμενη σελίδα"

αν ($max > 1 ) echo "

" ;

Τοποθέτησα τον κώδικα στην αρχή του αρχείου μετά την ετικέτα ανοίγματος


Σε αυτόν τον κώδικα μπορούμε να προσαρμόσουμε ορισμένες παραμέτρους:

  • Γραμμή 10 - εάν αλλάξετε την τιμή 0 σε 1, τότε δίπλα στους αριθμούς σελίδων θα εμφανιστεί μια επιγραφή όπως "Σελίδα 3 από 45". Μπορείτε να κάνετε αυτήν την επιλογή, αλλά νομίζω ότι μέσα σε αυτή την περίπτωσηδεν χρειάζεται, καθώς οι αριθμοί σελίδων δείχνουν ήδη πόσες σελίδες υπάρχουν στον ιστότοπο. Και η ενεργή σελίδα επισημαίνεται με διαφορετικό χρώμα.
  • Γραμμές 11 και 12 - στα αριστερά και δεξιά του ενεργού αριθμού σελίδας θα πρέπει να εμφανίζεται ένας συγκεκριμένος αριθμός προηγούμενων ή επόμενων αριθμών, αντίστοιχα. Εδώ εμφανίζουμε τον αριθμό τους. Αυτός ο κωδικός περιέχει την τιμή 1. Μπορείτε να βάλετε 2 ή 3. Εδώ θα χρειαστεί να πειραματιστείτε λίγο, αφού όσο μεγαλύτερος είναι ο αριθμός των αριθμών, τόσο μεγαλύτερη θα είναι η πλοήγηση. Όλα εξαρτώνται από το πλάτος του προτύπου.

wp_corenavi();

Δεδομένου ότι η πλοήγηση στη σελίδα πρέπει να εμφανίζεται οπουδήποτε εμφανίζεται η λίστα ανακοινώσεων, είναι απαραίτητο αυτόν τον κωδικότοποθετήστε σε όλα τα αρχεία όπου συμβαίνει αυτό:

  • Αρχική σελίδα - index.php;
  • Σελίδες κατηγορίας και αρχειοθέτησης - category.php και archive.php;
  • Αναζήτηση σελίδας - search.php.

Παρεμπιπτόντως, σε ορισμένα πρότυπα, η έξοδος σελίδων κατηγοριών και αρχείων μπορεί να πραγματοποιηθεί σε ένα αρχείο. Το αρχείο μου archive.php είναι υπεύθυνο για αυτό.

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

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

< div class = "nav-previous" > ← Παλαιότερες αναρτήσεις", "είκοσι" ) ) ; ?>< / div >

< div class = "nav-next" > «Νέες αναρτήσεις " , "είκοσι" ) ) ; ?>< / div >

Αυτός ο κωδικός μπορεί να είναι διαφορετικός για όλους, αλλά τα κύρια περιεχόμενά του θα είναι τα ίδια. Θα χρειαστεί να βρείτε έναν κωδικό που θα περιέχει τον κωδικό που ονομάζεται next_posts_link και previous_posts_link.

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


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

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

/* ΠΛΟΗΓΗΣΗ */.navigation ( float: αριστερά; πλάτος: auto; margin-left: 216px; margin-top: -2px; font-size: 16px; ) .navigation > a ( float: αριστερά; πλάτος: 32px; γραμματοσειρά -weight: 700 text-decoration: none: 7px πλάτος: .περιθώριο; ύψος: 34 px; images/bow_right.png") no-repeat; margin-left: 14px; .navigation > .dots (float: left; font-size: 14px; font-weight: 700; πλάτος: 32px; text-align: center; color : #c4c8cc padding- top: 7px)

/* ΠΛΟΗΓΗΣΗ */

Πλοήγηση (

float: αριστερά;

πλάτος: αυτόματο;

margin-left : 216 px ;

margin-top : -2px ;

μέγεθος γραμματοσειράς: 16 px;

Πλοήγηση > a (

float: αριστερά;

πλάτος: 32 px;

βάρος γραμματοσειράς: 700;

text-align: κέντρο;

χρώμα : #637b93 ;

κείμενο-διακόσμηση: κανένα;

margin-left : 1px ;

padding-top: 7px;

Πλοήγηση > .current (

float: αριστερά;

βάρος γραμματοσειράς: 700;

πλάτος: 29 px;

text-align: κέντρο;

χρώμα : #c4c8cc ;

margin-left : 5px ;

padding-top: 7px;

Πλοήγηση > .prev (

float: αριστερά;

πλάτος: 32 px;

ύψος: 34 px;

φόντο : url ( "images/bow_left.png" ) no-repeat ;

margin-αριστερά : 0 ;

Πλοήγηση > .next (

float: αριστερά;

πλάτος: 34 px;

ύψος: 34 px;

φόντο : url ( "images/bow_right.png" ) no-repeat ;

margin-left : 14 px ;

Πλοήγηση > .dots (

float: αριστερά;

μέγεθος γραμματοσειράς: 14 px;

βάρος γραμματοσειράς: 700;

πλάτος: 32 px;

text-align: κέντρο;

χρώμα : #c4c8cc ;

padding-top: 7px;

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

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

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

Πρόσθετο WP-PageNavi

Για να ξεκινήσετε, κατεβάστε την προσθήκη από επίσημη σελίδακαι εγκαταστήστε το στον ιστότοπο.

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

Τώρα το πρόσθετο θα εκτελέσει την εργασία του και οι αριθμοί σελίδων θα έχουν τον ακόλουθο σχεδιασμό.

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

Όσον αφορά το πρώτο στοιχείο ρύθμισης "Πρότυπα λίστας σελίδων", δεν χρειάζεται να αλλάξετε τίποτα σε αυτό. Είμαστε ευχαριστημένοι με όλα. Μεταβαίνουμε στο στοιχείο "Ρυθμίσεις λίστας σελίδων".

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

  • Χρήση στυλ - εάν ορίσουμε την τιμή σε "Όχι", τότε τα στυλ των προσθηκών θα αφαιρεθούν και οι αριθμοί σελίδων δεν θα μορφοποιηθούν.

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

  • Να εμφανίζεται πάντα η λίστα ρύθμιση σελίδαςδεν το ανάβουμε. Θέλετε η λίστα να εμφανίζεται μόνο όπου χρειάζεται.
  • Αριθμός σελίδων προς εμφάνιση - είναι υπεύθυνος για τον αριθμό των αριθμών σελίδων που εμφανίζονται στην αρχή της λίστας. Από προεπιλογή, η τιμή είναι 5 και στα στιγμιότυπα οθόνης παραπάνω μπορείτε να δείτε ότι εμφανίζονται ακριβώς 5 σελίδες.
  • Εύρος σελίδων προς εμφάνιση - εάν ο ιστότοπός σας έχει πολλές σελίδες, τότε αυτή η λειτουργία θα είναι εξαιρετικά χρήσιμη. Θα εξάγει αριθμούς σελίδων μετά την κύρια λίστα με τιμές 10, 20, 30, 40 και ούτω καθεξής. Το διάστημα μεταξύ αυτών των τιμών καθορίζεται από την ακόλουθη παράμετρο.
  • Συντελεστής για εύρη σελίδων - εάν ορίσετε την τιμή σε 5, τότε το εύρος σελίδων θα μοιάζει με - 10, 15, 20, 25 κ.λπ. Αν 10, τότε 10, 20, 30, 40 και ούτω καθεξής. Μια τιμή 10 είναι αρκετά αρκετή.

Αυτές είναι όλες οι ρυθμίσεις που πρέπει να προσαρμόσετε ώστε να ταιριάζουν στις ανάγκες σας. Εδώ ο καθένας θα ρυθμίσει μόνος του.

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

Μετά την εγκατάστασή του, εμφανίζεται ένα νέο στοιχείο στον πίνακα διαχείρισης του WordPress.

Μετά τη μετάβαση σε αυτό, μπορούμε να επιλέξουμε αμέσως υπάρχοντα κενά σχεδίασης.


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


Θα σας μεταφράσω όλες τις παραμέτρους.

  • Χρώμα επικεφαλίδας - χρώμα κειμένου "Σελίδα 3 από 45".
  • Χρώμα φόντου- χρώμα φόντου?
  • Ενεργό/Τρέχον χρώμα φόντου - χρώμα φόντου του ενεργού αριθμού σελίδας.
  • Μέγεθος γραμματοσειράς - μέγεθος γραμματοσειράς.
  • Χρώμα συνδέσμου - χρώμα συνδέσμου.
  • Link Mouse Hover/ Active Hover - το χρώμα του συνδέσμου όταν τοποθετείτε το ποντίκι πάνω από έναν αριθμό και όταν ο αριθμός είναι ενεργός.
  • Σύνδεσμος Χρώμα περιγράμματος- χρώμα περιγράμματος
  • Link Border Mouse Hover/Active Color - χρώμα περιγράμματος όταν τοποθετείτε τον κέρσορα του ποντικιού και όταν ο αριθμός είναι ενεργός.
  • Align Navigation - τοποθεσία πλοήγησης (αριστερά, δεξιά, κέντρο).

Μπορείτε να αναζητήσετε έννοιες χρωμάτων στο Διαδίκτυο ή στο Το πρόγραμμα Photoshopόταν επιλέγετε το επιθυμητό χρώμα πλήρωσης.


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

Η δεύτερη επιλογή πραγματοποιείται με την επεξεργασία του αρχείου στυλ, το οποίο βρίσκεται στο φάκελο με την προσθήκη Wp-pagenavi στη φιλοξενία - pagenavi-css.css.

Αυτό το αρχείο περιλαμβάνεται όταν η ρύθμιση "Χρήση στυλ pagenavi-css.css" είναι ενεργή στις ρυθμίσεις της προσθήκης. Επομένως, εάν το επεξεργαστούμε, τότε μετά την ενημέρωση του πρόσθετου, όλα τα στυλ θα αντικατασταθούν με τυπικά. Για να το αντικαθιστάτε κάθε φορά αυτό το αρχείοκαι χωρίς να ξαναγράψετε τα στυλ, συνιστώ να κάνετε το εξής:

  1. Επεξεργαστείτε τα στυλ σε αυτό το αρχείο στα δικά σας, δίνοντας το επιθυμητό σχέδιο στην πλοήγηση της σελίδας.
  2. Απενεργοποιήστε τη ρύθμιση "Χρήση στυλ pagenavi-css.css".
  3. Τοποθετήστε αυτά τα στυλ στο κύριο αρχείο στυλ του προτύπου σχεδίασης style.css.

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

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

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

Με εκτίμηση, Konstantin Khmelev!

Γεια σας αγαπητοί αναγνώστες του ιστολογίου. Σε αυτό το άρθρο, θα δούμε πώς να ρυθμίσετε την πλοήγηση στη σελίδα χρησιμοποιώντας την προσθήκη WP-PageNavi για .

Μετά την εγκατάσταση αυτής της χρήσιμης προσθήκης, η πλοήγηση στη σελίδα θα μοιάζει με αυτό:

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

Πώς να εγκαταστήσετε και να ρυθμίσετε την προσθήκη για την εμφάνιση της πλοήγησης στη σελίδα PageNavi.

Πρώτα χρειάζεστε κατεβάστε την προσθήκη PageNaviαπό τον επίσημο ιστότοπο στον υπολογιστή σας και αποσυσκευάστε το αρχείο. Ως αποτέλεσμα, θα λάβετε έναν φάκελο PageNavi με πολλά αρχεία. Στη συνέχεια, διαμορφώνει τη σύνδεση με τη χρήση FileZilla ftp managerκαι , στον κατάλογο /wp-content/plugins/.

Μετά ανοίγουμε Πίνακας διαχείρισης WordPress, μεταβείτε στην καρτέλα πρόσθετων, βρείτε το PageNavi και κάντε κλικ στο " δραστηριοποιώ ».

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

Αντικαταστήστε τα με:

< ?php if(function_exists("wp_pagenavi")) { wp_pagenavi(); } ?>

Μετά από αυτό, η πλοήγηση σελιδοποίησης θα εμφανίζεται σε αυτές τις σελίδες. Συχνά όμως ο σχεδιασμός του δεν ταιριάζει στο σχεδιασμό του ιστολογίου, επομένως χρειάζεται προσαρμογή. Για να το κάνετε αυτό, ανοίξτε τις "Ρυθμίσεις" στον πίνακα διαχείρισης του ιστολογίου και επιλέξτε "Λίστα σελίδων". Θα ανοίξει το παρακάτω παράθυρο:

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

Τώρα ας πάμε απευθείας στη ρύθμιση εμφάνισηπλοήγηση στη σελίδα. Για αυτό θα πρέπει επεξεργαστείτε το αρχείο στυλ προσθήκης PageNavi - pagenavi-css.css. Ξεκλειδώστε το χρησιμοποιώντας κείμενο Επεξεργαστής σημειωματάριων++ και κάντε τις απαραίτητες αλλαγές στον παρακάτω κώδικα:

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active ( padding: 2px 4px 2px 4px; περιθώριο: 2px; text-decoration: none; περίγραμμα: 1px solid #0066cc; χρώμα: #0066cc ;χρώμα φόντου: #FFFFFF; Περιθώριο: 2 px 2 px; #000000; χρώμα φόντου: #FFFFFF;

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

Στις ρυθμίσεις σας WordPress blogστις παραμέτρους " Ανάγνωση"στο σημείο" Εμφάνιση όχι μόνο σε σελίδες ιστολογίου"Η προεπιλεγμένη τιμή είναι 12 καταχωρήσεις. Και όταν ο αριθμός τους σε ένα ιστολόγιο ή σε μια συγκεκριμένη ενότητα υπερβαίνει τις 10, θα εμφανιστεί ένας κακώς ορατός σύνδεσμος στο κάτω μέρος της κύριας σελίδας ή της σελίδας αυτής της ενότητας" Πρωτύτερα".

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

Η προσθήκη πλοήγησης σελίδων WordPress - WP PageNumbers θα βοηθήσει στη διόρθωση αυτής της ενοχλητικής παράβλεψης. Μετά την εγκατάσταση, την ενεργοποίηση και τη διαμόρφωση της προσθήκης, το ιστολόγιό σας θα έχει αυτή τη βολική πλοήγηση σελίδα προς σελίδα:

Εγκατάσταση αριθμών σελίδων WP.

  1. Μπορείτε να κάνετε λήψη της προσθήκης WP PageNumbers.
  2. Ενεργοποιήστε το πρόσθετο.

Ρύθμιση αριθμών σελίδων WP.

Μεταβείτε στον πίνακα διαχείρισης ΕπιλογέςΑριθμοί σελίδων .

1. Θέματα αριθμού σελίδας

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

2.Ρυθμίσεις-Κείμενο

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

3.Ρυθμίσεις-εμφάνιση/απόκρυψη

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

4.Ρυθμίσεις-Διάφορα

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

5. Οδηγίες-Κωδικός για προσθήκη στο θέμα σας

Ανοίξτε το αρχείο index.phpγια το οποίο μεταβείτε στον πίνακα διαχείρισης Εμφάνιση → Επεξεργαστής → Κύριο πρότυπο (index.php). Βρείτε τον κωδικό εκεί που περιέχει τις λέξεις " Προηγούμενη ανάρτηση "Και" Επόμενη καταχώρηση ".

Αντικαταστήστε το με νέο κωδικό, παρέχεται στην ενότητα "Κώδικας για προσθήκη στο θέμα σας".

Κάντε το ίδιο με το αρχείο " archive.php", υπεύθυνος για την εμφάνιση καταχωρήσεων σε κάθε μεμονωμένη ενότητα.

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

Καλημέρα, αγαπητοί φίλοι! Σήμερα θα σας μιλήσουμε για το πώς να φτιάξετε ένα τόσο όμορφο και βολικό πράγμα στο WordPress όπως πλοήγηση στη σελίδαχρησιμοποιώντας την προσθήκη WP-PageNavi ή απλός κώδικας. Δεν ξέρω για εσάς, αλλά προσωπικά δεν μου αρέσει καθόλου η ενσωματωμένη πλοήγηση στη μηχανή WordPress.

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

Πλοήγηση στη σελίδα για WordPress χρησιμοποιώντας την προσθήκη WP-PageNavi.

Μέθοδος 1. Κατεβάστε το πρόσθετο WP-PageNavi εδώ και ανεβάστε το στο ιστολόγιο, ενεργοποιήστε το, μεταβείτε στον πίνακα διαχείρισης του ιστολογίου στις "ρυθμίσεις" "λίστα σελίδων". Εδώ πρέπει να διαμορφώσουμε μόνο μία παράμετρο - τον "αριθμό σελίδων προς εμφάνιση". Προσωπικά όρισα 10 για να κάνω την πλοήγησή μου πολύ ορατή στους επισκέπτες. Παρεμπιπτόντως, αν ξαφνικά ολόκληρη η πλοήγηση της σελίδας σας δεν ταιριάζει στο πρότυπο θέματός σας, δηλαδή, αν μοιάζει κάπως έτσι:

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

Εκτελούμε την ίδια λειτουργία με τα αρχεία archive.php και search.php εάν θέλετε αυτή η πλοήγηση να μην είναι μόνο στην κύρια σελίδα, αλλά και σε μεμονωμένες ενότητες και κατά τη διάρκεια των αναζητήσεων. Ωραία, θέλω να σε προειδοποιήσω για κάθε ενδεχόμενο, πυροσβέστη, αυτό αυτό το πρόσθετοΔεν λειτουργεί για όλους, οπότε αν τίποτα δεν λειτουργεί για εσάς, μπορείτε να εγκαταστήσετε μια παρόμοια προσθήκη WP-Page Numbers. Εάν το εγκαταστήσετε, θα χρειαστεί επίσης να εισάγετε ειδικό κωδικό στα ίδια αρχεία.

Όμορφα στυλ σχεδίασης για την πλοήγηση στη σελίδα των προσθηκών WP-PageNavi και WP-Page Numbers.

Πιθανότατα έχετε ήδη παρατηρήσει ότι η πλοήγηση στη σελίδα μου φαίνεται πολύ καλύτερη και πιο ελκυστική από τη δική σας. Αυτό οφείλεται στο γεγονός ότι έχω μια πρόσθετη προσθήκη στυλ WP-Page Numbers , που λειτουργεί και για τους αριθμούς WP-PageNavi και για WP-Page Numbers. Αν ξαφνικά είστε κωδικοποιητής, όπως εγώ, ας πούμε, όχι επαγγελματίας, για να συνταγογραφείτε σχέδια στα αρχεία των προσθηκών μόνοι σας, τότε μπορείτε απλά να εγκαταστήσετε αυτό το πρόσθετο για τον εαυτό σας. Αφού το εγκαταστήσετε, θα δείτε στον πίνακα διαχείρισης νέα καρτέλαΣτυλ PageNavi. Σε αυτό μπορείτε να επιλέξετε οποιοδήποτε στυλ σχεδίασης πλοήγησης σελίδας σας αρέσει.

Συνολικά, το πρόσθετο έχει 20 τύπους στυλ με όλα τα χρώματα που είναι διαθέσιμα. Επίσης, εάν ξαφνικά δεν σας αρέσει τίποτα από τη λίστα, τότε στην καρτέλα Επιλογή φύλλου στυλ μπορείτε να αλλάξετε τις ρυθμίσεις από "Υπάρχοντα στυλ" σε "Προσαρμοσμένο", θα εμφανιστεί ένα πρόγραμμα επεξεργασίας μπροστά σας, όπου μπορείτε να καθορίσετε τις ρυθμίσεις , χρώματα κλπ που χρειάζεστε. Αν ναι, ιδού η μετάφρασή τους:

Χρώμα κεφαλίδας - χρώμα κεφαλίδας.

Χρώμα φόντου - χρώμα φόντου.

Ενεργό/Τρέχον χρώμα φόντου- το χρώμα του κουμπιού όταν τοποθετείτε τον κέρσορα του ποντικιού πάνω του.

Μέγεθος γραμματοσειράς - μέγεθος γραμματοσειράς.

Σύνδεση ποντικιού αιώρησης / Ενεργό χρώμα- το χρώμα του συνδέσμου όταν τοποθετείτε τον κέρσορα του ποντικιού πάνω του.

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

Σύνδεση ποντικιού περιγράμματος/Ενεργό χρώμα- χρώμα περιγράμματος όταν τοποθετείτε τον κέρσορα του ποντικιού.

Στοίχιση πλοήγησης - στοίχιση στη σελίδα: στο κέντρο, αριστερά ή δεξιά.

Πώς να κάνετε πλοήγηση στη σελίδα χωρίς την προσθήκη WP-PageNavi;

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

Μέθοδος 2.Μεταβείτε στο "appearance" "editor" και ανοίξτε το αρχείο συνάρτησης θέματος (functions.php) και στο τέλος πριν από την ετικέτα;>

συνάρτηση wp_corenavi() (

$pages = "";
$max = $wp_query->max_num_pages;


$a["σύνολο"] = $max;
$a["current"] = $current;
$σύνολο = 1; //1 — εμφανίζει το κείμενο "Σελίδα N of N", 0 — δεν εμφανίζεται
$a["mid_size"] = 3; //πόσοι σύνδεσμοι να εμφανιστούν αριστερά και δεξιά του τρέχοντος
$a["end_size"] = 1; //πόσοι σύνδεσμοι να εμφανιστούν στην αρχή και στο τέλος
$a["prev_text"] = """; //κείμενο συνδέσμου "Προηγούμενη σελίδα"
$a["next_text"] = """; //κείμενο συνδέσμου "Επόμενη σελίδα"
εάν ($max > 1) echo "

";
εάν ($total == 1 && $max > 1) $pages = ""."\r\n";

εάν ($max > 1) echo "
";
}

Παρεμπιπτόντως, ο κώδικας έχει κάποιες επεξηγήσεις στα ρωσικά, ώστε να μπορείτε να παίξετε λίγο με τους αριθμούς αν το χρειάζεστε. Τώρα, όπως και με την προσθήκη WP-PageNavi, μεταβείτε στα αρχεία: functions.php, index.php και archive.php και βρείτε τη γραμμή εκεί και μετά από αυτό ή μερικές ακόμη γραμμές, προσθέστε τον κωδικό

Μέθοδος 3. Αυτή η μέθοδος είναι παρόμοια με τη δεύτερη, αλλά ο κώδικας εξακολουθεί να είναι ελαφρώς διαφορετικός. Στο αρχείο συνάρτησης θέματος (functions.php) στο τέλος πριν από την ετικέτα ?>, εισαγάγετε αυτόν τον κωδικό και αποθηκεύστε την καταχώρηση.

λειτουργία πλοήγησης() (
καθολική $wp_query, $wp_rewrite;
$pages = "";
$max = $wp_query->max_num_pages;
if (!$current = get_query_var("paged")) $current = 1;
$a["base"] = str_replace (999999999, "%#%", get_pagenum_link (999999999));
$a["total"] = $max;
$a["current"] = $current;
$σύνολο = 0; //1 — εμφανίζει το κείμενο "Σελίδα N of N", 0 — δεν εμφανίζεται
$a["mid_size"] = 2; //πόσοι σύνδεσμοι να εμφανιστούν αριστερά και δεξιά του τρέχοντος
$a["end_size"] = 5; //πόσοι σύνδεσμοι να εμφανιστούν στην αρχή και στο τέλος
$a["prev_text"] = ""Προηγούμενο"; //κείμενο συνδέσμου "Προηγούμενη σελίδα"
$a["next_text"] = "Επόμενο"; //κείμενο συνδέσμου "Επόμενη σελίδα"
εάν ($max > 1) echo "

";
αν ($total = 1 && $max > 1) $pages = " Σελίδα " . $current . " από " . $max .""."\r\n";
echo $pages . σύνδεσμοι_σελίδας($a);
εάν ($max > 1) echo "
";
}

. Τώρα μεταβείτε στο αρχείο του φύλλου στυλ (style.css) και εισαγάγετε αυτόν τον κώδικα στυλ κάπου, όπου οι κωδικοί αρχείων ξεκινούν με μια τελεία και αποθηκεύστε την καταχώρηση.

.navigator (περιθώριο:10px 7px;
φόντο:#fff;
περίγραμμα: 1px στερεό #aaa;
padding:15px;
υπερχείλιση:κρυφό;
μέγεθος γραμματοσειράς: 13px;
χρώμα:#000;)

.navigator a(φόντο: #fff;
περίγραμμα: 1 εικονοστοιχείο συμπαγές #DDDDDD;
χρώμα: #000000;
μέγεθος γραμματοσειράς: 13px;
padding: 10px;
κείμενο-διακόσμηση: κανένα;)


φόντο:#f1f8f9;
περίγραμμα: 1px συμπαγές #C6D2D4;)

.navigator a:hover(φόντο: #fff;
περίγραμμα: 1px στερεό #111;
χρώμα: #0000cc;
μέγεθος γραμματοσειράς: 13px;
padding: 10px;
κείμενο-διακόσμηση: κανένα;)

.navigator span.pages (επένδυση: 3px 5px;
φόντο:#f1f8f9;
περίγραμμα: 1px συμπαγές #C6D2D4;)

.navigator span.current (φόντο: #fff;
περίγραμμα: 1px στερεό #111;
χρώμα: #0000cc;
μέγεθος γραμματοσειράς: 15 px;
padding: 10px;
κείμενο-διακόσμηση: κανένα;)

.navigator span.extend (επένδυση: 3px 5px;
φόντο:#f1f8f9;
περίγραμμα: 1px συμπαγές #C6D2D4;)

.str(φόντο: #fff;
περίγραμμα: 1 εικονοστοιχείο συμπαγές #DDDDDD;
χρώμα: #000000;
μέγεθος γραμματοσειράς: 13px;
padding: 10px;
κείμενο-διακόσμηση: κανένα;)

Μέθοδος 4. Στο αρχείο συνάρτησης θέματος (functions.php) στο τέλος πριν από την ετικέτα ?>, εισαγάγετε αυτόν τον κωδικό και αποθηκεύστε την καταχώρηση.

συνάρτηση my_pagenavi ($pages = "", $range = 2)
{
$showitems = ($εύρος * 2)+1;

καθολική $paged;
if (κενό($paged)) $paged = 1;

εάν ($pages == "")
{
καθολική $wp_query;
$pages = $wp_query->max_num_pages;
αν (!$pages)
{
$σελίδες = 1;
}
}

εάν (1 != $σελίδες)
{
ηχώ"

»;
}
}

Στα αρχεία: functions.php, index.php και archive.php βρίσκουμε τη γραμμή εκεί και μετά από αυτό ή μερικές ακόμη γραμμές προσθέστε τον κωδικό . Τώρα μεταβείτε στο αρχείο φύλλου στυλ (style.css) και, όπως στο προηγούμενο παράδειγμα, εισαγάγετε αυτόν τον κωδικό και αποθηκεύστε την καταχώρηση.

.σελιδοποίηση(
ξεκάθαρο: και τα δύο;
μέγεθος γραμματοσειράς: 12 px;
margin-top: 10px;
text-align: κέντρο;
}

.περιοχή σελιδοποίησης, .σελιδοποίηση α (
κείμενο-διακόσμηση: κανένα;
περίγραμμα: 1px στερεό #BFBFBF;
padding: 3px 5px;
περιθώριο: 2px;
}

.σελιδοποίηση a:hover(
χρώμα περιγράμματος: #000;
}
.σελιδοποίηση .current(
βάρος γραμματοσειράς: έντονη γραφή;
}

Μέθοδος 5. Κατεβάστε αυτό το αρχείο, πάρτε τον κώδικα από αυτό και επικολλήστε τον στο (functions.php) στο τέλος πριν από την ετικέτα ?> και αποθηκεύστε την καταχώρηση. Αν μη τι άλλο, ζητώ εκ των προτέρων συγγνώμη για την ταλαιπωρία, καθώς ο κωδικός ήταν πολύ μεγάλος για δημοσίευση. Τώρα στα αρχεία: functions.php, index.php και archive.php βρίσκουμε τη γραμμή εκεί και μετά από αυτό ή μερικές ακόμη γραμμές προσθέστε τον κωδικό

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

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

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

Μου φαίνεται ότι αυτό δεν είναι πολύ βολικό, επειδή η πλοήγηση στη σελίδα του WordPress είναι πολύ πιο λειτουργική.

Έτσι, για να κάνουμε πλοήγηση στη σελίδα για ένα ιστολόγιο WordPress, θα εγκαταστήσουμε το πρόσθετο WP-PageNavi. Μπορείτε να το κατεβάσετε από την επίσημη ιστοσελίδα, αλλά θα το βρούμε μέσω αναζήτησης.

Μεταβείτε στην ενότητα "Προσθήκες - Προσθήκη νέου", πληκτρολογήστε το όνομα "WP-PageNavi" στην αναζήτηση και κάντε κλικ στην "Αναζήτηση για προσθήκες".

Η προσθήκη πλοήγησης σελίδας WordPress που χρειαζόμαστε θα είναι η πρώτη στα αποτελέσματα αναζήτησης, κάντε κλικ στην «Εγκατάσταση» και μετά στην «Ενεργοποίηση προσθήκης».

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

Μεταβείτε στην "Εμφάνιση - Επεξεργαστής" και ανοίξτε τον κωδικό αρχείου που είναι υπεύθυνος για την πλοήγηση μεταξύ των σελίδων. Στις περισσότερες περιπτώσεις, αυτό είναι το αρχείο index.php. Βρίσκουμε σε αυτό το τμήμα που είναι υπεύθυνο για την έξοδο πλοήγησης. Θα πρέπει να μοιάζει κάπως έτσι:

Πρέπει να αφαιρέσουμε αυτές τις γραμμές και να εισαγάγουμε τον ακόλουθο κώδικα:

Αποθηκεύουμε τις αλλαγές, πηγαίνουμε στο blog μας και βλέπουμε πώς εμφανίζεται πλέον η πλοήγηση στη σελίδα. Στην περίπτωσή μου έγινε έτσι:

Συμφωνώ, αυτό φαίνεται καλύτερο από δύο κουμπιά "Πίσω" και "Εμπρός".

Τώρα μπορείτε να μεταβείτε στις ρυθμίσεις του πρόσθετου WP-PageNavi και να δείτε τι μπορείτε να αλλάξετε σε αυτό:

  • δείγμα γενική λίστασελίδες (μπορείτε να αντικαταστήσετε το κείμενο "Σελίδα 1 από 12" με το δικό σας, αν δεν σας αρέσει το τυπικό).
  • στοιχείο "Τρέχουσα σελίδα" (δεν χρειάζεται αλλαγή).
  • στοιχείο "Σελίδα" (δεν χρειάζεται αλλαγή).
  • το στοιχείο "Πρώτη σελίδα" (μπορείτε να το αντικαταστήσετε με "Επιστροφή στην κορυφή" ή άλλη φράση που σας αρέσει).
  • στοιχείο " Τελευταία σελίδα"(παρόμοια με την προηγούμενη παράγραφο, για παράδειγμα, "Μέχρι το τέλος").
  • Στοιχείο "Προηγούμενη σελίδα" (μπορείτε να αντικαταστήσετε το τυπικό " με ένα άλλο σύμβολο, για παράδειγμα, ένα αριστερό βέλος).
  • στοιχείο "Επόμενη σελίδα" (όπως με την προηγούμενη παράγραφο, μπορείτε να αντικαταστήσετε το " με δεξί βέλος).
  • το στοιχείο "Προηγούμενο" (ελλείψεις κοντά στη μετάβαση στην προηγούμενη σελίδα).
  • στοιχείο "Επόμενο" (ελλείψεις κοντά στη μετάβαση στην επόμενη σελίδα).
  • χρησιμοποιήστε το στυλ pagenavi-css.css (θα χρησιμοποιηθεί το τυπικό πρόσθετο css).
  • στυλ λίστας σελίδων (μπορείτε να επιλέξετε τακτική λίσταή αναπτυσσόμενο)
  • να εμφανίζεται πάντα μια λίστα σελίδων (ενεργοποίηση ή απενεργοποίηση της πλοήγησης στη σελίδα, ακόμα κι αν δεν υπάρχουν σελίδες με αναρτήσεις).
  • αριθμός σελίδων προς εμφάνιση (αριθμός σελίδων που εμφανίζονται στη λίστα).
  • εύρος σελίδων προς εμφάνιση (εάν έχετε πολλές σελίδες στον ιστότοπο).
  • συντελεστής για εύρη σελίδων (εάν είναι 5, τότε η πλοήγηση στη σελίδα θα μοιάζει με αυτό: 5, 10, 15, 20 κ.λπ.).

Εάν καταλαβαίνετε το css, μπορείτε να προσαρμόσετε μόνοι σας το WP-PageNavi όπως θέλετε.

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



Παρακαλώ αφήστε τα σχόλια παρακάτω για να μπορέσω να επικοινωνήσω μαζί σας.

Κορυφή