Я використовую файл attach.php, щоб показати великі версії зображень, натиснуті в інших місцях. Я хотів би витягнути текст alt зображення як підпис під зображенням з JavaScript, але текст alt не включається, коли використовується wp_get_attachment_image_src (). Я не думаю, що у WP є функція її отримання, тому мені потрібна своя. Щоб написати цю функцію, мені потрібно знати ... Де зберігається текст alt для зображення?

Моя сторінка вкладених файлів використовує wp_get_attachment_image_src(), що не включає текст alt.

<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 зображення.

Нещодавно я нещодавно робив дослідження для клієнтського проекту ось-ось я його тут використовую!

Після тексту ви побачите категоризований список більшості (всіх?) Функцій обробки зображень з WordPress 3.0.1 (я згрупував їх за певним порядком, але не надто довіряв моїй категоризації.)

У будь-якому випадку, відповідаючи на те, що (я думаю) вам потрібно замість того, що ви просили ( добре, я відповім і на це в кінці ), я думаю, що вам потрібна wp_get_attachment_image()функція, яка поверне HTML-рядок, що містить ці атрибути:

• 'src',
• 'class',
• 'alt' і
• 'title'.

Функції обробки зображень WordPress 3.0

Ось ось функції обробки зображень WordPress для ваших та інших посилань ( перейдіть нижче, щоб відповісти на ваше точне запитання ):

Підтримка зображень / мініатюри

• set_post_thumbnail_size( $width = 0, $height = 0, $crop = FALSE )
• add_image_size( $name, $width = 0, $height = 0, $crop = FALSE )
• get_intermediate_image_sizes()
• wp_constrain_dimensions( $current_width, $current_height, $max_width=0, $max_height=0 )

Вкладення

• get_attached_file( $attachment_id, $unfiltered = false )
• is_local_attachment($url)
• update_attached_file( $attachment_id, $file )
• wp_attachment_is_image( $post_id = 0 )
• wp_count_attachments( $mime_type = '' )
• wp_delete_attachment( $post_id, $force_delete = false )
• wp_get_attachment_image($attachment_id, $size = 'thumbnail', $icon = false, $attr = '')
• wp_get_attachment_image_src($attachment_id, $size='thumbnail', $icon = false)
• wp_get_attachment_metadata( $post_id = 0, $unfiltered = false )
• wp_get_attachment_thumb_file( $post_id = 0 )
• wp_get_attachment_thumb_url( $post_id = 0 )
• wp_get_attachment_url( $post_id = 0 )
• wp_insert_attachment($object, $file = false, $parent = 0)
• wp_update_attachment_metadata( $post_id, $data )

Типи MIME

• wp_match_mime_types($wildcard_mime_types, $real_mime_types)
• wp_mime_type_icon( $mime = 0 )
• wp_post_mime_type_where($post_mime_types, $table_alias = '')

Завантажує

• media_handle_upload()

Файлова система

• _wp_relative_upload_path( $path )
• wp_upload_dir( $time = null )

HTML

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

Обробка зображень низького рівня:

• wp_load_image( $file )
• image_constrain_size_for_editor($width, $height, $size = 'medium')
• image_downsize($id, $size = 'medium')
• image_get_intermediate_size($post_id, $size='thumbnail')
• image_hwstring($width, $height)
• image_make_intermediate_size($file, $width, $height, $crop=false)
• image_resize( $file, $max_w, $max_h, $crop = false, $suffix = null, $dest_path = null, $jpeg_quality = 90 )
• image_resize_dimensions($orig_w, $orig_h, $dest_w, $dest_h, $crop = false)

Як і було обіцяно , 'alt'текст зображення зберігається у вигляді рядка wp_postmetaз мета-ключем'_wp_attachment_image_alt' .

Як ви, напевно, вже знаєте, ви можете завантажити його просто get_post_meta():

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

Розглянемо 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 View через wp_send_ajax(), але це не означає, що ви не могли використовувати його для інших цілей.

Мені подобається абстрагуватися від _wp_attachment_image_altметаметалічного повідомлення, якщо метод вилучення тексту alt колись зміниться (малоймовірно, але можливо).

Я відчуваю, що існує wp_get_attachment_image_alt()метод для методу.

Відповідь Майка , звичайно, правильна, але $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 )); 
}

Я дізнався, що текст Alt для вкладених файлів зберігався на спеціальній мета під назвою "_wp_attachment_image_alt"

Отже, маючи Id вкладеного файлу, я зміг отримати текст alt з цим кодом:

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

Якщо ви використовуєте WP_Customize_Media_Control (), ваш get_theme_mod () поверне ідентифікатор публікації, але якщо ви використовуєте новий WP_Customize_Image_Control (), get_theme_mod () поверне URL-адресу зображення, тому я зміг отримати альт-текст із використанням WP_Customize ()

Ось як мені вдалося це зробити. Сподіваюся, це допомагає комусь там

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

Щоб додати відповідь Майка, хтось може вважати це корисним. Можливо, вам знадобиться отримати конкретний ідентифікатор вкладеного файлу, так що це можна зробити, передавши get_post_thumbnail_idприклад ідентифікатора на приклад:

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