ゆめぴょんの知恵ゆめぴょんの知恵
サイト制作、WordPressカスタマイズ、無料アプリ紹介など。海外旅行135ヶ国。知識を知恵にするブログ!

【WordPress】画像imgだけpタグで囲わない方法!自動pを全て削除する方法も

子猫。WordPressのコネタ

WordPressでは自動的にp,brタグなどを付けてくれるので、HTMLを知らない人でも記事作成に集中できます。しかしテーマをいじって余白を調整しだすとこの機能が邪魔に思えることもあります。今回はこの対処方法です。

ゆめぴょん(@yume_pyon)です。こんちはっ!

WordPressはどんな人でも簡単にブログを構築できる、素晴らしいシステムだと思っています。もちろん万能ではないので、SEO対策、高速化、デザインなどを重視したい場合はカスタマイズの必要があります。

でもこのカスタマイズもまた面白いんですよね。時間かけすぎて後で後悔することもありますが(汗)。下の記事は私のカスタマイズ記事の一部です。よければ参考にしてください。

【WordPress】見出しから目次を自動生成。プラグイン不要!コピペでOK【WordPress】見出しから目次を自動生成。プラグイン不要!コピペでOK80 shares

ブログ記事で目次を自動的に見出しから生成する方法を紹介します。WordPress…

【WordPress】新テーマデザインで96点達成!SEO対策・軽量化など7つの特徴をさらします【WordPress】新テーマデザインで96点達成!SEO対策・軽量化など7つの特徴をさらします31 shares

このブログのPC・タブレットで表示されるデザインを大幅に変更しました。今回は新テ…

【Web制作】スマホサイトの高速化!pagespeedで93点達成の攻略方法【Web制作】スマホサイトの高速化!pagespeedで93点達成の攻略方法28 shares

スマホ用テーマデザインでサイト作成した時に実装した、表示の高速化に関するチップを…

画像イメージタグimgだけ、自動pを解除する方法

テーマをゼロから自作すると、今までは気にしなかったWordPressの便利機能が、逆に余計なお世話に思えてきました。特に画像を自動でpタグで囲う機能です。

私は自作CSS(スタイルシート)の中で、imgタグには適切な余白を付けているため、これ以上の余白調整は不要です。しかも画像だけをpタグで囲うのは、pタグ本来の意味としても正しくない気がします。

そういうわけで、記事本文の画像は、pタグで囲わないよう設定しました。

本文のimgタグだけ、pで囲わない設定

テーマファイル「functions.php」を編集します。WordPressで最重要ファイルです。修正前には必ずバックアップをとってください。もし問題が起こったらすぐ元に戻してください。全て自己責任でお願いします。

方法は簡単です。下のコードを、テーマファイル「functions.php」に追記するだけです。「<?php」と「?>」の間に書かないと、画面真っ白になるので注意してください。

このコードは、いろんなブログで紹介されています。私が参考にしたのは下のページです。ありがとうございました。

[WordPress] 画像のみ、pタグで囲わないようにする – かちびと.net

記事全文の自動p,brを解除する設定方法

画像imgタグだけでなく、記事や抜粋の全文からp,brの自動付与を解除する方法もあります。HTMLを知らない人や、初心者にはオススメしません。

この自動化は気軽にいつでもON・OFFできます。解除する前には、全ての記事にpタグ、brタグを自力で付けておく必要があります。そうしないと文章が全部くっつきます(笑)

設定方法はとても簡単です。下の2行をfunctions.php内に追記するだけです。

追記して保存した後は、可能な限り全てのコンテンツを確認した方がいいと思います。

まとめ:今日のゆめぴょんの知恵

今回の記事内容をざっくり言うと。

  • WordPressは便利だけど、足りない点も余計なお世話もある
  • 画像タグのみ、自動でpタグを付けない設定が可能
  • 本文全ての自動化p,brタグを解除する設定方法も簡単

下の記事も、functions.phpに追記するだけでできる小ネタです。

【WordPress】固定ページでpage.phpでなく投稿記事のsingleを共通利用する方法【WordPress】固定ページでpage.phpでなく投稿記事のsingleを共通利用する方法18 shares

このブログはWordPressというブログシステムで運用しています。テーマ(デザ…

次回の記事は「ウェブ制作に役立つチップ」の予定です(^^)。更新を見逃さないためにも、 feedlyの登録をおすすめします(^^)/

ゆめぴょん(@yume_pyon)でした。ばいちゃお! こてっZzz

«前記事:Ping送信先の一覧!2014年4月版。WordPressブログのgoo設定方法も解説WordPressショートコード共有!過去記事リンクをデザインしてSEO対策とPVアップ:次記事»
ページ
↑先頭
ホーム