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

Εάν κάνετε συχνά περιήγηση στο Web, θα παρατηρήσετε ότι πολλά blogs εμφανίζουν μικρογραφίες εικόνων για την ενότητα "Σχετικές αναρτήσεις", όπως ακριβώς κάναμε στο Make Tech Easier. Στο WordPress, υπάρχουν διάφοροι τρόποι για να γίνει αυτό. Ας το ελέγξουμε.

Χρησιμοποιώντας μια προσθήκη

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

Πηγαίνετε στο LinkWithin. Συμπληρώστε τις λεπτομέρειες στην πρώτη σελίδα.

Κάντε κλικ στο στοιχείο Get Widget . Στη συνέχεια, θα κατευθυνθείτε σε μια σελίδα όπου μπορείτε να κατεβάσετε το plugin.

Εγκαταστήστε και ενεργοποιήστε την προσθήκη. Η ανάρτηση που σχετίζεται με μικρογραφίες θα εμφανιστεί αμέσως στο ιστολόγιό σας.

Όσο καλύτερο μπορεί να πάρει, υπάρχουν ορισμένα μειονεκτήματα και περιορισμός της χρήσης του LinkWithin.

  1. υπάρχει περιορισμένος έλεγχος για τον τελικό χρήστη: δεν μπορείτε να διαμορφώσετε ποια μικρογραφία εικόνας θα εμφανίζεται για κάθε ανάρτηση.
  2. δεν μπορείτε να προσαρμόσετε το μέγεθος και το στυλ του γραφικού στοιχείου.
  3. δεν μπορείτε να ορίσετε τη θέση του widget για εμφάνιση. Η προεπιλογή είναι να εμφανιστεί αμέσως μετά την ολοκλήρωση του περιεχομένου της ανάρτησης, αλλά υπάρχουν στιγμές όπου θέλετε να εισαγάγετε πληροφορίες συγγραφέα ή διαφημίσεις πρώτα πριν από τη σχετική ανάρτηση. σε αυτή την περίπτωση, αυτό δεν είναι βολικό.

Hacking του αρχείου θεμάτων WP

Ο καλύτερος τρόπος για να προσαρμόσετε πλήρως την εμπειρία του χρήστη είναι να μεταβείτε στο αρχείο θέματος και να κάνετε κάποια hacking. Αυτό θα απαιτήσει κάποια εμπειρία κωδικοποίησης.

Αρχικά, χρησιμοποιώντας τις οδηγίες εδώ, ενεργοποιήστε τη λειτουργία μικρογραφίας μετά (ισχύει μόνο για WP 2.9 και παραπάνω).

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

Στον φάκελο του plugin YARPP, μεταβείτε στο φάκελο yarpp-templates και αντιγράψτε το αρχείο "yarpp-template-thumbnail.php" στο φάκελο θεμάτων.

Στη συνέχεια στη σελίδα επιλογών WordPress YARPP:

  • καταργήστε την επιλογή " Αυτόματα εμφανισμένες σχετικές δημοσιεύσεις; "
  • επιλέξτε τον αριθμό των σχετικών αναρτήσεων που θέλετε να εμφανίζονται
  • επιλέξτε το πρότυπο yarpp-thumbnail.php από την αναπτυσσόμενη λίστα αρχείου προτύπων.

Ανοίξτε το "yarpp-template-thumbnail.php" σε ένα πρόγραμμα επεξεργασίας κειμένου. Αντικαταστήστε τον κώδικα με τα ακόλουθα.

Σχετικές φωτογραφίες 
 have_posts ()):?> 
     have_posts ()): $ related_query-> the_post (); ?> 
Δεν υπάρχουν σχετικές φωτογραφίες.

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

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

Τέλος, πρέπει να κάνουμε κάποιο στυλ. Αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα στυλ στο αρχείο style.css .

.linked_posts ul {πλάτος: 100%; λίστας-style: κανένας; περιθώριο: 0; padding: 0; } .related_posts li {εμφάνιση: inline; float: αριστερά. περιθώριο: 0; padding-left: 0; padding-right: 10px; πλάτος: 140px; / * αλλάξτε αυτήν την τιμή ανάλογα με το πρότυπο σας * /} .σχετικά με το {width: 140px; / * αλλάξτε αυτήν την τιμή ανάλογα με το πρότυπο σας * / text-align: left; μέγεθος γραμματοσειράς: 0.85em; padding-top: 5px; } .related_thumbnail {width: 140px; / * αλλάξτε αυτή την τιμή ανάλογα με το μέγεθος της μικρογραφίας σας * / height: 80px; υπερχείλιση: κρυφή; κείμενο-ευθυγράμμιση: κέντρο; }}

Αυτό είναι.

Image credit: wuzhao.album