アイキャッチ画像のaltに任意のタイトルを入れる方法：WordPress | コーディング・プログラミング・WEB制作ブログ

アイキャッチ画像のaltに任意のタイトルを入れる方法：WordPress

WordPressのアイキャッチ画像のaltに任意のタイトルを入れて出力する方法をメモ

functions.phpに

function get_thumb_img($size = 'full', $alt = null) {
  $thumb_id = get_post_thumbnail_id();
  $thumb_img = wp_get_attachment_image_src($thumb_id, $size);
  $thumb_src = $thumb_img[0];
  $alt = ($alt) ? $alt : get_the_title(); 
  return '<img src="'.$thumb_src.'" alt="'.$alt.'">';
}

を追加し、

出力したい箇所に

$alt = get_the_title();
echo get_thumb_img('full', $alt);

のようにすることで投稿のタイトルをaltに入れることができます。

任意の文字にしたい場合は

echo get_thumb_img('full', 'あああ');

とかでOK

fullの箇所はlargeなどアイキャッチのサイズを指定

案件探しに！絶対登録しておきたいクラウドソーシングサービス3選【評価と経験談】：ビジネス・副業

WordPressのおすすめ参考書

WordPress仕事の現場でサッと使える!デザイン教科書／中島真洋／ロクナナワークショップ【3000円以上送料無料】

bookfan 1号店 楽天市場店

¥3,300 （2024/11/27 16:53時点 | 楽天市場調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

エンジニアのためのWordPress開発入門【電子書籍】[ 野島祐慈 ]

楽天Kobo電子書籍ストア

¥3,278 （2024/11/27 16:53時点 | 楽天市場調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ