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

Άρθρο που γράφτηκε από:
  • WordPress
  • Ενημερώθηκε: Μάιος 08, 2019

Το 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 αν δεν είστε σίγουροι για τον χειρισμό του κώδικα.

Καταλαβαίνω ότι τα αποσπάσματα κώδικα 9 ενδέχεται να μην είναι αρκετά για όσους από εσάς επιθυμείτε να πειραματιστείτε με πολλά και πολλά διαφορετικά κώδικα, γι 'αυτό είμαι βέβαιος ότι τα στοιχεία του Robert Ludrosky 25 εύχρηστα αποσπάσματα κώδικα για τους προγραμματιστές του WordPress θα εξασθενίσει την πείνα σας (τουλάχιστον για λίγο). ·)

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

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

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

<? php is_sticky (); ?>

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

<? php αν είναι_sticky () {the_title (); the_time ('M, d, Y'); the_excerpt (); } else {συμπεριλάβετε το "post-template.php"; }}

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

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

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

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

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

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

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

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

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); ;> 

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

<p> Σύνδεσμος: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ;> </a> </ p>

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

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

<?php the_ID(); ?>

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

<p class = "meta"> Δημοσιεύθηκε από το όνομα του συντάκτη. Το αναγνωριστικό Post είναι <? Php the_ID (); ?> </ p>

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

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

<? php get_all_category_ids ();>

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

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids σαν $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // χρειαζόμαστε τη σύνδεση γάτας για να λειτουργήσει η διεύθυνση URL! echo "<a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

... και πώς εμφανίζεται:

κατηγορίας WP

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

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

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

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

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

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

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

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

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

 <? php $ result = count_users (); echo 'Υπάρχουν', $ result ['total_users'], 'total users'. foreach ($ αποτέλεσμα ['avail_roles'] σαν $ role => $ count) echo ',', $ count, 'είναι', $ role, 's'; ηχώ '.'; ?> 

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

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

<? php printf (__ ('Αριθμός δημοσιεύσεων που δημοσιεύονται από το χρήστη' Leaders ':% d', 'text-dom-here'), count_user_posts (1)); ?>

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

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

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name συνδέεται στην ιστοσελίδα του WordPress με το όνομα χρήστη του $ username."; ?>

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

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & ρόλος = διαχειριστής'); // Array αντικειμένων WP_User. foreach ($ blogusers ως $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ span> <br/>'; }?>

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

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

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

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

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

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

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

<? php συνάρτηση formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); επιστροφή $ εξόδου? } συνάρτηση getLastPostID () {λίστα ($ post) = get_posts (array ('posts_per_page' => 1)); επιστροφή $ post-> ID; } Αυτό το ιστολόγιο έχει αναρτήσεις από το <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Η τελευταία δημοσίευση δημοσιεύθηκε στο <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ;>. </ p> <p> Θέλετε να επισκεφτείτε ένα συγκεκριμένο αρχείο; </ p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. τιμή "> <option value =" "> <? php echo esc_attr (__ ('Επιλογή αρχείου')); ?> </ option> <? php wp_get_archives (πίνακας ('type' => 'μηνιαία', 'format' => 'επιλογή', 'show_post_count' => 1)); ?> </ select>

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

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

Για να πάρουμε την πρώτη θέση του blog - γενικά με ID = 1, γράφουμε στην πρώτη παράγραφο το echo formatPostDate (1, '% B% e,% Y'): ο κώδικας αυτός χρησιμοποιεί τη λειτουργία formatPostDate και παίρνει ως παραμέτρους το post ID #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" επειδή δεν προσθέσατε ένα όνομα $ argument. Αυτή είναι η προεπιλεγμένη χρήση. Όταν προσθέτετε ένα "-name" μετά την "sidebar * .php", μπορείτε να καλέσετε αυτό το όνομα addon με το όνομα $ 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 δημοσίευση σύντομα.