![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
WordPressの場合、投稿やページに自動的に特定のHTMLを挿入するためのプラグインがいくつかあります。
その中でも、"AddFunc Head & Footer Code"や"Header and Footer Scripts"などのプラグインは、functions.phpファイルに直接コードを書き込むことなく、ヘッダーやフッターにHTMLコードを挿入することができます。以下は、"AddFunc Head & Footer Code"プラグインを使用した場合の、imgタグに自動的にdata-lity属性を追加する方法の例です。
"AddFunc Head & Footer Code"プラグインをインストールし、有効化します。
WordPressの管理画面から、"Appearance"→"Editor"を選択し、functions.phpを開きます。
以下のコードを追加します。
.php
Copy code
function add_lity_to_img( $content ) {
// imgタグにdata-lity属性を追加
$content = preg_replace('/<img(.*?)src="(.*?)"(.*?)>/', '<a data-lity href="$2"><img$1src="$2"$3></a>', $content);
return $content;
}
add_filter( 'the_content', 'add_lity_to_img' );
関数.phpを保存します。
このコードを追加すると、投稿やページにimgタグが挿入されると、そのimgタグに自動的にdata-lity属性が追加されます。このようにすることで、複数の人が記事を書いた場合でも、imgタグにdata-lity属性を手動で追加する必要がなくなります。ただし、このコードを使用する場合は、imgタグをaタグでラップすることになるため、スタイリングに注意する必要があります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- PHP PHP・Wordpress preg_replaceを条件分岐で処理させる方法が知りたい 1 2023/05/01 14:25
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- その他(プログラミング・Web制作) pythonのグローバル変数 2 2022/11/25 18:02
- ノートパソコン ノートパソコンで動画編集をするようになってから立ち上がるまで時間がかかるようになりました 11 2023/06/01 16:15
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- その他(コンピューター・テクノロジー) 動画編集のためにDVDをデーター化ができない原因を知りたい。 7 2022/12/28 14:32
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク先のURLを別の文字にする...
-
URLが青くならない
-
Wordで作成した文章をコピーし...
-
リンクのコピーについて
-
infoseekの無料アクセス解析の...
-
ニコ動のタグ荒らしについて
-
ブログの画像をアマゾンのブッ...
-
ワードプレスの《タグ》は必要?
-
gooブログにワードで作成した新...
-
ブログに検索よけタグの挿入方...
-
YouTubeのリンクの方法
-
メモ帳でホームページ作り
-
サイドバーにバナーやアクセサ...
-
楽天ブログにてグーグルマップ...
-
タグを使ってのHPの作り方。
-
ココログにFlashの動画を貼り付...
-
gooブログの画像の回り込み...
-
ヤプログでマウスストーカのよ...
-
ブログでmp3ファイルを再生
-
Excel で下線が消えてしまうの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンク先のURLを別の文字にする...
-
URLが青くならない
-
ホームページにPDFファイルをリ...
-
Wordで作成した文章をコピーし...
-
アフィリエイトのコードについ...
-
ある特定の表の枠線を消す方法は?
-
ブログ上で音楽再生をするため...
-
SEO(検索エンジン最適化)について
-
WordPress (ワードプレス)の...
-
Yhoo!ブログで・・・・・・
-
ブログの画像をアマゾンのブッ...
-
FC2でアマゾンの広告がURLにな...
-
GOOブログパーツ ドラえも...
-
ピクスタのタグ付けがスムーズ...
-
ライブドアブログがタグ付けで...
-
楽天ブログでロールオーバータ...
-
アメブロにグーグルマップを埋...
-
JUGEMブログの記事にアフ...
-
画像ポップアップ(Lity)の使...
-
ソースの表示が・・・
おすすめ情報