Πώς να προσθέσετε WordPress Σχετικές Θέσεις Χωρίς Plugins

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

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

Μερικές από τις πιο δημοφιλείς κατηγορίες του plugin για το WordPress βασίζονται στην προσθήκη “σχετικές αναρτήσεις” σε ένα blog. Δεδομένου ότι το WordPress δεν έχει τίποτα τυποποιημένο για αυτό, όλοι πρέπει να χρησιμοποιήσουν κάποιο είδος plugin για να εμφανίσουν σχετικές αναρτήσεις στον ιστότοπό τους.

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

Αλλά πρώτα, γιατί να αποφύγετε τα plugins?

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

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

Ξεκινώντας: σχετικές αναρτήσεις με μικρογραφίες

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

Μικρογραφίες

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

 add_theme_support ('μετα-μικρογραφίες'); 

Μπορείτε επίσης να ορίσετε το πλάτος και το ύψος των μικρογραφιών προσθέτοντας μια άλλη γραμμή στον κώδικα:

 add_theme_support ('μετα-μικρογραφίες'); set_post_thumbnail_size (100, 50, αληθές); 

Σπουδαίος: Κατά την προσθήκη εικόνων σε αναρτήσεις, για να δημιουργήσετε μια μικρογραφία, πρέπει να επιλέξετε στον πίνακα μεταφόρτωσης εικόνων “Χρήση ως εικονιζόμενη εικόνα”. Αυτό θα δημιουργήσει τη μικρογραφία για την ανάρτηση.

Ο κώδικας

 
 
Σχετικές αναρτήσεις
 ΤΑΥΤΟΤΗΤΑ); αν ($ tags) $ tag_ids = array (); foreach ($ ετικέτες ως $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, . $ my_query = νέο wp_query ($ args); ενώ ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Το κομμάτι του κώδικα the_post_thumbnail (πίνακας (150,100) ορίζει το μέγεθος της μικρογραφίας που θα εμφανιστεί, σε αυτή την περίπτωση πλάτος 150px, ύψος 100px.

Το CSS

Έχουμε δύο μαθήματα div εδώ, “.σχετικές αναρτήσεις”, που είναι το συνολικό δοχείο div, και “.relatedthumb” η οποία είναι η μεμονωμένη μικρογραφία και σύνδεσμος μέσα στα .relatedposts. Υποθέτουμε ότι το πλάτος της ανάρτησης είναι το τυπικό 640px. Το CSS:

 .relatedposts width: 640px; περιθώριο: 0 0 20px 0; float: αριστερά. μέγεθος γραμματοσειράς: 12px; .relatedposts h3 font-size: 20px; περιθώριο: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; float: αριστερά.  .relatedthumb img margin: 0 0 3px 0; padding: 0; .σχετικά με το α χρώμα: # 333; κείμενο-διακόσμηση: κανένα? εμφάνιση: μπλοκ? padding: 4px; πλάτος: 150px; .relatedthumb α: αιώρηση background-color: #ddd; χρώμα: # 000; 

Το CSS παραπάνω θα κάνει τις μικρογραφίες των θέσεων με πλάτος 150px, πράγμα που σημαίνει ότι θα χρειαστούμε 4 μικρογραφίες για να γεμίσετε το πλάτος της δημοσίευσης 640px (συμπεριλαμβανομένου του περιθωρίου μεταξύ τους). Μπορείτε να ρυθμίσετε αυτό όπως θέλετε. εάν θέλετε 5 μικρογραφίες, θα χρειαστείτε ένα σχετικό πλάτος περίπου 125px.

Σπουδαίος: Βεβαιωθείτε ότι έχετε ρυθμίσει το πλάτος των μικρογραφιών που δημιουργούνται στις ρυθμίσεις μέσων WordPress ώστε να ταιριάζουν με αυτά που ορίσατε στο CSS. Επιπλέον, πρέπει να ταιριάζει με το μέγεθος που καθορίζεται στον κώδικα php: the_post_thumbnail (πίνακας (150,100).

Παράδειγμα

Οι σχετικές δημοσιεύσεις θα πρέπει να εμφανίζονται κάτι σαν αυτό, όπως χρησιμοποιείται από το blog DigitalBattle (το οποίο χρησιμοποιεί την ακριβή τεχνική που περιγράφεται σε αυτό το άρθρο):

Παρόμοιες τεχνικές

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

]
• Σχετικές αναρτήσεις w / thumbnails στο WordPress χωρίς plugin (TechWalz)
• Πώς να: σχετικές αναρτήσεις με μικρογραφίες στο WordPress χωρίς plugins (WPBeginner)
• Πώς να προσθέσετε σχετικές αναρτήσεις με μικρογραφία χωρίς plugin (WPCode)

Συμπεράσματα

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