WordpressのPHP私はWPのテンプレートを使用して簡単なサイトを構築したテキスト

Question

エコーALT http://wpshower.com/themes/expositio/

サイトです：Mathiaswarnich.dk

それは大丈夫だが、それは、代替テキストが表示されないと、私はPHPを理解することはできませんセットアップ。それは注目の画像であれば

* The template for displaying image attachments 

// Retrieve attachment metadata. 
$metadata = wp_get_attachment_metadata(); 

get_header(); 
?> 

<section id="primary" class="content-area image-attachment"> 
    <div id="content" class="site-content" role="main"> 

 <header class="entry-header"> 
      <?php the_title('<h1 class="entry-title">', '</h1>'); ?> 
      <div class="entry-meta"> 
       <div class="full-size-link"> 
        <a href="<?php echo wp_get_attachment_url(); ?>"><?php echo $metadata['width']; ?> &times; <?php echo $metadata['height']; ?></a> 
       </div> 
       <div class="parent-post-link"> 
        <a href="<?php echo get_permalink($post->post_parent); ?>" rel="gallery"><?php echo get_the_title($post->post_parent); ?></a> 
       </div> 
      </div> 
     </header><!-- 
     --><article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
      <div class="entry-content"> 
       <div class="entry-attachment"> 
        <div class="attachment"> 
         <?php expositio_the_attached_image(); ?> 
        </div><!-- .attachment --> 
<?php if (has_excerpt()) : ?> 
        <div class="entry-caption"> 
         <?php the_excerpt(); ?> 
        </div><!-- .entry-caption --> 
<?php endif; ?> 
       </div><!-- .entry-attachment --> 
       <?php 
       the_content(); 
       wp_link_pages(array(
        'before' => '<div class="page-links"><span class="page-links-title">'.__('Pages:', 'expositio').'</span>', 
        'after' => '</div>', 
        'link_before' => '<span>', 
        'link_after' => '</span>', 
       )); 
       ?> 

Answer 1

- あなたも、この

//full is the size - If you have a size from the theme, use that instead. 
//don't know how your theme works, but maybe 'expositio_attachment_size' 
<?php the_post_thumbnail('full'); ?> 

またはこの

に

<?php expositio_the_attached_image(); ?> 

を変更することができます。これは、画像のコードです

<div class="attachment"> 
     <?php expositio_the_attached_image(); ?> 
</div><!-- .attachment --> 

この

<?php if (has_post_thumbnail()) : ?> 
    <div class="attachment"> 
     <?php the_post_thumbnail('full'); ?> 
    </div><!-- .attachment --> 
<?php endif; ?> 

あなたはまた、いくつかの画像あなたが不足しているクラスがある場合、この機能に属性を追加することができます。この

<?php if (has_post_thumbnail()) : ?> 
    <div class="attachment"> 
     <?php the_post_thumbnail('full', ['class' => 'img-responsive responsive--full', 'title' => 'Feature image']); ?> 
    </div><!-- .attachment --> 
<?php endif; ?> 

幸運のような 、楽しい時を過します！

Answer 2

はい、WP Expositioのテーマも使用している写真のウェブサイトで同じ問題が最近気付きました。

Stenderの回答で紹介されている回避策は、ギャラリーがカスタム関数で処理されるため機能しません。

ソリューションは非常に簡単です：

ステップ1：テーマディレクトリで開く/inc/template-tags.php。

ステップ2：

function expositio_image_tag($thumbnail_id, $size = 'post-thumbnail') { 
$meta = wp_get_attachment_metadata($thumbnail_id); 
if ($meta === false || $meta === '') { 
    return sprintf(
     '<img src="%s" width="%s" height="%s" alt="" />', 
     wpShower::defaultImage(), 
     wpShower::$default_image_width, 
     wpShower::$default_image_height 
    ); 
} 

$src = wp_get_attachment_image_src($thumbnail_id, $size); 
$size_available = isset($meta['sizes'][$size]); 
return sprintf(
    '<img src="%s" width="%s" height="%s" alt="" />', 
    $src[0], 
    $size_available ? $meta['sizes'][$size]['width'] : $meta['width'], 
    $size_available ? $meta['sizes'][$size]['height'] : $meta['height'] 
); 
} 

ステップ3：87行目、ここでコードを検査するために移動し、これにコードブロックの上方に交換：4

function expositio_image_tag($thumbnail_id, $size = 'post-thumbnail') { 
$meta = wp_get_attachment_metadata($thumbnail_id); 
if ($meta === false || $meta === '') { 
    return sprintf(
     '<img src="%s" width="%s" height="%s" alt="" />', 
     wpShower::defaultImage(), 
     wpShower::$default_image_width, 
     wpShower::$default_image_height 
    ); 
} 
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); 
$src = wp_get_attachment_image_src($thumbnail_id, $size); 
$size_available = isset($meta['sizes'][$size]); 
return sprintf(
    '<img src="%s" width="%s" height="%s" alt="%s" />', 
    $src[0], 
    $size_available ? $meta['sizes'][$size]['width'] : $meta['width'], 
    $size_available ? $meta['sizes'][$size]['height'] : $meta['height'], 
    $alt 
); 
} 

工程：予約/編集したファイルをアップロードする。サイトを更新します。

基本的には、画像alt属性を取得してフォーマットされた文字列値配列に追加する$ alt変数を作成しています。楽しい。