Maison  >  Article  >  Tutoriel CMS  >  Comment utiliser des images de liens externes comme vignettes d'articles dans WordPress

Comment utiliser des images de liens externes comme vignettes d'articles dans WordPress

王林
王林original
2019-11-07 10:44:113494parcourir

Comment utiliser des images de liens externes comme vignettes d'articles dans WordPress

Idées :

1 Il doit y avoir un moyen de déterminer l'adresse de l'image : la première image de l'article, ou utiliser une adresse personnalisée. colonne Ajoutez une valeur personnalisée.

2. Appelez l'image déterminée au premier plan : utilisez la méthode fonction ou appelez directement l'image.

La mise en œuvre est la suivante :

Prémisse :

Tout appel est mieux effectué dans une boucle LOOP, de sorte que cela peut être facilement utilisé avec la valeur $post.

1. Appelez la première image de l'article : utilisez $post->post_content pour obtenir le contenu de l'article, puis utilisez la méthode de correspondance pour obtenir la valeur src de la première image.

preg_match(&#39;/<img.+src=[\&#39;\"]([^\&#39;\"]+)[\&#39;\"].* \/>/i&#39;,$post->post_content,$index_piclink);
if(count($index_piclink) >= 2)$image_src = $index_piclink[1];
if(!strstr($image_src,&#39;http://&#39;))$image_src = false;

2. Appelez une colonne personnalisée : lors de la rédaction d'un article, ajoutez une colonne personnalisée avec le nom post_thumb, puis créez-la en utilisant l'adresse de l'image comme valeur. Comme meta_key:post_thumb,meta_value:http://www.utubon.com/images/logo.png, puis appelez-le via les méthodes suivantes :

$image_src = get_post_meta($post->ID,&#39;post_thumb&#39;,true);
$image_src = trim($image_src) !== &#39;&#39; ? trim($image_src) : false;

3 Utilisez-les dans la boucle d'article

if($image_src)echo &#39;<img src="&#39;.$image_src.&#39;" />&#39;;

4. Transformez-les en fonctions
<.>

function get_thumb_src($size = &#39;thumbnail&#39;,$first_pic_in_ctonte = true){
global $post;
$image_src = &#39;&#39;;
if(function_exists(&#39;has_post_thumbnail&#39;) && has_post_thumbnail()){
$image_id = get_post_thumbnail_id();
$image_src = wp_get_attachment_image_src($image_id,$size);
$image_src = $image_src[0];
}else{
$image_src = get_post_meta($post->ID,&#39;post_thumb&#39;,$single=true);
if(!$image_src && $first_pic_in_ctonte){
preg_match(&#39;/<img.+src=[\&#39;\"]([^\&#39;\"]+)[\&#39;\"].* \/>/i&#39;,$post->post_content,$index_piclink);
if(count($index_piclink) >= 2)$image_src = $index_piclink[1];
if(!strstr($image_src,&#39;http://&#39;))$image_src =false;
}
}
return $image_src;
}
function the_thumb_src($size = &#39;thumbnail&#39;,$first_pic_in_ctonte = true){
echo get_thumb_src($size,$first_pic_in_ctonte);
}

Cette fonction (mettez-la dans Functions.php) implémente la sélection des vignettes d'articles. S'il y a déjà une image en vedette, utilisez l'image en vedette. Sinon, vérifiez la colonne personnalisée post_thumb. image, utilisez-la. Utilisez la première image de l'article. Si l'article n'a pas d'image, renvoyez une valeur fausse. Lors de son utilisation, c'est le suivant :

if(get_thumb_src())the_thumb_src();

Tutoriel recommandé :

tutoriel wordpress

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn