Hoe stel je een standaard uitgelichte afbeelding in voor WordPress-berichten?

WP Media Folder biedt een fantastische nieuwe functie: het instellen van een standaard uitgelichte afbeelding voor je WordPress-berichten! Je hebt nu geen last meer van berichten zonder uitgelichte afbeelding. Je kunt kiezen voor een statische afbeelding of een willekeurige selectie afbeeldingen uit een map, zodat het niet lijkt alsof je bent vergeten een afbeelding toe te voegen of er helemaal geen hebt toegevoegd (+methoden zonder plugin).

Het instellen van een standaard uitgelichte afbeelding voor WordPress-berichten is een belangrijke instelling om rekening mee te houden bij het maken van berichten voor je website. Een reden om geen uitgelichte afbeelding in te stellen, kan zijn dat je een ontwerpteam hebt dat verantwoordelijk is voor het maken van uitgelichte afbeeldingen, wat meer tijd kan kosten, of dat je vergeet een uitgelichte afbeelding toe te voegen.

In dit bericht laten we zien hoe eenvoudig het is om een ​​standaardafbeelding in te stellen met WP Media Folder en verkennen we ook andere methoden.

Standaard uitgelichte afbeelding zonder WordPress-plugin

 Het is belangrijk te vermelden dat voor dit deel van de handleiding enige programmeerkennis vereist is, aangezien we bepaalde themabestanden moeten bewerken om het te laten werken. Een fout kan grote problemen veroorzaken.

Laten we, met dat in gedachten, beginnen! 

In dit deel van de handleiding proberen we twee methoden uit: de ene gebruikt een statische afbeelding en de andere de eerste afbeelding die in het bericht beschikbaar is.

Methode 1 - Stel een statische afbeelding in als de standaard uitgelichte afbeelding

Bij deze methode gebruiken we een codefragment om een ​​statische afbeelding in te stellen en deze op een specifieke plek in ons bericht/onze pagina te plaatsen.

Om dit te doen, moeten we naar onze themabestanden gaan en het bestand bewerken waar we de uitgelichte afbeelding willen laten verschijnen. Je kunt het aan elk gewenst bestand toevoegen, maar in dit geval gebruiken we single.php het bestand dat onze berichten beheert.

De code is als volgt:

the_post_thumbnail();
} anders { ?>

Het zou er zo uit moeten zien:

Waar de code moet worden toegevoegd, hangt af van je thema en waar je de afbeelding precies wilt plaatsen. Vervang /images/default-image.jpg

We kunnen < ?php bloginfo('template_directory'); ?>/images/default-image.jpg door een directe afbeeldings-URL en het zal ook werken.

Nu zouden we een afbeelding zonder uitgelichte afbeelding moeten kunnen maken, en dan is het wonder verricht!

Het is belangrijk om te weten dat deze code geen standaard uitgelichte afbeelding instelt. We moeten deze dus overal toevoegen waar we de afbeelding willen weergeven, bijvoorbeeld op de blogpagina waar de berichten worden getoond en waar we de berichten oproepen.

Methode 2 - Gebruik de eerste afbeelding in het bericht als uitgelichte afbeelding

Deze methode vereist dat we twee stappen doorlopen om de afbeelding te definiëren en nog een stap om de afbeelding op te roepen.

Deze methode is vergelijkbaar met de eerste, maar we hoeven de afbeelding niet in de code toe te voegen. In plaats daarvan wordt de eerste afbeelding uit het bericht opgehaald en op de plek van de tweede code ingevoegd.

Eerste stap - voeg de volgende code toe aan het functions.php-bestand van je thema.

function main_image() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment
&post_mime_type=image&order=desc');
if($files) :
$keys = array_reverse(array_keys($files));
$j=0;
$num = $keys[$j];
$image=wp_get_attachment_image($num, 'large', true);
$imagepieces = explode('"', $image);
$imagepath = $imagepieces[1];
$main=wp_get_attachment_url($num);
$template=get_template_directory();
$the_title=get_the_title();
print "<img src='$main' alt='$the_title' class='frame' />";
endif;
}

Tweede stap - Nu onze code is toegevoegd aan functions.php, kunnen we de volgende code toevoegen op de plek waar we de afbeelding willen weergeven (net zoals we bij de eerste methode hebben gedaan).

echo get_the_post_thumbnail($post->ID);
} else {
echo main_image();
} ?>

En klaar! Berichten zullen nu de eerst beschikbare afbeelding in hun inhoud weergeven.

Het is belangrijk om te weten dat we, net als bij de eerste methode, deze laatste code moeten toevoegen op alle plaatsen waar we de afbeelding willen laten verschijnen, bijvoorbeeld op de blogpagina, in het artikel zelf en op elke andere plek waar de berichten worden weergegeven.

Stel eenvoudig een standaard uitgelichte afbeelding in met behulp van een WordPress-plugin

Nu we hebben gezien hoe je met code een standaard uitgelichte afbeelding instelt, gaan we kijken hoe je dit met een plugin doet en hoe WP Media Folder dit proces in WordPress-berichten vereenvoudigt.

WP Media Folder heeft een nieuwe optie toegevoegd om een ​​standaard uitgelichte afbeelding in te stellen, wat handig is gezien alle functies die deze plugin biedt.

Om deze functie in te schakelen ga je naar Instellingen > WP Media Folder  > Hoofdinstellingen .

In dit gedeelte, onderaan, zien we de voor de standaard uitgelichte afbeelding met 2 hoofdopties:

1e optie - Specifieke afbeelding waarmee we een statische afbeelding kunnen selecteren die bij alle berichten wordt gebruikt wanneer er geen uitgelichte afbeelding is geselecteerd. Om deze optie te gebruiken, vinkt u het selectievakje aan en klikt u vervolgens op
SELECTEREN .

Na het klikken op SELECTEREN wordt onze mediagalerij geopend met alle beschikbare mediabestanden, waardoor het gemakkelijker wordt om de gewenste afbeelding te vinden. U hoeft alleen maar op de afbeelding te klikken en vervolgens op SELECTEREN .

Klik ten slotte op 'Wijzigingen opslaan' en klaar is Kees!

2e optie - Wat gebeurt er nu als we niet slechts één specifieke afbeelding willen gebruiken, maar in plaats daarvan een selectie van afbeeldingen die willekeurig worden gebruikt?

Eenvoudig! Met WP Media Folder is het mogelijk om, door te klikken op ' Willekeurige afbeelding uit map' , een mediamap te selecteren die je eerder in je mediabibliotheek hebt aangemaakt. De app kiest vervolgens willekeurig een afbeelding uit die map en stelt deze in als standaard uitgelichte afbeelding.

Nadat we deze optie hebben geselecteerd, kunnen we de beschikbare mappen zien die ingesteld kunnen worden.

In dit geval hebben we een map aangemaakt met de naam 'Uitgelichte afbeeldingen' , dus we hoeven er alleen maar op te klikken en de wijzigingen op te slaan.

Het wonder zal geschieden en nu hoeven we ons geen zorgen meer te maken over berichten zonder uitgelichte afbeelding, geweldig! Toch? :)

Zoals je ziet, was er helemaal geen code nodig en werd de standaard uitgelichte afbeelding ingesteld.

Geen WordPress-berichten meer zonder uitgelichte afbeelding

Nu konden we zien hoe eenvoudig het is om met de WP Media Folder plugin een standaard uitgelichte afbeelding in te stellen voor al onze WordPress-berichten, met slechts twee klikken en zonder dat we code in alle bestanden hoeven te plaatsen, wat het risico op problemen met zich meebrengt.

Het beste aan WP Media Folder is dat dit niet de enige functie is die het biedt. We hebben namelijk nog veel meer opties, zoals het uploaden van media naar AWS , het gebruiken van Google Drive als afbeeldingsbron of het creëren van prachtige galerijen !

Waar wacht je nog op? Ga hierheen en download WP Media Folder nu!