Delen:
Hoe geparkeerde berichten met miniaturen in WordPress worden weergegeven
Er zijn verschillende manieren om op het web te delen om Featured Posts te tonen. Maar bijna alle functies en plug-ins missen iets. In deze zelfstudie delen we een functie waarmee gebruikers specifieke post-ID's kunnen selecteren en deze als aanbevolen berichten met miniaturen kunnen weergeven door gebruik te maken van de WordPress Post Thumbnail-functie die is toegevoegd in WordPress 2.9. Op deze manier kunt u voorkomen dat Sticky-berichten worden gebruikt die soms nodig zijn vanwege andere functies in een aangepast project.
Opmerking: dit is een tutorial met meerdere delen, dus we raden u aan enige kennis van WordPress, PHP, HTML en CSS te hebben.
We hebben de plug-in Featured Posts Lists van San of W3C Gallery aangepast. Hoewel San een geavanceerde versie van zijn plug-in heeft gemaakt om afbeeldingen weer te geven, heeft deze een aangepast veld nodig. Op deze manier gebruik je de functie Post Thumbnail in 2.9.
Eindproduct
Aangepaste plug-in
Eerst moet je de onderstaande code in je plakken functions.php het dossier OF in een apart bestand en upload het als een plug-in.
de post(); ?> "); $ ol_flash ="; $ posts_settings = get_option ('posts_settings'); // ADMIN PANLE SEETTING-functie posts_add_pages () // Voeg een nieuw menu toe in het tabblad Instellingen of Opties: add_options_page ('Lijst met aanbevolen berichten', 'Lijst met aanbevolen berichten', 8, 'berichtenopties', 'posts_options_page'); / * Definieer Constanten en variabelen * / define ('PLUGIN_URI', get_option ('siteurl'). '/ Wp-content / plugins /'); / * Functies * / function posts_options_page () global $ ol_flash, $ posts_settings, $ _POST, $ wp_rewrite; if (isset ($ _ POST ['posts_id'])) $ posts_settings ['posts_id'] = $ _POST ['posts_id']; update_option ( 'posts_settings', $ posts_settings); $ ol_flash = "Uw uitgelichte lijst is opgeslagen."; if ($ ol_flash! = ") echo ''. $ ol_flash. '
'; echo ''; echo 'Voeg een berichten-ID toe om een lijst met aanbevolen berichten te maken
'; echo '| Deze plug-in geeft volledige vrijheid om meerdere posts als Featured Posts List op uw site weer te geven. | |
| Bericht ID: | |
| SAN-tip: om meerdere post-ID's toe te voegen, gebruikt u "," voor meer informatie: "1, 2, 3" | |
Plak deze code in de plaats waar u de lijst met aanbevolen posts wilt weergeven
Of u kunt variabele voor en na doorgeven zoals deze standaardinstelling ", $ na = ")?>
Zodra je dat hebt gedaan, kun je het weergeven door de code overal in je sjabloonbestand te plakken:
Aangepaste CSS
We gebruiken aangepaste CSS-klassen, dus je hebt ze ook nodig. Plak de volgende code in uw style.css-bestand.
.popcontainer border-bottom: 1px solid # D0CDC5; breedte: 274px; zweven: links; opvulling: 0 0 15px 0; marge: 0 0 15 px 0; .popthumb width: 60px; zweven: links; achtergrond: # D0CDC5; opvulling: 5px; marge: 0 10px 0 0; .popcontent width: 185px; zweven: links; .popcontent h2 font-size: 13px; marge: 0 0 3px 0; opvulling: 0; .popcontent h2 a text-decoration: none;
Geavanceerde opties
De bovenstaande code haalt uw standaardminiatuur tevoorschijn en geeft deze weer met de titel van het bericht en de datum waarop het bericht is gepubliceerd. Het enige probleem is dat je een ander miniatuurformaat wilt gebruiken. Uw thema kan de miniatuurfunctie elders gebruiken, dus u kunt niet twee verschillende formaten gebruiken met de huidige codes. Dus je zult het een beetje moeten aanpassen en een nieuw beeldformaat toevoegen.
Open uw functions.php en vind de miniaturen en voeg de volgende code toe:
add_theme_support ('post-thumbnails'); set_post_thumbnail_size (150, 150, true); // Normale berichtminiatuurlijsten add_image_size ('featured-thumbnail', 60, 60); // Aanbevolen miniatuurformaat Zoek nu de volgende regel in de plug-in hierboven:
en vervang het door:
Dit zou u toelaten om twee verschillende maten te hebben.
Een ander bekend probleem zou zijn dat uw thumbnail niet proportioneel is, maar een kleiner beeld zou weergeven in plaats van 60 x 60px omdat WordPress niet beschikt over de mogelijkheid tot bijsnijden. Om dit te voorkomen, kunt u de plug-in Additionele afbeeldingsformaten gebruiken, die de mogelijkheid heeft om bij te snijden. Geef de aangepaste afbeeldingsgrootte een naam als aanbevolen miniatuur en gebruik dezelfde code als hierboven om de originele code te vervangen.
De enige reden waarom we deze methode gebruikten, was omdat we Sticky-berichten gebruikten om een andere lijst weer te geven. Je kunt dit ook bereiken met behulp van plakkerige berichten. Voor de thumbnail-truc hebben we de plug-in Additional Image Sizes gekozen omdat we willen voorkomen dat we TimThumb JavaScript gebruiken en een snelle laadsite onderhouden.
Als u aanvullende oplossingen voor dit probleem heeft, deel deze dan met ons in de opmerkingen.