web-dev-qa-db-ja.com

画像のtitle/alt属性を取得する方法

私の白いテーマでは、ホームスライダーポストにalt属性が設定されていません。私はメディアライブラリのインターフェースを通して画像の代替テキストを追加しました。 alt text/attributeを表示するために以下のコードを追加しました。しかし、それは表示されません：

<img class="homepage-slider_image" src="http://www.blabla.com/wp-content/uploads/2013/06/cms-website4-1800x800.jpg" alt="" />

これがコードです：

<?php
  $image = get_post_meta(get_the_ID(), WPGRADE_PREFIX.'homepage_slide_image', true);
  if (!empty($image)) {
    $image = json_decode($image);
    $image_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true);
    if ( empty( $image_alt )) {
      $image_alt = $attachment->post_title;
    }
    if ( empty( $image_alt )) {
      $image_alt = $attachment->post_excerpt;
    }
    $image_title = $attachment->post_title;
    $image_id = $image->id;
    $image = wp_get_attachment_image_src( $image_id, 'blog-huge', false);
    echo '<img class="homepage-slider_image" src="'.$image[0].'" alt="'. $image_alt .'" />';
  }
?>
post-thumbnailsattachmentsconditional-tagswp-get-attachment-image
9
Nisha_at_Behance

WordPressの画像のaltとタイトルを探すときにこの投稿が検索エンジンのトップヒットの1つであるのでここに来ました。どちらの答えも質問の題名に一致する簡単な解決策を提供しないように思われることにかなり驚いたので、私がそれが将来の読者に役立つことを願って思いついたものをやめるでしょう。

// An attachment/image ID is all that's needed to retrieve its alt and title attributes.
$image_id = get_post_thumbnail_id();

$image_alt = get_post_meta($image_id, '_wp_attachment_image_alt', TRUE);

$image_title = get_the_title($image_id);

ボーナスとして、画像のsrcを取得する方法があります。上記の属性を使って、静止画像のマークアップを作成する必要があります。

$size = 'my-size' // Defaults to 'thumbnail' if omitted.

$image_src = wp_get_attachment_image_src($image_id, $size)[0];
3
leymannx

あなたの問題はあなたがget_post_meta()とget_the_title()関数に正しい添付ファイルのIDを与えていないということです。

これは、イメージのaltを取得するためのコードです。

$image_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true);

そしてそれは正しいのですが、$attachment->IDはあなたのコードで定義されていないので、関数は何も返しません。

あなたのコードを読んで、それはあなたがメタフィールドとして画像のIDを格納して、そしてあなたはそれをこのコードでそれを取得するようです：

$image = get_post_meta(get_the_ID(), WPGRADE_PREFIX.'homepage_slide_image', true);

そのため、$image->idがコード内で正しいと仮定すると、これを置き換える必要があります。

$image_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true);

と：

$image_alt = get_post_meta( $image->id, '_wp_attachment_image_alt', true);

これはaltを取得し、タイトルを取得するためのものです。

 $image_title = get_the_title( $image->id );
23
cybmeta

わかりました私は今何日も探しているネット上に誰もいないという答えを見つけました。あなたのテーマやプラグインがWP_Customize_Image_Control（）を使っているのであれば、これはうまくいきます。

私の解決策のために私は新しいバージョンWP_Customize_Image_Control（）を使っていました

フォーラムの投稿の多くにはget_attachment_id（）があり、これはもう機能しません。 attachment_url_to_postid（）を使用しました

これが私のやり方です。これが誰かに役立つことを願っています

// 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 );

Markup

<a href="<?php echo $feature1_url; ?>"><img class="img-responsive center-block" src="<?php echo $feature1; ?>" alt="<?php echo $image1_alt; ?>"></a>
2
DevTurtle
$image = get_post_meta(get_the_ID(), WPGRADE_PREFIX . 'homepage_slide_image', true);
if (!empty($image)) {
    $image          = json_decode($image);
    $image_id       = $image->id;
    $img_meta       = wp_prepare_attachment_for_js($image_id);
    $image_title    = $img_meta['title'] == '' ? esc_html_e('Missing title','{domain}') : $img_meta['title'];
    $image_alt      = $img_meta['alt'] == '' ? $image_title : $img_meta['alt'];
    $image_src      = wp_get_attachment_image_src($image_id, 'blog-huge', false);

    echo '<img class="homepage-slider_image" src="' . $image_src[0] . '" alt="' . $image_alt . '" />';

}

私はあなたの$image->idをテストしていないことに注意してください。ちょうどあなたが正しい添付ファイルIDを持っていると仮定しました。残りは$img_metaから来ています。 altが欠けている場合は画像のタイトルを使用していますが、タイトルが欠けている場合は「Missing title」というテキストが表示され、入力してください.

2
Benn

画像添付ファイルデータを取得するために、すべてのテーマでクイック関数を使用します。

//get attachment meta
if ( !function_exists('wp_get_attachment') ) {
    function wp_get_attachment( $attachment_id )
    {
        $attachment = get_post( $attachment_id );
        return array(
            'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
            'caption' => $attachment->post_excerpt,
            'description' => $attachment->post_content,
            'href' => get_permalink( $attachment->ID ),
            'src' => $attachment->guid,
            'title' => $attachment->post_title
        );
    }
}

お役に立てれば！

1
Dario Zadro