WordPress

【WordPress】img タグに自動的に追加される属性について

投稿日:

1. はじめに

WordPress で投稿ページ画像を貼った場合、その画像を表す <img> タグにどのような属性が自動的に追加されるかについて調べたので簡単に紹介します。

2. 環境

WordPress 5.6.1

3. img タグに自動追加される属性

コンテンツに対する処理

重要なのは、wp_filter_content_tags() 関数です。ここで、渡されたコンテンツ内の <img> タグに対していろいろ処理を行っています。

抽出した <img> タグに対して主にやっている処理は以下になります。

  1. width, height 属性を追加する。
  2. srcset, sizes 属性を追加する。
  3. loading 属性を追加する(デフォルトの値は lazy)。

実際はそれぞれ実行する条件があるのですが、できるだけ追加される方向で処理されます。

実行されるタイミング

wp_filter_content_tags() 関数は、default-filters.php ファイル内で the_content というフィルターに登録されています。

add_filter( 'the_content', 'wp_filter_content_tags' );

この the_content というフィルターは、投稿ページの本文を出力する関数 the_content 内で実行されます。

4. おわりに

意外とシンプルでした。

ただ、このあたりの処理はまた変わりそうなので、注意してないといけません。

5. 参考

📂-WordPress

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

WordPress

WordPress をフレームワークとして利用する

目次1. はじめに2. WordPress をフレームワークとして利用する場合に便利な機能3. ブログでない Webサイトに WordPress を使う試み3-1. したいこと3-1-1. メインのコ …

WordPress

WordPressのマルチサイトでサイトを判別するPHPコード

WordPress では マルチサイトといって 1つのWordPress内に複数のサイトを作成する機能があります。(詳しくは、ネットワークの作成 – WordPress Codex 日本語 …

WordPressで作られたサイトの利用テーマを調査する

ブラウザでサイトを見ていて、「これは WordPressを使っているのか?」「WordPressを使っているとしてら、何のテーマを使っているのか?」を調査する方法です。 ※ 100%分かるわけではあり …

WordPress

【WordPress】Failed to load plugin url: /wp-content/plugins/post-snippets/tinymce/langs/ja.js というエラーが表示されました

WordPressで、Failed to load plugin url: /wp-content/plugins/post-snippets/tinymce/langs/ja.js というエラーが発生しました。

WordPress

WordPress 5.4 以降で記事にリンクを貼る際のオプション

WordPress 5.4 以降で、記事にリンクを貼る際のオプションについて説明します。