Μη με φοβάσαι και έλα μαζί μου
Αρχεία *.xlsx με παραδείγματα υπολογισμών τύπων και συναρτήσεων. Και επίσης δωρεάν...
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 " αν ($σύνολο == 1 && $max > 1 ) $σελίδες = "Σελίδα ". $τρέχον. "από". $max. "". "\r\n" ; echo $pages . σύνδεσμοι_σελίδας($a); αν ($max > 1 ) echo "" ; |
Τοποθέτησα τον κώδικα στην αρχή του αρχείου μετά την ετικέτα ανοίγματος
Σε αυτόν τον κώδικα μπορούμε να προσαρμόσουμε ορισμένες παραμέτρους:
wp_corenavi(); |
Δεδομένου ότι η πλοήγηση στη σελίδα πρέπει να εμφανίζεται οπουδήποτε εμφανίζεται η λίστα ανακοινώσεων, είναι απαραίτητο αυτόν τον κωδικότοποθετήστε σε όλα τα αρχεία όπου συμβαίνει αυτό:
Παρεμπιπτόντως, σε ορισμένα πρότυπα, η έξοδος σελίδων κατηγοριών και αρχείων μπορεί να πραγματοποιηθεί σε ένα αρχείο. Το αρχείο μου 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. Υπάρχουν ρυθμίσεις και αξίζει να μιλήσουμε για αυτές.
Όσον αφορά το πρώτο στοιχείο ρύθμισης "Πρότυπα λίστας σελίδων", δεν χρειάζεται να αλλάξετε τίποτα σε αυτό. Είμαστε ευχαριστημένοι με όλα. Μεταβαίνουμε στο στοιχείο "Ρυθμίσεις λίστας σελίδων".
Σημειώνω ότι πρέπει να πειραματιστείτε με όλες τις παραμέτρους σε αυτό το σημείο για να βρείτε βέλτιστη τιμήγια τον εαυτό σας. Θα εξηγήσω απλώς εν συντομία τι κάνει κάθε παράμετρος.
Αυτές είναι όλες οι ρυθμίσεις που πρέπει να προσαρμόσετε ώστε να ταιριάζουν στις ανάγκες σας. Εδώ ο καθένας θα ρυθμίσει μόνος του.
Η απλούστερη επιλογή είναι να εγκαταστήσετε ένα πρόσθετο πρόσθετο, το οποίο έχει προετοιμασμένα στυλ και επίσης καθιστά δυνατή τη διαμόρφωση κάθε παραμέτρου ξεχωριστά. Ονομάζεται πρόσθετο.
Μετά την εγκατάστασή του, εμφανίζεται ένα νέο στοιχείο στον πίνακα διαχείρισης του WordPress.
Μετά τη μετάβαση σε αυτό, μπορούμε να επιλέξουμε αμέσως υπάρχοντα κενά σχεδίασης.
Εάν θέλουμε να προσαρμόσουμε τα στυλ μεμονωμένα, τότε στο πρώτο στοιχείο των ρυθμίσεων "Επιλογή φύλλου στυλ", επιλέξτε "Προσαρμοσμένο" και διαμορφώστε τις παραμέτρους όλων των στοιχείων (περιγράμματα και τα χρώματά τους, χρώματα και μεγέθη γραμματοσειρών, χρώμα συνδέσμων όταν αιωρώντας τον κέρσορα του ποντικιού και ούτω καθεξής).
Θα σας μεταφράσω όλες τις παραμέτρους.
Μπορείτε να αναζητήσετε έννοιες χρωμάτων στο Διαδίκτυο ή στο Το πρόγραμμα Photoshopόταν επιλέγετε το επιθυμητό χρώμα πλήρωσης.
Η επιλογή προσθήκης δεν είναι κακή, αλλά πάντα λέω ότι πρέπει να απαλλαγείτε περιττές προσθήκεςκαι σε αυτή την περίπτωση είναι.
Η δεύτερη επιλογή πραγματοποιείται με την επεξεργασία του αρχείου στυλ, το οποίο βρίσκεται στο φάκελο με την προσθήκη Wp-pagenavi στη φιλοξενία - pagenavi-css.css.
Αυτό το αρχείο περιλαμβάνεται όταν η ρύθμιση "Χρήση στυλ pagenavi-css.css" είναι ενεργή στις ρυθμίσεις της προσθήκης. Επομένως, εάν το επεξεργαστούμε, τότε μετά την ενημέρωση του πρόσθετου, όλα τα στυλ θα αντικατασταθούν με τυπικά. Για να το αντικαθιστάτε κάθε φορά αυτό το αρχείοκαι χωρίς να ξαναγράψετε τα στυλ, συνιστώ να κάνετε το εξής:
Με αυτόν τον τρόπο αυτά τα στυλ θα λειτουργούν ανεξάρτητα από την προσθήκη. Και κατά την ενημέρωση δεν θα παραστρατηθούν. Αυτό είναι ίσως το πιο καλύτερη επιλογήσχεδιασμός πλοήγησης σε αυτό το πρόσθετο, το οποίο θα είχα κάνει μόνος μου. Αλλά, ευτυχώς, χρησιμοποιώ την επιλογή χωρίς πρόσθετο, κάτι που σας συμβουλεύω να κάνετε.
Λοιπόν φίλοι. Το υλικό θα βγει πολύ καλό, όπως και για μένα. Τι πιστεύετε για αυτό; Ελπίζω να τελειώσετε. Αν κάτι δεν πάει καλά, θα προσπαθήσω να βοηθήσω στα σχόλια. Γράψε, μη φοβάσαι! Κι εγώ κάποτε υπέφερα πολύ και κατάφερα να το καταλάβω.
Σε αυτό το σημείωμα, θέλω να τελειώσω γρήγορα αυτήν την ανάρτηση, καθώς χρειάστηκε πολλή ενέργεια. Αυτό θα κάνω. Θα πω αντίο και θα πάω να ξεκουραστώ και μετά θα ασχοληθώ με τη σύνταξη νέου περιεχομένου.
Με εκτίμηση, Konstantin Khmelev!
Γεια σας αγαπητοί αναγνώστες του ιστολογίου. Σε αυτό το άρθρο, θα δούμε πώς να ρυθμίσετε την πλοήγηση στη σελίδα χρησιμοποιώντας την προσθήκη WP-PageNavi για .
Μετά την εγκατάσταση αυτής της χρήσιμης προσθήκης, η πλοήγηση στη σελίδα θα μοιάζει με αυτό:
Συμφωνώ, αυτό είναι πολύ καλύτερο. Και αυτή είναι μόνο η αρχική έκδοση. Μπορείτε όμως να προσαρμόσετε τον τύπο πλοήγησης στη σελίδα, ώστε να ταιριάζει αρμονικά στον ιστότοπό σας. Και πώς θα μπορούσε να είναι διαφορετικό αν μιλάμε για το blog ενός webmaster;
Πρώτα χρειάζεστε κατεβάστε την προσθήκη 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.
Ρύθμιση αριθμών σελίδων WP.
Μεταβείτε στον πίνακα διαχείρισης Επιλογές → Αριθμοί σελίδων .
Επιλέξτε το πλαίσιο (αν δεν είναι επιλεγμένο) " Συμπεριλαμβάνωθέμαφύλλο στυλγιασελίδααριθμοί " και έτσι να επιτρέπεται η εμφάνιση ενός από τα θέματα της προσθήκης στην πλοήγηση σελιδοποίησης. Παρακάτω, επιλέξτε το στυλ πλοήγησης σελιδοποίησης που είναι πιο κατάλληλο για το πρότυπό σας.
Σε αυτές τις ρυθμίσεις, αντί για " Σελίδα"εγγεγραμμένος" Σελίδα"και το αντικατέστησε με το παρακάτω πεδίο" του"επί" από ".
Είναι καλύτερα να αφήσετε όλα τα πλαίσια ελέγχου να εμφανίζονται εδώ πλήρεις πληροφορίεςστο επιλεγμένο θέμα της πλοήγησης σελιδοποίησης.
Εισαγάγετε τον αριθμό των σελίδων που εμφανίζονται γραμμή πλοήγησηςστη σειρά μέχρι την έλλειψη. Εάν αφήσετε το πεδίο κενό, η προεπιλογή θα είναι 10 σελίδες, εάν είναι μηδέν, τότε δεν υπάρχουν περιορισμοί.
Ανοίξτε το αρχείο index.phpγια το οποίο μεταβείτε στον πίνακα διαχείρισης Εμφάνιση → Επεξεργαστής → Κύριο πρότυπο (index.php). Βρείτε τον κωδικό εκεί που περιέχει τις λέξεις " Προηγούμενη ανάρτηση "Και" Επόμενη καταχώρηση ".
Αντικαταστήστε το με νέο κωδικό, παρέχεται στην ενότητα "Κώδικας για προσθήκη στο θέμα σας".
Κάντε το ίδιο με το αρχείο " archive.php", υπεύθυνος για την εμφάνιση καταχωρήσεων σε κάθε μεμονωμένη ενότητα.
Δεν μπορεί κάθε θέμα να περιέχει τις λέξεις " Προηγούμενη ανάρτηση "Και" Επόμενη καταχώρηση ". Σε αυτήν την περίπτωση, εισάγετε τον κωδικό μας πριν από τον κωδικόστο τέλος του αρχείου. Και για να αφαιρέσετε συνδέσμους που έχουν ήδη γίνει περιττοί " Προηγούμενη ανάρτηση "Και" Επόμενη καταχώρηση ", διαγράψτε τις ακόλουθες γραμμές στο αρχείο loop.php:
Καλημέρα, αγαπητοί φίλοι! Σήμερα θα σας μιλήσουμε για το πώς να φτιάξετε ένα τόσο όμορφο και βολικό πράγμα στο WordPress όπως πλοήγηση στη σελίδαχρησιμοποιώντας την προσθήκη WP-PageNavi ή απλός κώδικας. Δεν ξέρω για εσάς, αλλά προσωπικά δεν μου αρέσει καθόλου η ενσωματωμένη πλοήγηση στη μηχανή WordPress.
Τι είδους πλοήγηση είναι αυτή; Εντάξει, αν το ιστολόγιο ήταν ακόμα νέο και δεν θα υπήρχαν πολλά άρθρα σε αυτό, αλλά τι γίνεται αν υπάρχουν ήδη περισσότερα από 200-300 από αυτά; Σε αυτήν την περίπτωση, μια τέτοια πλοήγηση μπορεί εύκολα να τρομάξει πολλούς από τους αναγνώστες σας, επειδή κανείς δεν θέλει να κάνει κλικ στο " προηγούμενη καταχώρηση» μέχρι να χάσεις τον σφυγμό σου για να φτάσεις στο σωστό υλικό. Επιπλέον, αυτή η επιγραφή φαίνεται τόσο δυσδιάκριτη που μπορεί απλώς να μην φαίνεται, κάτι που τελικά θα οδηγήσει σε μείωση των προβολών σελίδας ανά επισκέπτη και του χρόνου που αφιερώνεται στον ιστότοπο, και αυτό είναι πλέον πολύ σημαντικό κατά την προώθηση οποιουδήποτε ιστότοπου, ο οποίος δεν μπορεί να αγνοηθεί . Επομένως, εάν εξακολουθείτε να σχεδιάζετε να κάνετε πλοήγηση στη σελίδα, μπορείτε να χρησιμοποιήσετε οποιαδήποτε μέθοδο που παρουσιάζεται παρακάτω.
Μέθοδος 1. Κατεβάστε το πρόσθετο WP-PageNavi εδώ και ανεβάστε το στο ιστολόγιο, ενεργοποιήστε το, μεταβείτε στον πίνακα διαχείρισης του ιστολογίου στις "ρυθμίσεις" "λίστα σελίδων". Εδώ πρέπει να διαμορφώσουμε μόνο μία παράμετρο - τον "αριθμό σελίδων προς εμφάνιση". Προσωπικά όρισα 10 για να κάνω την πλοήγησή μου πολύ ορατή στους επισκέπτες. Παρεμπιπτόντως, αν ξαφνικά ολόκληρη η πλοήγηση της σελίδας σας δεν ταιριάζει στο πρότυπο θέματός σας, δηλαδή, αν μοιάζει κάπως έτσι:
τότε μπορείτε απλά να μειώσετε αυτόν τον αριθμό ή, ακόμα καλύτερα, να αφαιρέσετε την επιγραφή "σελίδα" από τις ρυθμίσεις της προσθήκης και να τις αντικαταστήσετε με βέλη. Εντάξει, μετά, κάντε κλικ στην αποθήκευση και δείτε πώς έχουμε τώρα μια απλή πλοήγηση σελίδα προς σελίδα στο ιστολόγιο. Εάν αυτό δεν συμβεί, τότε μεταβείτε στον "επεξεργαστή" "εμφάνιση", ανοίξτε το κύριο αρχείο προτύπου (index.php) και αναζητήστε κάτι σαν αυτό: ή κάτι τέτοιο και αλλάξτε το σε: , αποθηκεύστε την ηχογράφηση.
Εκτελούμε την ίδια λειτουργία με τα αρχεία archive.php και search.php εάν θέλετε αυτή η πλοήγηση να μην είναι μόνο στην κύρια σελίδα, αλλά και σε μεμονωμένες ενότητες και κατά τη διάρκεια των αναζητήσεων. Ωραία, θέλω να σε προειδοποιήσω για κάθε ενδεχόμενο, πυροσβέστη, αυτό αυτό το πρόσθετοΔεν λειτουργεί για όλους, οπότε αν τίποτα δεν λειτουργεί για εσάς, μπορείτε να εγκαταστήσετε μια παρόμοια προσθήκη WP-Page Numbers. Εάν το εγκαταστήσετε, θα χρειαστεί επίσης να εισάγετε ειδικό κωδικό στα ίδια αρχεία.
Πιθανότατα έχετε ήδη παρατηρήσει ότι η πλοήγηση στη σελίδα μου φαίνεται πολύ καλύτερη και πιο ελκυστική από τη δική σας. Αυτό οφείλεται στο γεγονός ότι έχω μια πρόσθετη προσθήκη στυλ WP-Page Numbers , που λειτουργεί και για τους αριθμούς WP-PageNavi και για WP-Page Numbers. Αν ξαφνικά είστε κωδικοποιητής, όπως εγώ, ας πούμε, όχι επαγγελματίας, για να συνταγογραφείτε σχέδια στα αρχεία των προσθηκών μόνοι σας, τότε μπορείτε απλά να εγκαταστήσετε αυτό το πρόσθετο για τον εαυτό σας. Αφού το εγκαταστήσετε, θα δείτε στον πίνακα διαχείρισης νέα καρτέλαΣτυλ PageNavi. Σε αυτό μπορείτε να επιλέξετε οποιοδήποτε στυλ σχεδίασης πλοήγησης σελίδας σας αρέσει.
Συνολικά, το πρόσθετο έχει 20 τύπους στυλ με όλα τα χρώματα που είναι διαθέσιμα. Επίσης, εάν ξαφνικά δεν σας αρέσει τίποτα από τη λίστα, τότε στην καρτέλα Επιλογή φύλλου στυλ μπορείτε να αλλάξετε τις ρυθμίσεις από "Υπάρχοντα στυλ" σε "Προσαρμοσμένο", θα εμφανιστεί ένα πρόγραμμα επεξεργασίας μπροστά σας, όπου μπορείτε να καθορίσετε τις ρυθμίσεις , χρώματα κλπ που χρειάζεστε. Αν ναι, ιδού η μετάφρασή τους:
Χρώμα κεφαλίδας - χρώμα κεφαλίδας.
Χρώμα φόντου - χρώμα φόντου.
Ενεργό/Τρέχον χρώμα φόντου- το χρώμα του κουμπιού όταν τοποθετείτε τον κέρσορα του ποντικιού πάνω του.
Μέγεθος γραμματοσειράς - μέγεθος γραμματοσειράς.
Σύνδεση ποντικιού αιώρησης / Ενεργό χρώμα- το χρώμα του συνδέσμου όταν τοποθετείτε τον κέρσορα του ποντικιού πάνω του.
Χρώμα περιγράμματος συνδέσμου - χρώμα του περιγράμματος του κουμπιού με τον αριθμό σελίδας.
Σύνδεση ποντικιού περιγράμματος/Ενεργό χρώμα- χρώμα περιγράμματος όταν τοποθετείτε τον κέρσορα του ποντικιού.
Στοίχιση πλοήγησης - στοίχιση στη σελίδα: στο κέντρο, αριστερά ή δεξιά.
Εάν δεν είστε από αυτούς που τους αρέσει να εγκαταστήσουν νέα για να βελτιώσουν τη λειτουργικότητα, τότε μπορείτε να κάνετε μια λύση - απλώς εγκαταστήστε τον κωδικό που θα εμφανίζει αυτήν την πλοήγηση, αλλά πριν από αυτό, κάντε το για κάθε ενδεχόμενο.
Μέθοδος 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 != $σελίδες) για ($i=1; $i<= $pages; $i++)
{
ηχώ"
if ($paged > 2 && $paged > $range+1 && $showitems< $pages) echo ««";
if ($paged > 1 && $showitems< $pages) echo «‹";
{
if (1 != $pages &&(!($i >= $paged+$range+1 || $i<= $paged-$range-1) || $pages <= $showitems))
{
ηχώ ($paged == $i); " ".$i."":"".$i."";
}
}
εάν ($σελίδα< $pages && $showitems < $pages) echo «›";
εάν ($σελίδα< $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo «»";
ηχώ"
}
}
Στα αρχεία: 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 και να δείτε τι μπορείτε να αλλάξετε σε αυτό:
Εάν καταλαβαίνετε το css, μπορείτε να προσαρμόσετε μόνοι σας το WP-PageNavi όπως θέλετε.
Τώρα ξέρετε πώς να δημιουργήσετε πλοήγηση στη σελίδα χρησιμοποιώντας την προσθήκη WP-PageNavi. Εάν έχετε οποιεσδήποτε ερωτήσεις, ρωτήστε τις στα σχόλια και για να μην χάσετε νέα άρθρα, εγγραφείτε σε ενημερώσεις ιστολογίου.