Så här visar du utvalda inlägg med miniatyrbilder i WordPress

Det finns många sätt som delas på webben för att visa aktuella inlägg. Men nästan alla funktioner och plugins saknar något. I den här handledningen delar vi en funktion som gör att användarna kan välja specifika post-ID och visa dem som utvalda inlägg med miniatyrbilder genom att använda funktionen WordPress Post Thumbnail som lagts till i WordPress 2.9. På så sätt kan du undvika att använda klibbiga inlägg som ibland kan vara nödvändiga på grund av andra funktioner i ett anpassat projekt.

Obs! Det här är en handledning för flera delar, så vi rekommenderar att du har viss kunskap om WordPress, PHP, HTML och CSS.

Vi modifierade pluginprogrammet Utvalda inläggslistor av San of W3C Gallery. Trots att San har skapat en avancerad version av plugin-programmet för att visa bilder kräver det ett anpassat fält. På det här sättet använder du bara Post Thumbnail-funktionen i 2.9.

Slutprodukt

Ändrad plugin

Först måste du klistra in koden nedan i din functions.php fil ELLER i en separat fil och ladda upp den som ett plugin.

stolpen(); ?>        "); $ ol_flash ="; $ posts_settings = get_option ('posts_settings'); // ADMIN PANLE SEETTING funktion posts_add_pages () // Lägg till ny meny i Inställning eller Alternativ flik: add_options_page ("Featured Posts List", "Featured Posts List", 8, "postsoptions", "posts_options_page");  / * Definiera konstanter och variabler * / define ('PLUGIN_URI', get_option ('siteurl'). '/ Wp-content / plugins /'); / * Funktioner * / funktion posts_options_page () global $ ol_flash, $ posts_settings, $ _POST, $ wp_rewrite; om (isset ($ _ POST ['posts_id'])) $ posts_settings ['posts_id'] = $ _POST ['posts_id']; update_option ( 'posts_settings', $ posts_settings); $ ol_flash = "Din listade lista har sparats.";  om ($ ol_flash! = ") echo '
'. $ ol_flash. '
'; eko "; eko "
Lägg till inlägg ID för att skapa aktuell inläggslista
'; eko "
 
Denna plugin ger fullständig frihet att visa flera inlägg som Utvalda postlista på din webbplats.
 
Post-ID:
 
SAN-tips: För att lägga till flera post-ID använder du "," för exmple: "1, 2, 3" 
 
'; eko " 
Klistra in den här koden i var du vill att den ska visa den inriktade listan över inlägg  
 Eller du kan skicka variabel före och efter som den här standardinställningen ", $ efter = ")?>
 '; eko ";  add_action ('admin_menu', 'posts_add_pages'); ?>

När du har gjort det då kan du visa det genom att klistra in koden var som helst i din mallfil:

Anpassad CSS

Vi använder anpassade CSS-klasser, så du behöver dem också. Klistra in följande kod i din style.css-fil.

.popcontainer border-bottom: 1px solid # D0CDC5; bredd: 274px; flyta till vänster; vaddering: 0 0 15px 0; marginal: 0 0 15px 0;  .pofthumb bredd: 60px; flyta till vänster; bakgrund: # D0CDC5; vaddering: 5px; marginal: 0 10px 0 0;  .popcontent bredd: 185px; flyta till vänster;  .popcontent h2 font-size: 13px; marginal: 0 0 3px 0; vaddering: 0;  .popcontent h2 a text-decoration: none; 

Avancerade alternativ

Ovanstående kod kommer att dra din standard miniatyrbild och visa den med posttitel och det datum som posten publicerades. Det enda problemet är att om du vill använda en annan miniatyrbild. Ditt tema kan använda miniatyrfunktionen någon annanstans, så du kan inte använda två olika storlekar med aktuella koder. Så du måste tweak det lite och lägga till en ny bildstorlek.

Öppna dina functions.php och hitta miniatyrkoderna och lägg till följande kod:

add_theme_support ("post-miniatyrer"); set_post_thumbnail_size (150, 150, true); // Normal post thumbnails add_image_size ('featured-thumbnail', 60, 60); // Utvalda miniatyrstorlek

Hitta nu följande rad i plugin ovan:

och ersätt det med:

Det här låter dig ha två olika storlekar.

En annan känd problem är om din miniatyrbild inte är proportionell, det skulle orsaka att en mindre bild visas i stället för 60 x 60px eftersom WordPress inte har beskärningsförmågan. För att undvika det kan du använda ytterligare bildstorlekar plugin som har möjlighet att grödas. Namn den anpassade bildstorleken som den visas-miniatyrbild och använd samma kod som ovan för att ersätta originalkoden.

Den enda anledningen till att vi använde den här metoden var att vi använde klibbiga inlägg för att visa en annan lista. Du kan också uppnå detta genom att använda klibbiga inlägg. För miniatyrbilderna valde vi plugin för ytterligare bildstorlekar eftersom vi vill undvika att använda TimThumb JavaScript och behålla en snabblastningsplats.

Om du har ytterligare lösningar på det här problemet, snälla dela det med oss ​​i kommentarerna.