WordPressでcssの+(隣接セレクタ)が効かないとき…wpautopで勝手に入るpタグが原因かも?

2018-01-10 @niketcha

cssで+(隣接セレクタ)を使ったスタイルを実装したかったんですが、うまく動いてくれない。ソースを確認したところ、覚えのないpタグが挿入されていたことが原因でした。

WordPressではwpautopという関数により、pタグを自動挿入してテキストを成型する仕組みになっているそうです。

Sponsored Link

pタグの自動挿入を停止する方法

全てのページで停止したい場合

WordPressの全てのページでwpautopを停止したい場合はfunction.phpを修正します。

function.php
// 記事に適用
remove_filter('the_content', 'wpautop');
// 抜粋に適用
remove_filter('the_excerpt', 'wpautop');

特定のページで停止したい場合

固定ページや個別投稿ページなど、特定のページのみで停止したい場合はテンプレートファイルを修正します。

たとえば個別投稿に適用したい場合、single.phpでthe_content();と書かれている箇所を探します。そしてthe_content();の直前に下記のコードを追記してください。

single.php
<?php remove_filter ('the_content', 'wpautop'); ?>

注意事項

pタグの自動挿入を停止すると、予期せぬ表示崩れが起こるかもしれません。

-ウェブサイト構築, word press

コメントを残す

お名前もメールも入力は任意です。お気軽に指摘や質問などしていただけると嬉しいです。

Gravatarに登録すると、お好きな画像をアバターに設定できます。

Copyright© ニケッチャニッキ , 2017-2018 All Rights Reserved.