32

我正在使用一个attachment.php文件来显示在其他位置单击过的图像的大版本。我想使用javascript将图像替代文本作为标题拖到图像下方，但是当使用wp_get_attachment_image_src（）时，不包含替代文本。我不认为WP具有检索它的功能，因此我需要自己的。要编写该功能，我需要知道...存储图像的替代文本在哪里？

我的附件页面使用wp_get_attachment_image_src()，其中不包含替代文本。

<div class = "entry">
<?php 
if ( wp_attachment_is_image( $post->id ) ) : 
    $att_image = wp_get_attachment_image_src( $post->id, "large");?>

    <a href="<?php echo wp_get_attachment_url($post->id); ?>" 
        title="<?php the_title(); ?>" 
        rel="attachment">
    <img class="attached_img" 
        src="<?php echo $att_image[0];?>" 
        width="<?php echo $att_image[1];?>" 
        height="<?php echo $att_image[2];?>"  
        class="attachment-medium" 
        alt="<?php $post->post_excerpt; ?>" />
    </a> 
} <?php endif;?>
</div>

由此可见：

<div class = "entry">
    <a href="http://www.example.com/wp-content/uploads/2010/07/photo_namejpg" 
       title="My_Photo_Title" 
       rel="attachment">
       <img class="attached_img" 
            src="http://www.example.com/wp-content/uploads/2010/07/photo_name_and_size.jpg" 
            width="393" 
            height="500"  
            class="attachment-medium" 
            alt="" />
    </a>
</div>

我知道$post->post_excerpt上面的代码中正在调用，但是我不确定用什么替换它以获取图像的alt属性。

attachments images

— 凯夫特鲁特
source

53

我最近做了一些研究为客户项目近期如此LO-和看哪我到这里使用它！

在文本之后，您将看到WordPress 3.0.1中大多数（全部？）图像处理功能的分类列表（我将它们按某种顺序进行了分组，但在分类中没有过多的信任。）

无论如何，回答您所需要的（我认为）而不是您要的（好吧，最后我也会回答）我认为您所需要的是wp_get_attachment_image()将返回包含以下属性的HTML字符串的函数：

'src'，
'class'，
'alt' 和
'title'。

WordPress 3.0图像处理功能

因此，这是WordPress的图像处理功能，供您和他人参考（跳到下面以获取确切问题的答案）：

图像支持/缩略图

附件

MIME类型

上载

media_handle_upload()

文件系统

的HTML

get_image_tag($id, $alt, $title, $align, $size='medium')

低级图像处理：

如所保证的，图像的'alt'文本wp_postmeta以meta_key 为的形式存储在字符串中'_wp_attachment_image_alt'。

如您可能已经知道的那样，您可以get_post_meta()像这样简单地加载它：

$alt_text = get_post_meta($post->ID, '_wp_attachment_image_alt', true);

— 麦克·申克尔
source

1

好吧，既然您已经说了，我不禁会感到有点呆滞。我以前用过wp_get_attachment_imgage()，完全忘记了。您认为我真正需要的是正确的。谢谢（你的）信息。您也知道alt meta的存储位置...我只是在那个地方看过，但是即使我一定一直在盯着它，它也使我避开了。这就是我在一天结束时要进入的内容。再次感谢！

— kevtrout 2010年

嘿，没问题。在最近的黑客名单中，我也问了一些非常明显的问题，只是让答案一经提及就非常明显。很容易错过这里或那里的东西。但是WordPress Answers的真正好处是，每个问题和答案都将成为将来其他具有类似问题的人的资源。我什至希望我会用谷歌搜索我回答的内容，但以后忘记了！

— MikeSchinkel

1

快速问题：您指示wp_get_attachment_image()返回图像src和属性的数组。似乎只返回包含图像及其属性的html。仍然可以完成工作，只是不知道您是否知道函数ref上没有的内容：codex.wordpress.org/Function_Reference/wp_get_attachment_image

— kevtrout 2010年

1

@Mike-只是快速提醒您将有关wp_get_attachment_image的注释更新为数组-使我有些困惑：）。否则，很好的答案！

— 乔纳森·沃尔德

1

非常详细的答案，做得好！

— Bas van Dijk '18

5

考虑查看wp_prepare_attachment_for_js( $attachment )，$attachment附件本身的WP_Post对象在哪里。

这有点“厨房水槽”功能，但是它确实提供了非常好的散列，其中包含大量元数据，包括“ alt”：

$response = array(
        'id'          => $attachment->ID,
        'title'       => $attachment->post_title,
        'filename'    => wp_basename( $attachment->guid ),
        'url'         => $attachment_url,
        'link'        => get_attachment_link( $attachment->ID ),
        'alt'         => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
        'author'      => $attachment->post_author,
        'description' => $attachment->post_content,
        'caption'     => $attachment->post_excerpt,
        'name'        => $attachment->post_name,
        'status'      => $attachment->post_status,
        'uploadedTo'  => $attachment->post_parent,
        'date'        => strtotime( $attachment->post_date_gmt ) * 1000,
        'modified'    => strtotime( $attachment->post_modified_gmt ) * 1000,
        'menuOrder'   => $attachment->menu_order,
        'mime'        => $attachment->post_mime_type,
        'type'        => $type,
        'subtype'     => $subtype,
        'icon'        => wp_mime_type_icon( $attachment->ID ),
        'dateFormatted' => mysql2date( get_option('date_format'), $attachment->post_date ),
        'nonces'      => array(
            'update' => false,
            'delete' => false,
            'edit'   => false
        ),
        'editLink'   => false,
        'meta'       => false,
    );

这对于通过附件将附件图像元数据发送到wp.media视图特别有用（顾名思义），wp_send_ajax()但这并不意味着您不能将其用于其他目的。

我喜欢从_wp_attachment_image_altpost meta字段中抽象出来，以防检索alt文本的方法发生变化（不太可能，但可以想象）。

我确实觉得有一种wp_get_attachment_image_alt()方法的情况。

— 汤姆·奥格
source

正是我想要的。有谁知道它的性能吗？具有这么多不同的值，它可以检索...我想知道...

— Larzan

@Larzan我不会担心性能-除非您同时获取数百个图像数据……

— Tom Auger 2015年

4

当然，迈克的答案是正确的，但$alt_text = get_post_meta($post->ID, '_wp_attachment_image_alt', true);可能会返回一个空字符串。

wp_get_attachment_image，然而，这总是一个alt_text。

WordPress团队采用以下技巧，首先，检查post_except，然后获取标题。

if(empty($alt_text)) // If not, Use the Caption
{
    $attachment = get_post($post->ID);
    $alt_text = trim(strip_tags( $attachment->post_excerpt ));
}
if(empty($alt_text)) // Finally, use the title
{ 
    $attachment = get_post($post->ID);
    $alt_text = trim(strip_tags( $attachment->post_title )); 
}

— 桂俊基
source

2

我发现附件的替代文本存储在名为“ _wp_attachment_image_alt”的自定义元数据中

因此，有了附件的ID，我就可以使用以下代码获取替代文本：

<?php echo get_post_meta($attachment_id, '_wp_attachment_image_alt', true) ?>

— chilljul
source

0

如果您使用的是WP_Customize_Media_Control（），则get_theme_mod（）将返回帖子ID，但是如果您使用的是新的WP_Customize_Image_Control（），则get_theme_mod（）将返回图片网址，这就是我能够通过使用WP_Customize_Image_Control获得替代文本的方式。（）

这就是我能够做到的方式。希望这可以帮助某人

// This is getting the image / url
$feature1 = get_theme_mod('feature_image_1');

// This is getting the post id
$feature1_id = attachment_url_to_postid($feature1);

// This is getting the alt text from the image that is set in the media area
$image1_alt = get_post_meta( $feature1_id, '_wp_attachment_image_alt', true );

标记

<a href="<?php echo $feature1_url; ?>"><img class="img-responsive center-block" src="<?php echo $feature1; ?>" alt="<?php echo $image1_alt; ?>"></a>

— DevTurtle
source

0

要增加Mike的答案，可能有人会觉得有用。您可能需要获取附件的特定ID，因此可以通过将Post ID传递给get_post_thumbnail_id示例来实现：

  $the_img = wp_get_attachment_image( get_post_thumbnail_id( get_the_ID() ) );

— 乌里亚·维克多
source

如何检索图像附件的替代文本？