Βελτίωση του WordPress Tag Cloud με πρόσθετα. Επισημάνετε το Cloud σε ένα ιστολόγιο WordPress Wordpress Εμφάνιση αναρτήσεων ως σύννεφο

Θα προσθέσει ένα τυχαίο (τυχαίο) χρώμα φόντου για τις ετικέτες.

Αποτέλεσμα.

Σύννεφο έγχρωμων ετικετών στην πλαϊνή γραμμή

Για να εμφανίσετε ένα κανονικό σύννεφο ετικετών στην πλαϊνή γραμμή, αρκεί να χρησιμοποιήσετε ένα τυπικό γραφικό στοιχείο. Υπάρχει εγγενώς σε οποιονδήποτε ιστότοπο WordPress και βρίσκεται στο " Εμφάνιση-Widgets". Αλλά, για άγνωστους λόγους, εάν αυτό δεν ταιριάζει σε κάποιον, μπορείτε επίσης να χρησιμοποιήσετε τη συνάρτηση wp_tag_cloud. Μόνο στην αρχή, μετά βάλτε τον ακόλουθο κώδικα σε αυτό:

Και στην τελευταία ενέργεια, προσθέστε τον ακόλουθο κώδικα στο αρχείο functions.php:

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

Αποτέλεσμα.

Εμφάνιση ετικετών στο τέλος μιας ανάρτησης

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

Και ένα σωρό στυλ.

Ανάρτηση ετικέτας a( φόντο:#D02B7B; ακτίνα περιγράμματος: 2 εικονοστοιχεία; πλήρωση: 4 εικονοστοιχεία; κείμενο-διακόσμηση: κανένα !σημαντικό; χρώμα:#fff!σημαντικό; μέγεθος γραμματοσειράς: 11 εικονοστοιχεία; )

Αποτέλεσμα.

Αυτό είναι όλο.

ΣΕεπτά γεια. Σήμερα θα σχεδιάσουμε όμορφα ετικέτες (σύννεφο ετικετών) χρησιμοποιώντας στυλ σχεδίασης CSS3. Οι ετικέτες χρησιμοποιούνται σε ιστότοπους για να ομαδοποιήσουν τις αναρτήσεις με ορισμένα κριτήρια και έχουν σχεδιαστεί για να διευκολύνουν τον χρήστη να βρει πληροφορίες σε ένα ιστολόγιο. Για να εμφανιστούν όλες οι ετικέτες στο WordPress, χρησιμοποιείται ένα γραφικό στοιχείο: το σύννεφο ετικετών.

Σύννεφο ετικετών στο wordpress

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

Αφού προσθέσουμε ένα σύννεφο ετικετών στον ιστότοπο, δεν θα φαίνονται πολύ όμορφα και θα προσπαθήσουμε να τα κάνουμε πιο ελκυστικά:

Λοιπόν, αυτό το σχέδιο θα λειτουργούσε; Τότε ας ξεκινήσουμε.

αρχείο στυλ σύννεφο ετικέτας wordpress

Για να δημιουργήσουμε ένα τέτοιο σύννεφο ετικετών, θα χρησιμοποιήσουμε στυλ CSS3:

Ετικέτες ( float: αριστερά, περιθώριο: 0 0 7px 15px; θέση: σχετική;

γραμματοσειρά-οικογένεια: «Helvetica Neue», Helvetica, Arial, sans-serif; μέγεθος γραμματοσειράς: 0,75 εκ βάρος γραμματοσειράς: έντονη γραφή; κείμενο-διακόσμηση: κανένα; χρώμα: #996633; text-shadow: 0px 1px 0px rgba(255,255,255,.4); padding: 0em 0,417em 0,05em 0,917em περίγραμμα-κορυφή: 1px συμπαγές #d99d38; περίγραμμα-δεξιά: 1px συμπαγές #d99d38; περίγραμμα-κάτω: 1px συμπαγές #d99d38; -webkit-border-radius: 0 0,25em 0,25em 0; -moz-border-radius: 0 0,25em 0,25em 0; ακτίνα συνόρων: 0 0,25em 0,25em 0; φόντο-εικόνα: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); φόντο-εικόνα: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); φόντο-εικόνα: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71)); φίλτρο: progid: DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47'); -webkit-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); ) .tags:before ( content:"; πλάτος: 1.30em; ύψος: 1.358em; background-image: -webkit-linear-gradient(αριστερά επάνω, rgb(254, 218, 113), rgb(254, 186, 71 )); εικόνα φόντου: -moz-linear-gradient(αριστερά επάνω, rgb(254, 218, 113), rgb(254, 186, 71)); εικόνα φόντου: -o-linear-gradient(αριστερά επάνω, rgb(254, 218, 113), rgb(254, 186, 71)); ); εικόνα φόντου: γραμμική διαβάθμιση (αριστερά επάνω, rgb(254, 218, 113), rgb(254, 186, 71) ; φίλτρο: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='# feda71′, EndColorStr='#feba47′); θέση: απόλυτη; αριστερά: -0,69em; επάνω: .2em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform : rotate(45deg); transform: rotate(45deg); border-αριστερά: 1px solid #d99d38; border-bottom: 1px solid #d99d38; -webkit-border-radius: 0 0 0 0,25em; -moz-border-radius : 0 0 0 0,25em; border-radius: 0 0 0 0,25em; z-index: 1; .tags: after ( περιεχόμενο: "; πλάτος: 0,5em; ύψος: 0,5 εκ. φόντο: #fff; -webkit-border-radius: 4.167em; -moz-border-radius: 4.167em; ακτίνα συνόρων: 4.167 εκ περίγραμμα: 1px συμπαγές #d99d38; -webkit-box-shadow: 0 1px 0 #faeaba; -moz-box-shadow: 0 1px 0 #faeaba; κουτί-σκιά: 0 1px 0 #faeaba; θέση: απόλυτη; κορυφή: 0,667em; αριστερά: -0,083εκ z-index: 9999; ) .tags: hover ( background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(top , rgb(254, 225, 141), rgb(254, 200, 108)); ); εικόνα φόντου: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); εικόνα φόντου: γραμμική διαβάθμιση (πάνω, rgb(254, 225, 141), rgb(254, 200, 108)); φίλτρο: progid: DXImageTransform. Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c'); χρώμα περιγράμματος: #e1b160; ) .tags: hover: before ( background-image: -webkit-linear-gradient(αριστερά επάνω, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear- φόντο-εικόνα: -o-linear-gradient(αριστερά επάνω, rgb(254, 225, 141), rgb(254, 225, 141), rgb(254)); , 200, 108)); εικόνα φόντου: - ms-linear-gradient(αριστερά επάνω, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(αριστερά επάνω , rgb(254, 225, 141), rgb( 254, 200, 108)); φίλτρο: progid: DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');

χρώμα περιγράμματος: #e1b160; )

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

Επιλογές cloud ετικετών - λειτουργία wp_tag_cloud

Αν, ανοίξτε τον κώδικα Html της σελίδας και κοιτάξτε την οθόνη σύννεφα ετικέτας, μπορείτε να δείτε ότι περιγράφεται από δύο κατηγορίες:

• tagcloud
• ετικέτες-σύνδεσμος

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

Για να κάνουμε αλλαγές σε αυτές τις κλάσεις, πρέπει να ανοίξουμε το αρχείο συνάρτησης (function.php). Και προσθέστε τον κώδικα που περιγράφει την κλάση στο τέλος του αρχείου tagcloud:

Συνάρτηση set_tag_cloud_args($args) ( $args["number"] = 30; $args["largest"] = 10; $args["smallest"] = 10; $args["unit"] = "px"; $ args["format"] = "επίπεδη"; επιστροφή $args; )

• μικρότερο - το ελάχιστο μέγεθος γραμματοσειράς των λιγότερο δημοφιλών ετικετών.
• μεγαλύτερο - μέγιστο μέγεθος γραμματοσειράς για δημοφιλείς ετικέτες.
• μονάδα - τιμή για τον ορισμό γραμματοσειράς - pt, px, em, % (από προεπιλογή στο pt, συνήθως το ορίζω σε pixel px).
• αριθμός – αριθμός ετικετών προς εμφάνιση (45 από προεπιλογή).
• Μορφή - μορφή για εμφάνιση συνδέσμων: επίπεδη (διαχωρισμένη με κενό - από προεπιλογή), λίστα - λίστα UL, πίνακας - ως πίνακας για PHP.
• διαχωριστικό - διαχωριστικό μεταξύ ετικετών (προεπιλογή - κενό).
• orderby - ταξινόμηση: όνομα - κατά όνομα (αρχικά), μέτρηση - κατά δημοτικότητα.
• σειρά - σειρά ταξινόμησης: αύξουσα - ASC (αρχικά), φθίνουσα - DESC, τυχαία - RAND;
• εξαίρεση - ετικέτες προς εξαίρεση από το σύννεφο.
• περιλαμβάνει - ετικέτες που θα συμπεριληφθούν στο cloud (μόνο αυτές θα εμφανίζονται).

Βεβαιωθείτε ότι έχετε ορίσει την παράμετρο 'largest'='smallest' = 10; - ίδιο μέγεθος γραμματοσειράς για δημοφιλείς και λιγότερο δημοφιλείς ετικέτες σύννεφα ετικέτας. Ρυθμίστε τις υπόλοιπες παραμέτρους σύμφωνα με τις προτιμήσεις σας.

Τώρα στο αρχείο category-template.php (που βρίσκεται στον φάκελο wp-includes), χρησιμοποιήστε τη συντόμευση πληκτρολογίου cntr+F για να βρείτε τις ακόλουθες γραμμές:

$a = "$tagname";

$a = "$tagname";

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

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

• Όμορφα ογκομετρικά τρισδιάστατα σύννεφα, φτιαγμένα σε μορφή διαφανούς σφαίρας. Τα σημάδια βρίσκονται σαν στην επιφάνειά του. Όταν τοποθετείτε τον δείκτη του ποντικιού πάνω τους, η σφαίρα αρχίζει να περιστρέφεται, κάτι που φαίνεται πολύ εντυπωσιακό. Νομίζω ότι τα βλέπεις συχνά σε διάφορα blog. Για την υλοποίησή τους χρησιμοποιείται τεχνολογία flash ή Canvas από HTML5.
• Απλά αλλά χαριτωμένα επίπεδα σύννεφα 2D ετικετών. Ιδανικό για όσους δεν τους αρέσουν τα frills.

Σημειώνω ότι όλα τα πρόσθετα που αναφέρονται σε αυτήν την ανάρτηση εγκαθίστανται ως τυπικά: κατεβάστε το αρχείο από το wordpress.org, αποσυσκευάστε το στον τρέχοντα κατάλογο και ανεβάστε τον φάκελο που προκύπτει με τα αρχεία στον διακομιστή στον κατάλογο /wp-content/plugins χρησιμοποιώντας το . Απομένει μόνο να το ενεργοποιήσετε στην ενότητα "Προσθήκες" στον πίνακα διαχείρισης του WordPress.

Προσθήκες WordPress για τη δημιουργία ενός τρισδιάστατου τρισδιάστατου τρισδιάστατου νέφους ετικετών

Έχω κοιτάξει αρκετά πρόσθετα για αυτό το θέμα, τα πιο επιτυχημένα από αυτά είναι το WP-Cumulus και το Tag Cloud Canvas. Όσον αφορά το αποτέλεσμα που έχουν, είναι παρόμοια - και οι δύο δημιουργούν ένα ογκώδες σφαιρικό σύννεφο ετικετών, μόνο η πρώτη χρησιμοποιεί φλας και η δεύτερη χρησιμοποιεί τη νέα τεχνολογία Canvas από την HTML5.

WP-Cumulus - σύννεφο ετικετών flash

Κατεβάστε τη ρωσική έκδοση του WP-Cumulus και εγκαταστήστε όπως περιέγραψα παραπάνω.

Το σύννεφο ετικετών στις σελίδες ιστολογίου μπορεί να εμφανιστεί με τρεις τρόπους:

• Χρησιμοποιήστε έναν σύντομο κώδικα για να εμφανίσετε σελίδες και δημοσιεύσεις WordPress στην περιοχή περιεχομένου.
• Επικολλήστε την ακόλουθη γραμμή κώδικα php στα πρότυπα του θέματος WP:
• Και ο πιο δημοφιλής τρόπος είναι να εμφανίσετε ένα σύννεφο ετικετών στην πλαϊνή γραμμή του ιστολογίου χρησιμοποιώντας ένα νέο σύννεφο ετικετών με το ίδιο όνομα.

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

Έτσι φαίνεται:

Φυσικά, στη δυναμική, το σύννεφο φαίνεται πολύ πιο θεαματικό.

Tag Cloud Canvas - Σύννεφο ετικετών HTML5

Όσον αφορά τη λειτουργικότητά του, αυτό το πρόσθετο είναι πανομοιότυπο με το WP-Cumulus που συζητήθηκε παραπάνω, μόνο που χρησιμοποιεί όχι flash, αλλά HTML5. Μπορείτε να κατεβάσετε το Tag Cloud Canvas από το wordpress.org. Η έξοδος του νέφους ετικετών στην περιοχή περιεχομένου δεν παρέχεται, μόνο ένα νέο γραφικό στοιχείο με το ίδιο όνομα είναι διαθέσιμο.

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

• Τίτλος – τίτλος.
• Ταξινομίες - τι εμφανίζουμε: ετικέτες, κατηγορίες ή και τα δύο.
• Σχήμα - το σχήμα του σύννεφου (τι παιχνίδι με τις λέξεις!). Μπορείτε να επιλέξετε μια σφαίρα, έναν οριζόντιο κύλινδρο ή έναν κάθετο.
• Πλάτος και ύψος - πλάτος και ύψος σε pixel.
• Χρώμα κειμένου - χρώμα κειμένου.
• Χρώμα φόντου - χρώμα φόντου.
• Διαφανές φόντο; — κάντε το φόντο διαφανές.

Εξωτερικά, δεν διαφέρει πολύ από το WP-Cumulus:

Δημιουργία 2D cloud

Τώρα για τα επίπεδα σύννεφα ετικετών 2D WordPress. Εδώ πάλι, θα ήθελα να επισημάνω δύο πολύ ωραία πρόσθετα Opacity Tags και Better Tag Cloud. Ας εξετάσουμε το καθένα από αυτά με περισσότερες λεπτομέρειες.

Κατεβάστε το Opacity Tags και εγκαταστήστε το στο WordPress. Θα εμφανιστεί ένα νέο γραφικό στοιχείο - Σύννεφο ετικετών αδιαφάνειας. Εξετάστε τις ρυθμίσεις του:

• Μέγεθος γραμματοσειράς σε εικονοστοιχεία — μέγεθος κειμένου σε εικονοστοιχεία.
• Αριθμός ετικετών προς εμφάνιση - ο αριθμός των ετικετών προς εμφάνιση.
• Χρώμα γραμματοσειράς ετικέτας - χρώμα κειμένου. Εάν δεν μπορείτε να επιλέξετε χρώμα, αποθηκεύστε το γραφικό στοιχείο και δοκιμάστε ξανά.

Οι ρυθμίσεις δεν είναι πυκνές, αλλά οκ. Έτσι θα φαίνεται το γραφικό στοιχείο στο ιστολόγιο.

Μπορείτε να κατεβάσετε ξανά το πρόσθετο με τόσο άσεμνο όνομα από το wordpress.org. Όλες οι ρυθμίσεις των προσθηκών βρίσκονται στην ενότητα "Προσθήκες" - "Καλύτερο σύννεφο ετικετών". Ας δούμε γρήγορα τα κυριότερα:

• Τίτλος – τίτλος.
• Ταξονομία - τι εμφανίζουμε. Η προεπιλογή είναι post_tag, δηλαδή ετικέτες.
• Μικρότερο μέγεθος γραμματοσειράς - ελάχιστο μέγεθος κειμένου. Μεγαλύτερο μέγεθος γραμματοσειράς - μέγιστο μέγεθος. Μονάδα - μονάδες μέτρησης.
• Αριθμοί ετικετών προς εμφάνιση - αριθμός ετικετών προς εμφάνιση. 0 - εμφάνιση όλων των διαθέσιμων ετικετών.
• Μορφή - μορφή εξόδου.
• Orderby - ταξινόμηση κατά τίτλο, αριθμό αναρτήσεων με αυτήν την ετικέτα ή και τα δύο.
• Προσθήκη αριθμού αναρτήσεων στις ετικέτες; - εμφάνιση του αριθμού των αναρτήσεων στις οποίες εμπλέκεται καθεμία από τις ετικέτες.
• Θέλετε τον αριθμό αναρτήσεων εκτός του υπερ-συνδέσμου; - Μετακίνηση του μετρητή αναρτήσεων έξω από τον υπερσύνδεσμο;
• Εμφάνιση μόνο ετικετών που έχουν χρησιμοποιηθεί τουλάχιστον τόσες φορές - Εμφάνιση μόνο ετικετών που έχουν χρησιμοποιηθεί τουλάχιστον τόσες φορές.
• Προσθήκη κατηγοριών στο σύννεφο ετικετών; - Προσθήκη κατηγοριών;
• Επιβολή ετικετών με πολλές λέξεις σε μία γραμμή; - είναι απαραίτητο να εμφανίζονται ετικέτες από πολλές λέξεις σε μία γραμμή;
• Προσθήκη του χαρακτηριστικού nofollow; Προσθήκη χαρακτηριστικού nofollow στους συνδέσμους;

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

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

Cool Tag Cloud Plugin: WordPress Tag Cloud

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

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

Για να δημιουργήσετε ένα σύννεφο ετικετών WordPress, πραγματοποιήστε λήψη της προσθήκης Cool Tag Cloud από τον παρακάτω σύνδεσμο. Εγκαταστήστε το και ενεργοποιήστε το.

Μετά τις ρυθμίσεις, το σύννεφο ετικετών μπορεί να μοιάζει με αυτό.

WordPress Cool Tag Cloud

Το πρόσθετο δεν έχει τις δικές του ρυθμίσεις, επομένως πηγαίνουμε αμέσως στο στοιχείο κονσόλας "Εμφάνιση" και στο υποστοιχείο "Γραφικά στοιχεία". Επιλέξτε το γραφικό στοιχείο "Cool Tag Cloud", σύρετέ το στην επιθυμητή πλευρική γραμμή και αναπτύξτε το για ρυθμίσεις.

Όλες οι επιλογές είναι στα ρωσικά. Δεν πρόκειται να σου πω καν τι χρειάζεσαι.

Απλώς δώστε μια λίστα με τα χαρακτηριστικά αυτής της προσθήκης:

• Ευέλικτες ρυθμίσεις γραμματοσειράς: οικογένεια, στυλ και μέγεθος. Μπορείτε να ορίσετε ένα ελάχιστο μέγεθος γραμματοσειράς για ετικέτες και ένα μέγιστο μέγεθος για ετικέτες με περισσότερες ή λιγότερες καταχωρήσεις.
• 10 επιλογές χρωμάτων κάνουν αυτό το σύννεφο ετικέτας WordPress κατάλληλο για οποιοδήποτε σχέδιο.
• Προσανατολισμός αριστερά ή δεξιά, χάρη στον οποίο μπορείτε να τοποθετήσετε αρμονικά το σύννεφο τόσο στην αριστερή όσο και στη δεξιά πλαϊνή γραμμή.
• Απλό και εύκολο κινούμενο σχέδιο αιώρησης.
• Δυνατότητα ορισμού του μέγιστου αριθμού ετικετών που εμφανίζονται στο widget.
• Η δυνατότητα εμφάνισης κατηγοριών αντί για ετικέτες, καθώς και άλλες ταξινομίες στον ιστότοπο, εάν υπάρχουν.
• Εμφανίστε τον αριθμό των καταχωρήσεων στην ετικέτα στον δείκτη του ποντικιού.
• Η δυνατότητα συμπερίληψης του χαρακτηριστικού έτσι ώστε οι ετικέτες να μην ευρετηριάζονται.

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

Αρχικά, ας καταλάβουμε τι είναι;

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

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

Αυτό είναι βολικό για τον αναγνώστη και είναι καλό για μένα, αλλά δεν πρέπει να κάνετε κατάχρηση του αριθμού των λέξεων και να παραπλανηθείτε από το ανεπιθύμητο περιεχόμενο των ετικετών που δημιουργούνται. Από την άλλη πλευρά, προσπαθήστε να ορίσετε ένα σύνολο λέξεων ή σύντομων φράσεων που θα αντικατοπτρίζουν συνοπτικά το νόημα των καταχωρήσεων. Η ιδανική επιλογή είναι να χρησιμοποιήσετε Λέξεις-κλειδιά ως ετικέτες, οι οποίες θα βοηθήσουν στην περαιτέρω βελτιστοποίηση κάθε ανάρτησης. Για να τα αναγνωρίσετε, θα σας βοηθήσει η προσθήκη All in One SEO Pack

Δημιουργήστε ένα σύννεφο ετικετών WordPress χρησιμοποιώντας πρόσθετα.

χρησιμοποίησα WP-Cumulus ρωσική έκδοση — http://www.wordpressplugins.ru/look/wp-cumulus.html(επισημάνετε τη διεύθυνση και αντιγράψτε τη στη γραμμή διευθύνσεων του προγράμματος περιήγησης). Είναι εύκολο να εγκατασταθεί και να ενεργοποιηθεί

Απλώς πηγαίνω στον πίνακα ελέγχου γραφικών στοιχείων (6), σύρω το γραφικό στοιχείο Tag Cloud στο ενεργό μέρος της πλαϊνής γραμμής του ιστολογίου, επιλέγω τι πρέπει να εμφανίζεται σε αυτό:

• ετικέτες
• επικεφαλίδες
• ετικέτες και επικεφαλίδες

Ως αποτέλεσμα, εμφανίζεται ένα σύννεφο με απλή εμφάνιση (7) στην μπροστινή πλευρά του ιστολογίου. Όσο πιο ογκώδεις είναι οι ετικέτες, τόσο περισσότερες αναρτήσεις συνδέονται σε αυτές.

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

Εμφάνιση σύννεφου ετικετών χωρίς προσθήκη

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

1. Επικολλήστε αυτόν τον κώδικα στο αρχείο sidebar.php, όπως περιγράφεται στη σειρά σημειώσεων για την επεξεργασία αρχείων προτύπων WordPress:

Δώστε προσοχή στον σχολιασμό - αυτό είναι το κείμενο που ακολουθεί μετά το //. Τα σχόλια ορίζουν ορισμένες συνθήκες, αλλάζοντας τις οποίες σας επιτρέπει να προσαρμόσετε το σύννεφο ετικετών κατά την κρίση σας.

2. Μια μέθοδος που απαιτεί την ενσωμάτωση του πρώτου κώδικα στο αρχείο functions.php

αλλά αυτός ο κώδικας στο αρχείο sidebar.php ή σε οποιοδήποτε άλλο.

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

3. Ενσωματώστε αυτόν τον κώδικα

Χρησιμοποιήστε τις ακόλουθες ιδιότητες για να προσαρμόσετε το σύννεφο ετικετών:

• 'orderby' => 'όνομα' - ο χειριστής επιτρέπει την ταξινόμηση κατά: όνομα - κατά όνομα ετικέτας, μέτρηση - κατά αριθμό εγγραφών
• 'order' => 'ASC' - ορίζει τη σειρά ταξινόμησης: ASC - direct, DESC - reverse
• 'number' => 25 - ο αριθμός καθορίζει τον μέγιστο αριθμό ετικετών που θα εμφανίζονται στο cloud.
• 'largest' => 16 - το μέγιστο μέγεθος γραμματοσειράς που θα χρησιμοποιηθεί για τη μορφοποίηση της ετικέτας στην οποία έχουν επισυναφθεί οι περισσότερες σημειώσεις
• 'smallest' => 11 - Το ελάχιστο μέγεθος γραμματοσειράς των ετικετών, στο οποίο επισυνάπτεται ο ελάχιστος αριθμός αναρτήσεων.
• «unit» => «pt» — μονάδες γραμματοσειράς
• ‘exclude’ => ” - εάν θέλετε να εξαιρέσετε ετικέτες, πρέπει να αντιστοιχίσετε το αναγνωριστικό της στο χαρακτηριστικό. Εάν εξαιρεθούν πολλές ετικέτες, τα αναγνωριστικά διαχωρίζονται με κόμμα.
• ‘include’ => ” – περιλαμβάνει ετικέτες στην περιοχή σύννεφο ετικετών, τα αναγνωριστικά διαχωρίζονται με κόμματα.

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