ローディング中

ワードプレス初心者講座 画像のalt属性を自由に変更したい

みなさんこんにちは、個別指導塾コミット塾長、AWESOME開発担当の船津です。

目次

画像のalt属性、ちゃんと設定してますか?面倒くさいですよね。

ちゃんと設定するとSEOに効果があるとされていますが、なかなか全部の画像に設定できないし、自動で関連キーワードを付与したいですよね。
ちなみにデフォルトだとアップロードされた時のファイル名がaltに入ります。

でも

関連キーワードを付与するのも面倒くさいですよね。

じゃあ

今回はとりあえずタイトルでも入れておきましょう。

こんなコードになりました。

functions.phpにこれを追記して下さい。

add_filter('the_content', 'img_replace_filter');
add_filter('post_thumbnail_html', 'img_replace_filter');
function img_replace_filter( $html ){
$post_title = get_the_title();
$subalt = "alt=".'"'.$post_title.'"';
$html = preg_replace('/alt=[\'"]([^\'"]+)[\'"]/i', $subalt, $html);
return $html;
}

要点

  • the_contentをフックに指定することで投稿画像のaltが変更されます
  • post_thumbnail_htmlをフックに指定することでサムネイルのaltが変更されます

これだけで画像のalt属性が勝手に全部タイトルになります。
個別にaltを設定している場合にも変わってしまうので、個別に用意したい方はカスタマイズしてみてくださいね。

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.