9 WordPress Κώδικες για να Spice Up Blog σας και να βελτιώσει UX

Ενημερώθηκε: 26 Οκτωβρίου 2020 / Άρθρο από: Luana Spinetti

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

Αλλά βασιζόμενοι στις προεπιλεγμένες επιλογές του WordPress μπορεί να οδηγήσει σε απώλεια για λογαριασμό σας:

  • Λιγότερες λειτουργίες
  • Βαρεμένοι χρήστες (που βλέπουν τα ίδια πράγματα σε κάθε τοποθεσία του WP που σκοντάφτουν)
  • Σταματά τις ταξινομήσεις των μηχανών αναζήτησης.

Έχετε ένα ευέλικτο εργαλείο στα χέρια σας, που μπορείτε να τσιμπήσετε για να το μετατρέψετε σε κάτι ευχάριστο στη χρήση και αποτελεσματικό να βασιστείτε. Γιατί να μην προσθέτουμε τα πράγματα για τους χρήστες σας (και τον εαυτό σας);

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

Χρειάζεστε βοήθεια Spice Up WordPress Blog σας;
Το WHSR συνεργάζεται πλέον με το Codeable.io για να βοηθήσει τους χρήστες που χρειάζονται επαγγελματικές υπηρεσίες ανάπτυξης / προσαρμογής WP.

Για να λάβετε μια δωρεάν προσφορά, συμπληρώστε αυτή τη φόρμα αίτησης.

Δώστε τους μια δοκιμή και με ενημερώστε πώς εργάστηκαν για σας! ·)

Κωδικοί 9 για να βελτιώσετε το WordPress Blog σας

Θα σας προσφέρω δύο τύπους αποσπασμάτων κώδικα σε αυτήν την ανάρτηση:

  1. Κωδικοί κώδικα
  2. Τα αποσπάσματα κώδικα και τα γραφικά στοιχεία

Οι κώδικες Codex είναι αποσπάσματα PHP που έγραψα εγώ (με τη βοήθεια του αρραβωνιαστικιού μου, Simone) χρησιμοποιώντας αυστηρά το WordPress.org Codex ως αναφορά.

Τα αποσπάσματα κώδικα και τα γραφικά στοιχεία είναι έτοιμα κομμάτια κώδικα PHP (ή plug-ins του WordPress) που είναι ελεύθερα διαθέσιμα σε άλλους ιστότοπους και στο WordPress.org, αλλά επίσης περιλάμβανα αποσπάσματα ο αρραβωνιαστικός μου και έγραψα από το μηδέν χρησιμοποιώντας αναφορές Open Code και Codex.

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

Κωδικοί Κώδικα

1. Διαφοροποιήστε τις κολλώδεις θέσεις

Για να ελέγξετε το WordPress εάν η τρέχουσα ανάρτησή σας είναι κολλώδης ανάρτηση - και να την εμφανίσετε ανάλογα - μπορείτε να χρησιμοποιήσετε τη συνάρτηση Codex boolean:

<?php is_sticky(); ?>

Η λειτουργία μόνο θα επιστρέψει TRUE ή FALSE τιμές, οπότε τι μπορείτε να κάνετε εδώ αν γράψετε μια υπό όρους κατασκευή (αν / όχι) για να διαχειριστείτε τις κολλώδεις θέσεις σας. Ενα παράδειγμα:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

Σε αυτή τη χρήση δείγματος, έδειξα την κολλώδη ανάρτηση σαν ένα κουτί που περιέχει μόνο τον τίτλο, την ημερομηνία μετάδοσης και το απόσπασμα (όχι ολόκληρη τη δημοσίευση), ενώ το πρότυπο πρότυπο για τις άλλες θέσεις περιλαμβάνεται στο post-template.php.

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

Το single.php είναι το προεπιλεγμένο πρότυπό σας για μεμονωμένες αναρτήσεις (θα το βρείτε σε κάθε προεπιλεγμένο θέμα WP).

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

2. Εμφάνιση διεύθυνσης URL δημοσίευσης

Αυτό μπορεί να είναι διασκεδαστικό να προσθέσετε στο πρότυπό σας. Αν θέλετε οι αναγνώστες σας να λάβουν το URI για κάθε μία από τις σελίδες σας (ή δημοσιεύσεις), απλώς χρησιμοποιήστε την ακόλουθη ετικέτα στο πρότυπο single.php, page.php ή ακόμα και index.php:

">

Αντί να χρησιμοποιήσετε το the_permalink, αυτή είναι η πιο προφανής επιλογή και λειτουργεί για όλες τις περιπτώσεις, το WP σας επιτρέπει να χρησιμοποιήσετε δύο εναλλακτικές φόρμες για αναρτήσεις και σελίδες:

 <?php echo get_page_link(); ?> 

Για παράδειγμα, το πρότυπο σελίδας σας μπορεί να περιλαμβάνει:

Σύνδεσμος:

3. Ανάκτηση και εμφάνιση του αναγνωριστικού Post ID

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

<?php the_ID(); ?>

Δείγμα χρήσης:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Κατάλογος κατηγοριών ανά αναγνωριστικό

Η τυπική λειτουργία του WordPress είναι:

<?php get_all_category_ids() ?>

Εδώ είναι ένα παράδειγμα που χρησιμοποίησα σε ένα από τα blogs μου, γραμμένο με κωδικό από το Κώδιξ ένα θέμα στο StackOverflow:

{$ cat_id}: {$ cat_name} ";};>

… Και πώς εμφανίζεται:

κατηγορίας WP

Σημείωση: Το get_all_category_ids () είναι τώρα μια συντριπτική λειτουργία, αλλά μπορείτε να την χρησιμοποιήσετε χωρίς προβλήματα, όπως και στο blog μου (screenshot παραπάνω). Ωστόσο, αν θέλετε να χρησιμοποιήσετε τη νέα λειτουργία για αυτό το απόσπασμα, επισκεφθείτε την get_terms () σελίδα του Κώδικα.

Τι κάνει αυτός ο κώδικας;

Ο κωδικός λαμβάνει όλα τα αναγνωριστικά κατηγορίας και το όνομα κατηγορίας για κάθε αναγνωριστικό, στη συνέχεια συνδέει το αναγνωριστικό με το σύνδεσμο κατηγορίας, ενώ εμφανίζει το όνομα κατηγορίας μετά το ":" - εξ ου και το ηχώ() έκφραση {$ cat_id} : {$ cat_name}.

5. Μια λεπτομερής σελίδα χρηστών / συγγραφέων για το ιστολόγιό σας

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

Λοιπόν εσύ κουτί δημιουργήστε τη δική σας σελίδα Συγγραφέων / Χρηστών με μόνο ένα πρόγραμμα επεξεργασίας κειμένου, έναν μεταφορτωτή FTP και τον αγαπημένο σας πίνακα ελέγχου WordPress.

Πρώτα απ 'όλα, πρέπει να δημιουργήσετε ένα αντίγραφο του αρχείου page.php. Μετονομάστε το αντίγραφό σας σε οποιοδήποτε όνομα - ονόμασα το mine users.php.

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

Τώρα ανοίξτε το αρχείο users.php (ή οτιδήποτε έχετε ονομάσει) και εφαρμόστε τον ακόλουθο κώδικα:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Αυτός ο κώδικας χρησιμοποιεί το count_users Η συνάρτηση αναφέρεται ως «προεπιλεγμένη χρήση» στον Codex. Μπορείτε να δείτε ένα ζωντανό παράδειγμα αυτού του κώδικα στη διεύθυνση http://robocity.in/users/.

Μετά από αυτόν τον κώδικα, ας προσθέσουμε κάτι σχετικά με το admin blog:

Θα χρησιμοποιηθεί η count_user_posts εδώ, ακολουθώντας τη μορφή χρήσης που προτείνεται από τον Κώδικα.

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

σύνδεση χρήστη; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; Το echo "$ first_name $ last_name συνδέεται στον ιστότοπό τους στο WordPress με το όνομα χρήστη $ username."; ?>

Τώρα, αυτή είναι η πιο ενδιαφέρουσα λειτουργία που μπορείτε να χρησιμοποιήσετε στη σελίδα Συγγραφείς / Χρήστες - το get_users λειτουργία:

". esc_html ($ user-> user_login). «-». esc_html ($ user-> user_email). " "; };>

Αυτή η λειτουργία θα ανακτήσει μια λίστα χρηστών σύμφωνα με ορισμένες παραμέτρους που μπορείτε να διαμορφώσετε στον κώδικα. Στο παραπάνω παράδειγμα (έχει ληφθεί από τη σελίδα Codex και τροποποιήθηκε για να ταιριάζει στη σελίδα "Χρήστες μου" στο Robocity.in), θέλω να λάβω μια λίστα διαχειριστών για το αναγνωριστικό ιστολογίου 1 (τρέχον ιστολόγιο) με εντολή "nicename" και για κάθε χρήστη, Θέλω να εμφανίσω το όνομα χρήστη και το email σε μια πρόταση του τύπου "Όνομα χρήστη - [προστασία μέσω email]".

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

Αποσπάσματα κώδικα & γραφικά στοιχεία

6. Εναλλακτική… Αρχεία!

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

Δεν θα έκανε τα πράγματα ευκολότερα για τους αναγνώστες σας να πιάσουν την ηλικία blog σας και το βάθος των αρχείων με μια ματιά; :)

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

μεταχρονολογώ)); επιστροφή εξόδου $; } συνάρτηση getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); επιστροφή $ post-> ID; };> Αυτό το ιστολόγιο έχει δημοσιεύσεις από τότε . Η τελευταία δημοσίευση δημοσιεύτηκε στις . Θέλετε να επισκεφτείτε ένα συγκεκριμένο αρχείο; 'μηνιαίο', 'format' => 'option', 'show_post_count' => 1)); ?>

Τι κάνει αυτός ο κώδικας;

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

Για να λάβουμε την πρώτη ανάρτηση του ιστολογίου - γενικά με ID = 1, γράφουμε echo formatPostDate (1, '% B% e,% Y') στην πρώτη παράγραφο: αυτός ο κώδικας χρησιμοποιεί τη συνάρτηση formatPostDate και παίρνει ως παραμέτρους το αναγνωριστικό ανάρτησης # 1 και μια τυπική αγγλική μορφή για την ημερομηνία και επιστρέφει την ημερομηνία.

Για να λάβουμε την τελευταία ανάρτηση του ιστολογίου, χρησιμοποιούμε το formatPostDate (getLastPostID (), '% B% e,% Y') για να λάβουμε το αναγνωριστικό της τελευταίας ανάρτησης και μια μορφή ημερομηνίας (ξανά, στα Αγγλικά) και εκτυπώνουμε την ημερομηνία στις οθόνη.

7. Ελέγξτε εάν ο επισκέπτης χρησιμοποιεί μια κινητή συσκευή

Το Muneeb στο WP-Snippets.com μοιράστηκε ένα ενδιαφέρον απόσπασμα κώδικα (μια λειτουργία) για να ελέγξει εάν ένας επισκέπτης στον ιστότοπό σας χρησιμοποιεί μια κινητή συσκευή.

Ο κωδικός είναι διαθέσιμος εδώ.

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

8. Χρησιμοποιήστε το construct if / else για να χειριστείτε το περιεχόμενο της σελίδας της σελίδας σας

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

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

Ο Κώδικας έρχεται σε σας διάσωσης με το get_sidebar ($ όνομα) λειτουργία. Η χρήση είναι απλή:

  1. Δημιουργήστε (ας πούμε) μια πλαϊνή γραμμή για τα αποσπάσματα των αποσπασμάτων σας. Ονομάστε το sidebar-quotes.php
  2. Στο κύριο αρχείο sidebar.php (ή το αρχείο κεφαλίδας ή ευρετηρίου, σύμφωνα με τη δομή του θέματος WP), γράψτε get_sidebar ("εισαγωγικά"); για να συμπεριλάβετε το αρχείο "sidebar-quotes.php".

Θα πάρετε μια λεπτότερη πλευρική γραμμή με κλήσεις σε άλλες δευτερεύουσες πλευρικές γραμμές, που μπορείτε να βελτιστοποιήσετε με το εάν / else κατασκευάζει αν γνωρίζετε λίγο κώδικα PHP για το WordPress.

Ίσως να μην το γνωρίζετε αυτό, αλλά όταν χρησιμοποιείτε τον γενικό κωδικό get_sidebar (), αυτός θα περιλαμβάνει το "sidebar.php" επειδή δεν προσθέσατε όρισμα $ name. Αυτή είναι η προεπιλεγμένη χρήση. Όταν προσθέτετε ένα "-name" μετά το "sidebar * .php", μπορείτε να καλέσετε αυτό το addon ονόματος με το $ name arg.

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

9. Ένα εργαλείο για την ενσωμάτωση αποσπασμάτων κώδικα στον ιστότοπό σας WordPress

codenippets screenshot

Τα αποσπάσματα κώδικα είναι ένα δωρεάν WordPress plugin που δημιουργήθηκε από Shea Bange που σας επιτρέπει να προσθέσετε εύκολα αποσπάσματα κώδικα στο ιστολόγιό σας.

Το ωραίο πράγμα για αυτό το plugin είναι ότι δεν χρειάζεται πλέον να επεξεργάζεστε το δικό σας functions.php αρχείου, αλλά μπορείτε να προσθέσετε προσαρμοσμένο κώδικα απευθείας από τον Πίνακα ελέγχου WordPress. Βασικά, μπορείτε να προσθέσετε αποσπάσματα κώδικα όπως θα προσθέσετε μια νέα δημοσίευση ή μια σελίδα.

Tom Ewer στο WPMUDev.org έγραψε μια ενδιαφέρουσα εισαγωγή σε αυτό το plugin, αλλά ο πιο χρήσιμος πόρος που βρήκα μέχρι στιγμής για τα αποσπάσματα κώδικα είναι το φόρουμ υποστήριξης plugin στο WordPress.org.

Πάνω σε σας!

Μοιραστείτε τα πειράματά σας κωδικοποίησης WordPress στα παρακάτω σχόλια! Και μπορείτε να κάνετε ερωτήσεις σχετικά με τα αποσπάσματα που έχουν εισαχθεί σε αυτήν την ανάρτηση.

Σχετικά με τη Luana Spinetti

Η Luana Spinetti είναι ανεξάρτητος συγγραφέας και καλλιτέχνης με έδρα την Ιταλία και ένας παθιασμένος φοιτητής των υπολογιστών. Έχει δίπλωμα γυμνασίου στην Ψυχολογία και την Εκπαίδευση και παρακολούθησε ένα 3-έτος μαθήματος στο Comic Book Art, από το οποίο αποφοίτησε από το 2008. Ως πολυδιάστατο άτομο όπως είναι, εξέφρασε μεγάλο ενδιαφέρον για SEO / SEM και Web Marketing, με ιδιαίτερη διάθεση για τα Social Media, και εργάζεται σε τρία μυθιστορήματα στη μητρική του γλώσσα (Ιταλικά), την οποία ελπίζει indie δημοσίευση σύντομα.