0

HTML ページを WordPress テーマに変換しようとしていますが、今のところ問題はありません。しかし、カスタム投稿タイプのサムネイルを読み込んで、必要なクラスとスタイルを追加する際に問題があります。私のHTMLには、次のようなイメージタグがあります。

<img class="img-circle" src="img/welcom.jpg" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">

次のように src 属性を汚染することにより、カスタム WP クエリで上記のタグをエコーすることを試みましたsrc="'.the_post_thumbnail().'" 。

echo ' <img class="img-circle" src="'.the_post_thumbnail().'" alt="140x140" style="width: 140px; height: 140px;">';

今、私はページに画像を取得していますが、クラスやスタイルを取得しておらず、ソース コードは次のよう ここに画像の説明を入力 になっています。これを修正する方法を教えてください。

4

2 に答える 2

2

the_post_thumbnail()src urlを返すという仮定は間違っています。img要素全体を返します...コーデックスを見てください

ただし、基本的には、class、size、および alt を引数として渡す必要がありますthe_post_thumbnail() 

$size = array(140,140);
$attr = array(
    'class' => "img-circle",
    'alt'   => "140x140"
);
the_post_thumbnail( $size, $attr );
于 2013-11-01T01:30:32.283 に答える
1

このコードを試してみてください。残りのすべての画像に役立ちます...

このコードをfunction.phpファイルに入れます

if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'custom-post-thumb', 140, 140,true );
}

これをコードで使用します。

<?php if ( has_post_thumbnail()) : ?>

 <?php the_post_thumbnail('custom-post-thumb', array('class' => 'img-circle')); ?>

<?php endif; ?>

ありがとう

于 2013-11-01T05:49:24.810 に答える