WordPressでの画像の挿入【備忘録】

このブログはWordpressというブログソフトで動いていますが、その使い方の備忘録です。改変したところを書いておかないとあとでわからなくなるので書いておきます。関係ない方は飛ばしてくださいね。

ブログの中に画像を挿入するときに、メディアを挿入→投稿に挿入を使いますが、その時に生成されるHTMLがあるバージョンから変更されました。以前は何の問題もなかったのですが、変更後はブログの中のサムネイルをクリックしても大きく表示されなくなりました。その理由はrel=なんちゃらかんちゃんらという文字列が自動で挿入されるようになったから。

以下のとおりです。

このサムネイルをクリックしても大きな画像が出てこないはず。読込中の様なバーが出たままになる。

以前はこの様にクリックすれば大きな画像が見れた。

これは最初の画像のほうは「 rel=”attachment wp-att-33630″」とう文字列が入っているから。それを削除すればよいのですが、画像を入れるたびにいちいち削除するのは大変。ですので、ダッシュボードからテーマの編集を選び、「functions.php」にその文字列を削除する命令を書き込みます。

function my_remove_rel_attr($content) {
return preg_replace(‘/\s+rel=”attachment wp-att-[0-9]+”/i’, ”, $content);
}
add_filter(‘image_send_to_editor’, ‘my_remove_rel_attr’);

これで普通に画像を投稿に挿入しても、以前のように上記の文字列が入らないので、今まで通り、サムネイルをクリックすれば大きな画像が表示される。

「にほんブログ村」のランキングに参加しております。是非、応援のクリックをお願いします。