Cum se afișează mesajele recomandate cu miniaturi în WordPress

Există numeroase moduri partajate pe web pentru a afișa Mesaje recomandate. Dar aproape toate funcțiile și pluginurile nu au nimic. În acest tutorial, vom împărtăși o funcție care va permite utilizatorilor să selecteze anumite ID-uri Post și să le afișeze ca postări recomandate cu miniaturi utilizând funcția WordPress Post Thumbnail adăugată în WordPress 2.9. Acest mod vă permite să evitați să utilizați mesajele Sticky care uneori pot fi necesare din cauza altor funcții dintr-un proiect personalizat.

Notă: Acesta este un tutorial Multi-Part, așa că vă recomandăm să aveți cunoștințe despre WordPress, PHP, HTML și CSS.

Am modificat listele de recomandări ale pluginurilor de la San din W3C Gallery. Chiar dacă San a creat o versiune avansată a plugin-ului său pentru a afișa imagini, acesta necesită un câmp personalizat. În felul acesta veți folosi funcția Post Thumbnail în 2.9.

Produs final

Modificat Plugin

Mai întâi va trebui să lipiți codul de mai jos functions.php fişier SAU într-un fișier separat și încărcați-l ca plugin.

bara(); ?>        "); $ ol_flash ="; $ posts_settings = get_option ('posts_settings'); // Funcția ADMIN PANLE SEETTING posts_add_pages () // Adăugați un nou meniu în fila Setări sau Opțiuni: add_options_page ("Lista de posturi recomandate", "Lista de posturi recomandate", 8, "postsoptions", "posts_options_page");  / * Definiți constantele și variabilele * / define ('PLUGIN_URI', get_option ('siteurl'). / Wp-content / plugins / '); / * Funcții * / funcții posts_options_page () global $ ol_flash, $ posts_settings, $ _POST, $ wp_rewrite; dacă isset ($ _ POST ['posts_id'])) $ posts_settings ['posts_id'] = $ _POST ['posts_id']; update_option ( 'posts_settings', $ posts_settings); $ ol_flash = "Lista ta recomandată a fost salvată.";  dacă ($ ol_flash! = ") echo '
". $ ol_flash. '
„; echo "; echo "
Adăugați ID de postări pentru a crea lista de articole recomandate
„; echo "
 
Acest plugin oferă libertatea deplină de a afișa mai multe postări ca listă de articole recomandate pe site-ul dvs..
 
ID-ul postului:
 
SAN Sugestie: Pentru a adăuga ID-urile mai multor mesaje utilizați "," pentru a exemplifica: "1, 2, 3" 
 
„; echo " 
Inserați acest cod în locul în care doriți să afișați lista de posturi recomandate  
 Sau puteți trece variabila înainte și după această setare implicită ", $ după = ")?>
 „; echo ";  add_action ('admin_menu', 'posts_add_pages'); ?>

Odată ce ați făcut acest lucru, puteți să-l afișați prin adăugarea codului oriunde în fișierul dvs. de șablon:

CSS personalizat

Folosim clase CSS personalizate, astfel încât să aveți nevoie și de ele. Inserați următorul cod în fișierul dvs. stil.css.

.popcontainer border-bottom: 1px solid # D0CDC5; lățime: 274px; plutește la stânga; umplutura: 0 0 15px 0; marcă: 0 0 15px 0;  .popthumb width: 60px; plutește la stânga; fundal: # D0CDC5; padding: 5px; margine: 0 10px 0 0;  .popcontent width: 185px; plutește la stânga;  .popcontent h2 font-size: 13px; marcă: 0 0 3px 0; umplutura: 0;  .popcontent h2 a text-decoration: nimic; 

Opțiuni avansate

Codul de mai sus va trage thumbnail-ul dvs. implicit și îl va afișa cu titlul postului și data publicării postului. Singura problemă este că dacă doriți să utilizați o altă dimensiune a miniaturii. Tema dvs. ar putea să utilizeze funcția de miniatură în altă parte, astfel încât să nu puteți utiliza două dimensiuni diferite cu codurile curente. Deci, va trebui să-l modificați puțin și să adăugați o dimensiune nouă a imaginii.

Deschideți funcțiile.php și găsiți codurile miniatură și adăugați următorul cod:

add_theme_support ("post-miniaturi"); set_post_thumbnail_size (150, 150, true); // miniaturi post normale add_image_size ('featured-thumbnail', 60, 60); // Mărimea miniaturilor recomandate

Acum găsiți următoarea linie în pluginul de mai sus:

și înlocuiți-l cu:

Acest lucru vă va permite să aveți două dimensiuni diferite.

O altă problemă cunoscută ar fi dacă thumbnail-ul dvs. nu este proporțional, ar determina afișarea unei imagini mai mici decât 60 x 60px, deoarece WordPress nu are capacitatea de decupare. Pentru a evita utilizarea Plugin-ului de dimensiuni suplimentare, care are capacitatea de a fi recoltat. Denumiți dimensiunea imaginii personalizate ca miniatură prezentată și utilizați același cod ca mai sus pentru a înlocui codul original.

Singurul motiv pentru care am folosit această metodă a fost că am folosit postări Sticky pentru a afișa o altă listă. Puteți realiza acest lucru și utilizând postări lipicioase. Pentru trucul de miniaturi, am ales pluginul Sisteme suplimentare de imagini, deoarece dorim să evităm utilizarea TimThumb JavaScript și să menținem un site de încărcare rapidă.

Dacă aveți soluții suplimentare la această problemă, vă rugăm să o partajați cu noi în comentarii.