![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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を別の文字にする...
-
ピクスタのタグ付けがスムーズ...
-
Movabletype3.2で
-
アマゾン、楽天のアフィリエイ...
-
忍者ブログのアフィリエイト広...
-
はじめまして。パソコン初心者...
-
Excel で下線が消えてしまうの...
-
Google Keepで数字に勝手に下線...
-
【excelの下線(会計)とは】
-
CSSでインラインフレームを非表...
-
GoogleMapのリンク地図にスケー...
-
メルカリのハンドルネームって...
-
リンクを設定した文字の上にマ...
-
アフィリエイトのテキストリン...
-
エクセルのセルの下線が消えない
-
AppleのNumbersというアプリで...
-
アンダーラインを引くやり方
-
パワーポイント:テキストボッ...
-
ワードの表で下線と文字の入力
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンク先のURLを別の文字にする...
-
URLが青くならない
-
ホームページにPDFファイルをリ...
-
ニコ動のタグ荒らしについて
-
ニコニコ動画のタグロックについて
-
ブックマークのプロパティに説...
-
ワードプレスの《タグ》は必要?
-
ブログに検索よけタグの挿入方...
-
infoseekの無料アクセス解析の...
-
IPアドレス
-
ヤプログでマウスストーカのよ...
-
リンクのコピーについて
-
Wordで作成した文章をコピーし...
-
You Tube 埋め込み方法
-
アメブロにグーグルマップを埋...
-
画像の横に文字を入力する方法...
-
ブログで検索で引っかかるキー...
-
タグを使ってのHPの作り方。
-
バリューコマースのバナー広告...
-
ソースで日本語を文字化けさせ...
おすすめ情報