如何显示特色图像标题和Alt属性

时间:2018-06-16 作者:Mohd Kashif

您好,我正在尝试此代码以在第一段之后显示特色图像,并显示图像标题和alt属性

add_filter(\'the_content\', function($content)
{
   $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
   $img = \'<img src="\'.$url.\'" alt="" title=""/>\';
   $content = preg_replace(\'#(<p>.*?</p>)#\',\'$1\'.$img, $content, 1);
   return $content;
});
特征图像显示正确,但标题和alt属性未显示,请告诉我任何人此代码中有什么问题

3 个回复
SO网友:Charles

也许下面的函数就是您想要的
您在代码中寻找的重要部分是包含pathinfo,
这是php而不是特定于WordPress的。

可能还有其他几种选择,但由于到目前为止没有人响应,我认为此功能将帮助您,直到其他人添加另一个答案(可能更好)。

您可以备份这些功能。php(在主题文件夹中找到),然后再添加此函数。

我已经用WP版本4.9.6在沙盒中测试了它,它应该工作得完美无缺。

/**
 * Add content on Alt/Title tags
 * 
 * @link    https://wordpress.stackexchange.com/q/306250
 * @version Wordpress V4.9.6 
 * 
 * Source:
 * @see     https://codex.wordpress.org/Function_Reference/wp_get_attachment_url
 * @see     https://secure.php.net/manual/en/function.pathinfo.php
 * @see     https://secure.php.net/manual/en/function.preg-replace.php
 * 
 * @param   [type] $content [description]
 * @return  [type]          [description]
 */
add_filter( \'the_content\', \'add_filename_on_img_tags\' );
function add_filename_on_img_tags( $content )
{
    // get featured image
    $url = wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) );
    // get filename
    $filename = pathinfo( $arr[\'name\'], PATHINFO_FILENAME );
    // add content on ALT/TITLE tags
    $img = \'<img src="\' . $url . \'" alt="\' . $filename . \'" title="\' . $filename . \'"/>\';
    // add image after first paragraph
    $content = preg_replace( \'#(<p>.*?</p>)#\',\'$1\' . $img, $content, 1 );

    return $content;

} // end function
在docblock中,您可以找到包含函数中使用的代码信息的链接。

SO网友:mayersdesign

如果代码中没有显示这些值的内容,请尝试:

$img = \'<img src="\'.$url.\'" alt="\'.get_the_title().\'" title="\'.get_the_title().\'"/>\';

SO网友:cesur

你也可以用这个。

the_post_thumbnail( \'large\', array( \'title\' => get_the_title(get_post_thumbnail_id()),\'alt\' => get_the_post_thumbnail_caption() ) );

结束

相关推荐

Duplicate images in wordpress

我在我的网站上使用wordpress,但“博客”部分(这里称为新闻和事件)有问题。为什么第一张图片会被复制-http://www.fiumanofineart.com/news-events/我试过修复它,但我不能。。。任何帮助都会很好,谢谢