hoe te wijzigen aanbevolen afbeeldingen in WordPress

afbeeldingen zijn essentiële onderdelen van elke website. Voordat je begint het belang van afbeeldingen in twijfel te trekken, probeer je je favoriete blog of website voor te stellen zonder een. Zou u zo veel geïnteresseerd in het lezen over technologie, auto ‘ s, voedsel, of mode en make-up als de website bevatte geen beelden?

toen de eerste websites online gingen, konden afbeeldingen geen belangrijke rol spelen in hun bestaan. Internetverbindingen waren te traag en niemand kon tientallen foto ‘ s per pagina laden. Gelukkig zijn de dingen veranderd, en nu kunnen we niet leven zonder online media. Hetzelfde principe kan van toepassing zijn op een persoonlijke blog of uw website. In de moderne wereld, je kunt gewoon niet een blog site zonder foto ‘ s. Ze zijn veel belangrijker dan je je kunt voorstellen.

Wat is een aanbevolen afbeelding in WordPress

hoewel een aanbevolen afbeelding gewoon een ander mediabestand is dat u kunt toevoegen aan WordPress, verdient het een speciale behandeling. Dit soort foto kan u helpen de aandacht van uw bezoekers te trekken. Het wordt gebruikt om mensen te verleiden tot het lezen van uw verhalen, het stimuleren van de visuele kwaliteit van uw blog, en het speelt zelfs een opmerkelijke rol in het delen van sociale media. Dus, verwaarlozing niet het belang van een aanbevolen beeld.

aanbevolen afbeeldingen worden gecontroleerd door WordPress thema ‘ s.

niet zo lang geleden, veel WordPress thema ‘ s hebben geen ondersteuning voor hen. Alleen de meest zorgvuldige ontwikkelaars waren zo vriendelijk om featured afbeeldingen in hun thema ‘ s te introduceren, terwijl alle anderen de functie zelf moesten coderen. Gelukkig zijn de tijden veranderd, en nu zijn de meeste thema ‘ s helemaal klaar voor Aanbevolen afbeeldingen.

waar verschijnen de uitgelichte afbeeldingen op uw site?

meestal vindt een aanbevolen afbeelding in WordPress zijn plaats onder de schijnwerpers van uw homepage. Ze worden gebruikt als miniaturen die de hele post vertegenwoordigen. Vaker wel dan niet, dezelfde post thumbnail (dat is ook een andere naam voor een aanbevolen afbeelding) links direct naar die post. Door het selecteren van een aanbevolen afbeelding voor een bericht, kunt u de hele toon van uw verhaal. Hoewel een goede foto een bezoeker kan verleiden tot het lezen van de hele post, kan een slechte een gemiddelde lezer gemakkelijk afstoten.

WordPress featured images on the front page

ook verschijnen dezelfde featured images meestal bovenop de afzonderlijke berichten, pagina ‘ s en aangepaste berichttypen in WordPress. Afhankelijk van het thema dat u gebruikt, een aanbevolen afbeelding kan net boven of onder de titel verschijnen. Het kan komen in verschillende dimensies; het hangt allemaal af van een thema ontwikkelaar die werkte aan de details.

nogmaals, afhankelijk van het thema, kunnen uitgelichte afbeeldingen elders worden gebruikt. Als u bijvoorbeeld een widget toevoegt om de meest recente berichten weer te geven, kunnen postminiaturen worden gebruikt om meer stijl toe te voegen aan de widget en om meer aandacht te krijgen van uw bezoekers.

Sommige thema ’s tonen zelfs de afbeeldingen in de WordPress admin pagina’ s, direct naast hun toegewezen berichten.

How to add a featured image

toen we u door het toevoegen van uw eerste bericht in WordPress liepen, noemden we ook het tabblad featured image dat zich aan de rechterkant van het scherm bevindt. Slechts in het geval u niet kunt vinden op het tabblad, u dient uw scherm opties:

  1. Voeg een nieuwe post of bewerken van een bestaande
  2. Ga helemaal omhoog
  3. Klik op het Scherm “Opties” knop in de rechter bovenhoek
  4. Zorg ervoor dat de “Featured Image” vakje is aangevinkt
WordPress Scherm Opties post editor

Op een nieuwe WordPress site, de aanbevolen tabblad afbeelding zal worden gevestigd aan de onderkant van de zijbalk aan de rechterkant. Controleer of je die hebt, en jezelf voor te bereiden op het toevoegen van uw eerste post thumbnail:

  1. Klik op de “Set featured image” link in de “Featured Image” doos
  2. Een nieuw venster zal openen de Media Bibliotheek
  3. Selecteer de afbeelding die u hebt of upload een nieuwe uit de computer
  4. Als u kiest voor de afbeelding, klik op de “Set featured image” knop
WordPress featured image

Dit is het! U kunt nu de preview van een foto rechts in de aanbevolen afbeelding doos. Als u wilt zien hoe het eruit ziet in de post, kunt u snel naar boven scrollen en op de knop “Preview” klikken.

Sleep&Drop aanbevolen afbeelding plugin

Prijs: Gratis

sleep en Drop aanbevolen afbeelding in WordPress

als u afbeeldingen naar uw WordPress mediabibliotheek wilt slepen en neerzetten, moet u overwegen deze gratis plugin toe te voegen aan de lijst met actieve plugins op uw site. Gewoon door het installeren van Drag&Drop Featured Image plugin, zal de reguliere link voor het toevoegen van thumbnail bericht veranderen. In plaats van op de link te klikken en vervolgens een nieuwe afbeelding te uploaden, kunt u de afbeelding rechtstreeks naar de plek slepen en neerzetten.

een postminiatuur verwijderen of vervangen

soms wilt u een postminiatuur verwijderen of vervangen. Of u nu een betere foto hebt gevonden of gemaakt, of er was een probleem met de eerste, het duurt slechts een paar klikken om de wijziging te maken:

  1. klik op de link “remove featured image ” in het vak” Featured Image ” onder de thumbnail
  2. Als u een nieuwe afbeelding wilt instellen, herhaal dan de stappen voor het toevoegen van een nieuwe featured image

wat als uw thema niet de optie heeft?

hoewel de meeste thema ‘ s vandaag klaar zijn voor uitgelichte afbeeldingen, zijn er nog steeds enkele die de functie niet gebruiken. Om het element handmatig toe te voegen, zou je nodig hebt om een aantal basiskennis van WordPress ontwikkeling hebben. Gelukkig kun je daar omheen en de code vergeten. We zullen u een aantal WordPress plugins die snel zal introduceren post thumbnails om uw thema te laten zien. Met deze extensies, kunt u zelfs laten WordPress automatisch omgaan met aanbevolen afbeeldingen.

Dynamic Featured Image plugin

Prijs: Gratis

Dynamic Featured Image

het feit dat deze gratis plugin meer dan 70.000 actieve gebruikers telt, vertelt u dat er nog steeds heel veel actieve gebruikers zijn van thema ‘ s die extra zorg over post thumbnails nodig. Dynamic Featured Image kunt u meerdere afbeeldingen toe te voegen, zodat u niet hoeft af te hangen van alleen die ene die meestal beschikbaar is. Zonder de code aan te raken, zal de plugin geselecteerde foto ‘ s voorbereiden en andere themafuncties toestaan om ze te openen wanneer dat nodig is. Je kunt gewoon ontspannen, daar hoef je niets aan te doen.

de plug-in is een uitstekende keuze wanneer u met andere plug-ins werkt die afbeeldingen en schuifregelaars nodig hebben die deze aan uw gebruikers weergeven. Er is zelfs een premium versie die verschillende functies toevoegt.

quick Featured Images plugin

Prijs: Gratis

Quick Featured Images

vanaf het moment dat u deze plugin installeert, kan alles werken op de automatische piloot. Quick Featured Afbeeldingen laat u een standaard featured afbeelding in te stellen. Dus, wanneer je vergeet om een in te stellen, de plugin zal de standaard miniatuur te gebruiken. Het kan ook afbeeldingen vervangen of verwijderen uit een willekeurig aantal geselecteerde berichten in een keer.

bovendien voegt deze gratis plugin een afbeelding toe in een sorteerbare afbeeldingskolom in lijsten met berichten, pagina ‘ s en aangepaste berichttypen. Er zijn ook verschillende filters en regels waarmee u de manier waarop uw site handvatten post miniaturen aan te passen.

the guide to featured image size – How to change it in WordPress

In een moderne online wereld bestaat alles uit mediabestanden. Hoewel video ‘ s het Internet zijn gaan overnemen, zijn afbeeldingen nog steeds een essentieel onderdeel waar je niet zonder kunt. Welke site je ook opent, er moeten minstens een paar foto ‘ s aan vastzitten. Mediabestanden verrijken berichten en homepages, en je zult jezelf herinneren aan het belang van mediabestanden wanneer je struikelt over een site zonder een. U kunt zelfs kijken voor gratis beelden zelf. Zodra u ze toe te voegen aan uw blog zullen ze de hele blog kijken levendiger en aantrekkelijk voor een gemiddelde bezoeker.

the guide to featured image size

meestal worden featured images bestuurd door het thema. Of je gaat om een te hebben, hoeveel grootte opties krijgt u en waar het gaat verschijnen, hangt volledig af van uw thema ontwikkelaar. Helaas hebben niet alle ontwikkelaars de neiging om aanbevolen afbeeldingen genoeg aandacht te geven. Zo, in sommige gevallen, moet u aanpassingen aan de aanbevolen afbeeldingsgrootte te maken. In andere gevallen hebt u een extra dimensie nodig om een plugin, nieuwe widget of een ander gebied van uw site aan te passen.

terwijl het registreren van nieuwe afbeeldingsformaten een fluitje van een cent is voor een WordPress ontwikkelaar, kan het een nachtmerrie zijn voor een niet-coder. Dus, in dit deel, gaan we je geen codefragmenten laten zien. In plaats daarvan zullen we u laten zien hoe basisinstellingen werken, en hoe u de functionaliteit van aanbevolen afbeeldingen uit te breiden door middel van een Gratis WordPress plugin.

Basic image settings

om te beginnen moet u weten dat WordPress u toestaat om een paar basic media settings te wijzigen die van invloed zijn op alle nieuwe images die u uploadt naar de site. Standaard werkt elke WordPress installatie met slechts vier beeldformaten:

  • De Oorspronkelijke grootte
  • Miniatuur
  • Medium
  • Groot
Basic image settings

zodra u een nieuwe afbeelding uploadt, zal wordpress het originele bestand zonder wijzigingen opslaan. Na de gegevensoverdracht, het systeem zal dat originele bestand te nemen en maken alle extra dimensies die u hebt ingesteld in de Media-instellingen. Het kan ook een paar extra maten die zijn geregistreerd door het thema dat u gebruikt, die niet zichtbaar in de media-instellingen zijn.

om toegang te krijgen tot de Media-instellingen, ga naar Instellingen – > Media

de miniatuurafbeelding is enigszins uniek. Het is kwadraat, en ongeacht de dimensie die u hebt ingesteld, zal WordPress centreren op het gedeelte van de foto en bijsnijden om de benodigde afmetingen te krijgen. Sommige thema ‘ s kunnen deze preset gebruiken als een aanbevolen afbeelding.

als het gaat om middelgrote en grote maten, WordPress werkt een beetje anders. U kunt de maximale breedte en hoogte opgeven, en het systeem zal de afbeelding naar beneden schalen volgens deze instellingen, zodat het niet wordt bijgesneden. Dit zijn meestal afbeeldingen die u binnen berichten en pagina ‘ s zal gebruiken.

waarom genereert WordPress extra groottes?

als WordPress geen extra afbeeldingsgroottes genereert, moet u deze handmatig aanmaken. Het alternatief zou zijn met dezelfde afbeeldingsgrootte in uw site of ontwerpers zou veel harder moeten werken om de afmetingen van elk beeld door de code in te stellen. Deze optie zou het ook veel moeilijker maken om aan te passen.

stel je voor hoeveel tijd je nodig hebt om elk bestand in een foto-editor te openen, een aangepaste dimensie in te stellen en vervolgens te uploaden naar WordPress?

weet u dat WordPress thema ‘ s dezelfde afbeelding kunnen gebruiken in verschillende dimensies, afhankelijk van de locatie? Dat zou betekenen het genereren van meerdere beeldbestanden elke keer dat je op het punt om een nieuwe afbeelding te uploaden! Daar heeft niemand tijd voor.

wijzig aanbevolen afbeeldingsgrootte

uiteraard gebruiken niet alle WordPress thema ‘ s dezelfde aanbevolen afbeeldingsgrootte. Dus, bij het schakelen tussen thema ‘ s of gewoon wanneer u wilt een aan te passen aan uw behoeften en likings, wilt u misschien de aanbevolen afbeeldingsgrootte aan te passen.

wijzig aanbevolen afbeeldingsgrootte in WordPress

misschien zal een kleiner formaat er beter uitzien en de titel accentueren? Misschien wilt u uw aanbevolen afbeelding om breder te zijn? Gelukkig, wat de reden voor het veranderen van de aanbevolen afbeeldingsgrootte, je hoeft niet om het even wat te coderen op uw eigen. We staan op het punt om u te laten zien een fantastische gratis plugin die u zal helpen.

Controleer uw thema-instellingen

voordat u extra plug-ins installeert, moet u uw thema-instellingen grondig controleren. In de afgelopen jaren, thema-ontwikkelaars zijn het toestaan van wijzigingen van vele thema-functies. Dus, afhankelijk van een thema dat je hebt, is er een kans voor het vinden van een aanbevolen beeldformaat optie recht in het thema-instellingen.

Ga naar Uiterlijk – > thema ‘ s -> aanpassen en zoeken naar de opties. Ook zullen sommige thema ‘ s extra instellingen die meestal kunnen worden gevonden in het menu uiterlijk hebben. Als je er een kunt vinden, heb je geluk omdat je de aanbevolen afbeeldingsgrootte in slechts een paar klikken kunt wijzigen. Zo niet, maak je geen zorgen; de volgende plugin zal nog steeds meer dan eenvoudig genoeg om de nodige wijzigingen aan te brengen.

eenvoudige afbeeldingsgroottes

Prijs: Gratis

eenvoudige afbeeldingsgroottes

wanneer u eenvoudige afbeeldingsgroottes installeert, worden de basismedia-instellingen waar we het zojuist over hadden direct uitgebreid. De plugin zal alle andere afbeeldingsformaten van de momenteel actieve thema herkennen, en het zal u ook toestaan om aangepaste maten te maken op uw eigen.

nadat u de plugin hebt geactiveerd, navigeert u naar Instellingen -> Media. Onder alle extra beeldformaten, moet u degene die is gewijd aan de aanbevolen afbeelding te vinden. Als u gebruik maakt van een standaard twintig achttien thema, moet u de “twentyeighteen-featured-image size” optie. Hier kunt u eenvoudig een aangepaste breedte en hoogte voor Aanbevolen afbeeldingen.

afhankelijk van een thema dat u gebruikt, kunnen er meer dan één aanbevolen afbeeldingsgrootte zijn. Bijvoorbeeld, een thema zou kunnen tonen aanbevolen afbeelding op de voorpagina, enkele berichten en een aantal widgets ook. In dat geval zouden drie maten nodig zijn om het beste uit de functie te maken. Afhankelijk van hoe u de aanbevolen afbeelding wilt personaliseren, de instellingen dienovereenkomstig wijzigen. Vergeet niet om op de update-knop te drukken, wijzigingen op te slaan en uw site te openen om te zien wat er met de foto ‘ s is gebeurd.

hoe zit het met de oudere afbeeldingen?

bij het wijzigen van afbeeldingsafmetingen maakt WordPress meestal alleen wijzigingen aan de nieuwe die u op het punt staat te uploaden. Maar hoe zit het met de oude die je al gebruikt?

Miniatuurregeneratie

gelukkig was de ontwikkelaar van eenvoudige afbeeldingen zo vriendelijk om een functie te introduceren die dit probleem kan oplossen. Op dezelfde pagina Media-Instellingen scroll je gewoon naar beneden door de lijst met afbeeldingsafmetingen. U vindt een functie voor het regenereren van miniaturen waarmee u kunt selecteren welke miniaturen u wilt herbouwen. Omdat we het alleen over aanbevolen afbeeldingen hebben, selecteert u dezelfde miniaturen die u eerder hebt bewerkt.

Als u nog meer controle over miniaturen wilt, scrol dan iets meer en selecteer een posttype waarop u wilt herbouwen.

Als u klaar bent, klikt u op als u miniaturen wilt regenereren en vergeet de wijzigingen niet op te slaan.

nadelen van het veranderen van afbeeldingsformaten

terwijl het instellen van de nieuwe afbeeldingsdimensies vrij eenvoudig is met eenvoudige afbeeldingsformaten, wees voorzichtig bij het aanpassen van uw afbeeldingen.

Als u op een kleinere site werkt die nog niet zoveel foto ‘ s heeft, kunt u ontspannen en de miniaturen regenereren. Maar merk op dat er sites zijn met honderdduizenden afbeeldingen.

het genereren van een nieuwe dimensie voor elke afbeelding kan veel ruimte in beslag nemen op uw server. Dus voordat u de wijziging bevestigt, moet u zeker weten wat u doet.

ook zorgt WordPress niet echt voor uw oude miniaturen. Dus, zelfs als je ze niet meer gebruikt, zullen al die afbeeldingen nog steeds in de map zitten en kostbare ruimte op de harde schijf innemen. Sommige image cleanup plugins kunnen u helpen als u een kleinere site. Maar voor grotere websites met tonnen foto ‘ s, heb je een meer professionele (en helaas ingewikkelder en duurder) aanpak nodig.

stel automatisch aanbevolen afbeelding in WordPress

met behulp van aanbevolen afbeeldingen in WordPress is eenvoudig en relatief eenvoudig in te stellen, zelfs als uw thema de functie niet vanaf nul ondersteunt. We hebben je al laten zien hoe je de basic featured image kunt instellen en weergeven, en je leert hoe je kunt controleren of er een featured image set is en een melding kunt tonen aan de auteur die vergeten is er een in te stellen.

Als u deze optie niet leuk vindt, kunt u snel een iets andere functie implementeren – u kunt uw WordPress programmeren om automatisch een aanbevolen afbeelding voor u in te stellen.

In tegenstelling tot de hierboven genoemde methode waarbij WP u op de hoogte zal stellen van ontbrekende aanbevolen afbeelding waar u er zelf nog een moet kiezen, zal deze aanpak automatisch een afbeelding instellen als aanbevolen. Om dit te laten werken, moet u ten minste één afbeelding aan uw bericht.

nadat u het bericht zonder de aanbevolen afbeelding hebt gepubliceerd, zal de functie de eerste afbeelding uit dat artikel nemen en als de aanbevolen afbeelding instellen.

wat hier geweldig aan is, is dat zodra de functie een aanbevolen afbeelding voor u heeft ingesteld, deze aan zal blijven, zelfs als u besluit de afbeelding uit het bericht te verwijderen (de enige functie die in de eerste plaats wordt gebruikt voor het maken van de aanbevolen afbeelding).

als u geen afbeeldingen aan uw bericht hebt gekoppeld en u drukt op de knop Publiceren, zullen er geen meldingen zijn en, natuurlijk, zullen er geen afbeeldingen zijn waaruit de functie kan kiezen. Zo, dit is een geweldige optie voor iemand die afbeeldingen gebruikt in de meeste van hun berichten. Maar als je de neiging om beelden te vergeten vaker wel dan niet en je geen foto ‘ s hechten op een regelmatige basis, raden wij u aan de eerdere methode van het voorkomen van het publiceren van berichten zonder de foto te controleren.

als je nu weet wat je hiermee kunt krijgen, laten we je de code tonen. Om de functie te installeren, moet u uw functies openen.php-bestand en kopieer / plak het volgende fragment:

function autoset_featured() {global $post;$already_has_thumb = has_post_thumbnail($post->ID);if (!$already_has_thumb) {$attached_image = get_children("post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );if ($attached_image) {foreach ($attached_image as $attachment_id => $attachment) {set_post_thumbnail($post->ID, $attachment_id);}}}}add_action('the_post', 'autoset_featured');add_action('save_post', 'autoset_featured');add_action('draft_to_publish', 'autoset_featured');add_action('new_to_publish', 'autoset_featured');add_action('pending_to_publish', 'autoset_featured');add_action('future_to_publish', 'autoset_featured');


vergeet de wijzigingen niet op te slaan na het plakken van de code. Nu kunt u proberen om een nieuwe post toe te voegen met een afbeelding erin en publiceren. Zie je hoe aanbevolen afbeelding verscheen op de site? Magic.

automatisch link featured post thumbnails naar hun oorspronkelijke berichten

moderne WordPress thema ‘ s zijn kunstwerken die zijn ontworpen met de nieuwste technologie in het achterhoofd. Dat betekent dat ontwikkelaars hebben gezorgd voor elk ding dat u en uw toekomstige websitebezoekers nodig hebben van een thema. Dat omvat prachtig ontwerp en tal van functies toegevoegd aan zowel backend en frontend.

nadat WordPress featured post thumbnails introduceerde, moesten thema-ontwikkelaars een manier vinden om die afbeeldingen te koppelen aan hun oorspronkelijke berichten. Die eenvoudige aanbevolen afbeelding werd een game changer voor WordPress die een populaire blogging platform getransformeerd in nog meer populaire CMS. Soms zijn die foto ‘ s zal niet te koppelen ergens, maar als je het ons vraagt, elke featured miniatuurafbeelding moet leiden tot de oorspronkelijke post.

hoewel veel ontwikkelaars vinden dit een must-have functie in een thema, veel WordPress thema ‘ s (de meeste van hen zullen freebies) zal het niet standaard geïnstalleerd. En als je problemen hebt met post miniatuurafbeeldingen die niet aanklikbaar zijn, zoals wij, kan dit op je zenuwen werken. Maar maak je geen zorgen, een snelle oplossing kan worden gevonden een paar regels hieronder.

in dit deel van de tutorial, staan we op het punt om u te laten zien hoe u de aanbevolen afbeelding automatisch koppelt aan de post permalink en zo iedereen die op de afbeelding klikt, toestaat om naar het oorspronkelijke bericht te worden doorgestuurd.

Link aanbevolen afbeelding naar de post:

  1. Open functies.php
  2. kopieer en plak de volgende code:
function wcs_auto_link_post_thumbnails( $html, $post_id, $post_image_id ) {$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>'; return $html;}add_filter( 'post_thumbnail_html', 'wcs_auto_link_post_thumbnails', 10, 3 );


  1. Wijzigingen opslaan

dat is alles, mensen. Nadat u de wijzigingen hebt opgeslagen, hoeft u zich geen zorgen te maken over die aanbevolen postminiaturen die niet linken naar het oorspronkelijke bericht. Nu zowel de aanbevolen miniatuurafbeelding en “lees meer” tekst zal uw bezoekers leiden naar uw bericht.

hoe voeg je thumbnail previews toe in Post/Page edit list

als je je dagelijkse WordPress thema met standaard functies hebt, ben je waarschijnlijk gewend geraakt aan een bepaalde look van het WordPress admin panel. Als we het hebben over bewerkingsopties voor berichten en pagina ‘ s, heb je waarschijnlijk een standaardweergave waar de titel, auteur, categorieën, tags en datums in verschillende kolommen worden weergegeven.

zoals u kunt zien, is er geen informatie over uitgelichte afbeeldingen. Dus, als u wilt zien of een post heeft een aanbevolen afbeelding al ingesteld en eventueel zien hoe het beeld eruit ziet, je moet elk bericht afzonderlijk bewerken.

hoe voeg ik miniatuurvoorvertoningen toe in de lijst Post/pagina bewerken

stel je voor dat je tientallen berichten doorloopt om een snelle weergave van de aanbevolen afbeelding te maken, zodat je er geen dupliceert of een bericht achterlaat zonder een. Dat is slechts een verspilling van tijd en dat is waarom we gaan laten zien u een snelle oplossing voor dit.

in dit deel van de tutorial laten we u een eenvoudige code zien die u aan uw thema kunt toevoegen en die vervolgens een miniatuur direct aan de kolom post/pagina toevoegt. Om deze “truc” om te werken, zorg ervoor dat uw thema ondersteunt post miniaturen.

genoeg met de talk; laten we de code in het thema invoegen en een miniatuur tonen in uw posts editor:

  1. Open uw functie.php bestand
  2. kopieer en plak de volgende code:
add_filter('manage_posts_columns', 'posts_columns', 5);add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2);add_filter('manage_post-type_posts_columns', 'posts_columns', 5);add_action('manage_post-type_posts_custom_column', 'posts_custom_columns', 5, 2);function posts_columns($defaults){ $defaults = __('Thumbs'); return $defaults;}function posts_custom_columns($column_name, $id){ if($column_name === 'riv_post_thumbs'){if( has_post_thumbnail() ) { echo the_post_thumbnail('medium'); } else { _e('No Thumbnail For Post'); }echo "<style> .column-riv_post_thumbs img{ max-height: 300px; max-width: 250px; } </style>"; } }


  1. Wijzigingen opslaan
  2. ga naar berichten-> alle berichten en zie de wijziging

in de bovenstaande code hebben we de miniatuurgrootte ingesteld op 100×100 pixels. Aangezien dit alleen wordt gebruikt als een aanbevolen afbeelding preview, is er echt geen behoefte aan een groter beeld. Natuurlijk bent u vrij om de grootte van de miniatuur te wijzigen naar elke gewenste grootte. In de volgende regels kunt u enkele voorbeelden zien van hoe u de laatste regel van de code kunt bewerken:

toon volledige afbeelding in plaats van een miniatuur:

echo the_post_thumbnail( 'featured-thumbnail' );


Dubbele miniatuur:

echo the_post_thumbnail( array(200,200) );


onze titel zegt dat u miniaturen kunt weergeven in berichten en pagina ‘ s bewerken schermen. Je hebt de code geprobeerd, maar je kunt geen duimen zien in pagina ‘ s? Maak je geen zorgen, je hebt deze twee regels code nodig, en je moet ze toevoegen aan het begin van het fragment hierboven:

add_filter('manage_pages_columns', 'posts_columns', 5);add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);

nadat je dit stukje code hebt toegevoegd, zullen je miniaturen ook zichtbaar zijn in de pages editor.

laat uw auteurs uitgelichte afbeeldingen selecteren voordat ze berichten publiceren

toen WordPress versie 2.9 bereikte, kregen mensen de kans om uitgelichte afbeeldingen toe te voegen aan hun berichten. Sindsdien, als thema ‘ s toegestaan, was je in staat om te uploaden of selecteer een afbeelding voor uw post die mooi zou vertegenwoordigen, en je nog steeds niet verplicht om die foto te laten zien in de post.

WordPress gebruikers raakten snel gewend aan de nieuwe functie, en nu is het moeilijk geworden om een thema te vinden zonder aanbevolen afbeeldingen.

maar als u veel publiceert en meer dan één auteur heeft, kunt u soms vergeten een uitgelichte afbeelding toe te voegen wat kan resulteren in een rommelige website. Uw bericht zonder een afbeelding zou leeg en onvoltooid op de homepage kijken, zou er zeker een gat gemaakt in uw recente berichten widget, en als u thumbnails gebruiken om de foto ‘ s aan het begin van uw artikelen te tonen, uw berichten zou er heel eenvoudig uitzien zonder een foto.

Dit zijn slechts een paar eenvoudige problemen die je zou kunnen hebben als je vergeet om een aanbevolen afbeelding op te nemen. Voordat die problemen zich voordoen, laten we eens kijken hoe we het voor altijd kunnen laten verdwijnen.

in dit deel van de tutorial, staan we op het punt om u een stukje code te laten zien waardoor u het probleem kunt vergeten. Zodra u de code installeert, krijgt elke auteur die een bericht probeert te publiceren zonder een aanbevolen afbeelding te hebben een foutmelding. Zijn of haar post zal dan uiteindelijk worden opgeslagen als een ontwerp in plaats van te worden gepubliceerd. Dit zal ervoor zorgen dat die bepaalde auteur gebruik maken van een aanbevolen afbeelding voor het publiceren van een post en zal een redder in nood zijn als je in een haast.

Als u klaar bent om de functie te laten werken, volgt u de volgende stappen:

  1. Open uw functies.php bestand
  2. kopieer en plak de volgende code:
add_action('save_post', 'pu_validate_thumbnail');function pu_validate_thumbnail($post_id){// Only validate post type of postif(get_post_type($post_id) != 'post')return;// Check post has a thumbnailif ( !has_post_thumbnail( $post_id ) ) {// Confirm validate thumbnail has failedset_transient( "pu_validate_thumbnail_failed", "true");// Remove this action so we can resave the post as a draft and then reattach the postremove_action('save_post', 'pu_validate_thumbnail');wp_update_post(array('ID' => $post_id, 'post_status' => 'draft'));add_action('save_post', 'pu_validate_thumbnail');} else {// If the post has a thumbnail delete the transientdelete_transient( "pu_validate_thumbnail_failed" );}}


  1. Wijzigingen opslaan

deze code controleert de poststatus zodra de auteur op de knop Publiceren klikt. Het werkt alleen voor berichten, en als de functie geen miniatuurweergave vindt die eraan is gekoppeld, wordt een concept opgeslagen en wordt WordPress voorbereid op het tonen van een foutmelding. Als een miniatuur wordt gevonden, wordt een bericht normaal gepubliceerd zonder het bericht te tonen.

omdat de bovenstaande code niet de foutmelding zelf bevat, heb je nog steeds een klein codefragment nodig dat het zal voorbereiden:

  1. direct na de vorige code, kopieer en plak deze:
add_action('admin_notices', 'pu_validate_thumbnail_error');function pu_validate_thumbnail_error(){if ( get_transient( "pu_validate_thumbnail_failed" ) == "true" ) {echo "<div class='error'><p><strong>A post thumbnail must be set before saving the post.</strong></p></div>";delete_transient( "pu_validate_thumbnail_failed" );}}


  1. sla de wijzigingen op en probeer uw nieuwe functie

als u de foutmelding wilt personaliseren, navigeer naar rij #5 en verander de “a post thumbnail moet worden ingesteld voordat het opslaan van de post” om alles wat je wilt.

dat is het. Geniet van uw berichten zonder zich zorgen te maken over het niet hebben van een aanbevolen afbeelding.

Wijzig aanbevolen Afbeeldingstekst in beheerpagina ‘ s

Als u een thema bewerkt of een nieuw thema maakt, moet u waarschijnlijk werken rond aanbevolen afbeeldingen.

WordPress featured image

Als u bijvoorbeeld een functie hebt gebruikt die automatisch een featured image van de eerste afbeelding in een bericht toevoegt, zou het leuk zijn om uw auteurs te laten weten wat er gebeurt. U kunt de tekst eenvoudig wijzigen en gebruiken als een korte melding die een auteur zal vertellen dat de aanbevolen afbeelding automatisch wordt geselecteerd als een auteur er niet zelf een heeft gekozen. Dus, hoe verander je die tekst die “Set featured image” leest naar iets anders?

  1. Open functies.php-bestand van het thema dat u gebruikt
  2. kopieer en plak de volgende code:
function change_featured_image_text( $content ) { return $content = str_replace( __( 'Set featured image' ), __( 'Your custom text goes here' ), $content);}add_filter( 'admin_post_thumbnail_html', 'change_featured_image_text' );


  1. Wijzig de ‘uw aangepaste tekst gaat hier’, maar vergeet niet de enkele aanhalingstekens te verlaten
  2. Wijzigingen opslaan
  3. ga naar een post en zie de gewijzigde tekst

afbreken

aanbevolen afbeeldingen zijn waarschijnlijk het belangrijkste type mediabestand dat u op uw blog zult hebben. Daarom is het van cruciaal belang dat ze er goed uitzien. Terwijl het hebben van een mooie foto of een mooi gegenereerde computer afbeelding is essentieel, je moet alles doen wat in je macht om het zo goed als het kan krijgen.

gelukkig hoeft u geen ontwikkelaar te zijn of een volledig begrip te hebben van hoe WordPress afbeeldingen verwerkt. Je hebt gewoon een behoefte aan een eenvoudige plugin of code fragment dat u zal helpen bij het instellen van nieuwe aanbevolen afbeeldingen; we hopen dat deze gids u geholpen met dat.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.