Maison > Article > Tutoriel CMS > 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('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,'http://'))$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,'post_thumb',true); $image_src = trim($image_src) !== '' ? trim($image_src) : false;
3 Utilisez-les dans la boucle d'article
if($image_src)echo '<img src="'.$image_src.'" />';
4. Transformez-les en fonctions
<.>
function get_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){ global $post; $image_src = ''; if(function_exists('has_post_thumbnail') && 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,'post_thumb',$single=true); if(!$image_src && $first_pic_in_ctonte){ preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,'http://'))$image_src =false; } } return $image_src; } function the_thumb_src($size = 'thumbnail',$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é :
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!