WordPressでマークアップの自己終了タグをオフにするにはどうすればよいですか(HTML5、HTML4など)。


18

WordPressテーマでHTML5を使用したいのですが、wptexturizeをオフにするにはどうすればよいですか?

私は休憩を追加するWPを気にしないが、私は彼らがなりたい<br>とはありません<br />。これらのブレークがコードにどのように表示されるかを制御するにはどうすればよいですか?

編集:私は本当に<br>タグの問題にのみ関心があり、それが行う活版印刷の変更を気にしません。

EDIT2:実際には、<img>タグも重要だと思います。ここでは、自己完結型のスタンドアロンタグが重要です。したがって、<hr>同様に問題になる可能性があります。さまざまなタグなどのwp_head()アイテムは言うまでもありません。<link><meta>


1
何が悪いの<br />
スコットM.

2
大丈夫ですが、HTML5の非XMLバージョンを理解したい場合は、XMLスタイルの `/>`エンディングは必要ありません。
-artlung

<br />は有効なhtmlおよびxhtmlであると思いましたか?いつではなかったのですか?
ライアンギボンズ

5
この質問は非常に誤解を招くと思います。wptexturizeは、サイトがHTML 5に準拠することを妨げるものではありません。
ライアンギボンズ

2
「wordpressで生成されたマークアップの自己終了要素から末尾のスラッシュを削除する方法」の行に沿って誰かにタイトルを変更してください。
ボビージャック

回答:


21

改行はwpautop()、ではなくによって追加されwptexturize()ます。wpautop()また、段落タグを自動的に追加する関数です。

<br />フィルタを交換するよりも、「s」を修正した方が良いでしょう。wpautop()優先度10で実行されるため、その後はフックして修正することができます。

add_filter( 'the_content', 'html5_line_breaks', 25 );

function html5_line_breaks( $content ) {
    return str_replace( '<br />', '<br>', $content );
}

OPの更新後に編集:

WordPress関数は、XHTMLを出力するように設計されています。これらの末尾のスラッシュをサイト全体で取り除くには、出力バッファーを使用する必要があります。上記のようなフィルターを使用して投稿のコンテンツのスラッシュを置き換えることもできますが、頭やサイドバーなどをキャッチすることはできません。

それは少しいですし、パフォーマンスにわずかな影響があるかもしれませんが、ここに行きます(これをプラグインまたはテーマのfunctions.phpファイルにドロップします):

if ( !is_admin() && ( ! defined('DOING_AJAX') || ( defined('DOING_AJAX') && ! DOING_AJAX ) ) ) {
    ob_start( 'html5_slash_fixer' );
    add_action( 'shutdown', 'html5_slash_fixer_flush' );
}

function html5_slash_fixer( $buffer ) {
    return str_replace( ' />', '>', $buffer );
}

function html5_slash_fixer_flush() {
    ob_end_flush();
}

そのコードは、あなたが管理領域にいなくてAJAXリクエスト処理をしていない場合、フィルターを介して出力のバッファリングを開始し、WordPressシャットダウンフックを使用して、そのバッファを出力します。


私はまだオープンfunctions.phpをクラックする時間がありませんでしたが、ブロックが行く場合、それをどこで詳しく説明できますか?そのファイルを開く機会が得られれば、それは明らかかもしれませんが、私は問題を解決できると思います。
トーマスオーエンズ

@Thomas:テーマのfunctions.phpファイルはプラグインファイルのようなものです。そこにあるコードはすべて自動的に実行されます。有効なPHPであれば、どこに行っても問題ありません。
Viper007Bond

あ。面白い。私はWordPressの開発にかなり慣れていないので、まだ多くを学んでいます。それを片付けてくれてありがとう。
トーマスオーエンズ

8

どうぞ:

function my_awesome_tag_fixer( $input ){
  return preg_replace( '/(<.+)\s\/>/', '$1>', $input );
}

foreach( array('the_content', 'the_excerpt', 'comment_text') as $filter )
  add_filter( $filter, 'my_awesome_tag_fixer', 12 );

これは最もエレガントなソリューションではありませんが、wpautopとwptexturizeを書き換えるよりもはるかに迅速に実行できます。


1
+1 HTML 4.01の厳格なコンプライアンスのために非常に似たようなことをしました。
トレバーブランブル

7

見つけました。void要素の自己終了タグは有効なhtmlです。

In HTML5 we've allowed the / on void elements (like <meta>, <img>, <br>, <input>, etc), to ease migration to and from XML.

http://lists.whatwg.org/pipermail/help-whatwg.org/2008-August/000137.html

詳細情報:

http://wiki.whatwg.org/wiki/FAQ#Should_I_close_empty_elements_with_.2F.3E_or_.3E.3F


1
「しかし、XHTML1を使用する広範な試みのために、末尾のスラッシュを使用するページがかなりあります。このため、XHTML1からHTML5への移行を容易にするために、HTMLのvoid要素で末尾のスラッシュ構文が許可されています。 」レガシーとして許可されています。今後の方法は、余分な「/」を捨てることだと思うので、私の質問です。WordPressでは、xhtml、またはhtml4.01またはhtml5にコードを作成するオプションを許可する必要があると思います。
-artlung

それがあなたが言っていることを読んでいる問題です。末尾のスラッシュは許可されます。つまり、有効な構文です。削除されると推測していますか?標準がどこに向かっているのかを推測し、存在しない問題を解決するための作業を作成するのはなぜですか?
ライアンギボンズ

私は何も推測していません。何も推測していません。/マークは仕様では必要ありません。WordPressで/マークを削除するオプションが必要です。
-artlung

私はXHTMLが好きです。古いHTMLの無秩序な外観に戻る必要がありますか。
アーレンベイラー

アーレン、私は整然としたhtmlが好きで、xhtmlが好きです。私はバリデーターの大ファンです。独自のコードで検証を行うために、独自のDoctypeを作成しました。私はhtml 3.2、html 4、4.01、さらにはhtml 2.0を使用しました!lab.artlung.com/html-2.0-しかし、WordPressで自己終了タグを削除するオプションが欲しい。大したことではないようです。私の質問の前提について議論するのは非常に役に立たない気がします。
-artlung

6

これは、テーマのfunction.phpファイルで、remove_filter()関数(http://codex.wordpress.org/Function_Reference/remove_filter)を利用することで無効にできます。

remove_filter("the_content", "wptexturize");

1
これをさらに細かく制御できますか?このようにすると、活版印刷のマークは失われませんか?
-artlung

私は頭の上の簡単なアプローチを知りませんが、あなたのために私が理解できることを見てみましょう。
トーマス

にある目的の機能を再現するwptexturize()以外に、他の実行可能なソリューションを見つけることができませんでした。
トーマス

単に逆にする方法があるのだろうか<br />-それらを<br>多分で置き換えますか?
artlung

5

html5とWordPressのスターターテーマと、wptexturizeではなくwpautop()の関数があります。さておき、またthead要素、tfoot要素のようなHTMLの他の要素を含むなど、HTML5の構文を使用
し、

/**
 * wpautop for HTML5, allowed: table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|map|area|blockquote|address|math|style|input|p|h[1-6]|hr|fieldset|legend|section|article|aside|header|footer|hgroup|figure|details|figcaption|summary)
 * @link http://nicolasgallagher.com/using-html5-elements-in-wordpress-post-content/
 * @author nicolas@nicolasgallagher.com
 */
function html5wpautop($pee, $br = 1) {
    if ( trim($pee) === '' )
            return '';

    $pee = $pee . "\n"; // just to make things a little easier, pad the end
    $pee = preg_replace('|<br />\s*<br />|', "\n\n", $pee);
    // Space things out a little
    // *insertion* of section|article|aside|header|footer|hgroup|figure|details|figcaption|summary
    $allblocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|map|area|blockquote|address|math|style|input|p|h[1-6]|hr|fieldset|legend|section|article|aside|header|footer|hgroup|figure|details|figcaption|summary)';
    $pee = preg_replace('!(<' . $allblocks . '[^>]*>)!', "\n$1", $pee);
    $pee = preg_replace('!(</' . $allblocks . '>)!', "$1\n\n", $pee);
    $pee = str_replace(array("\r\n", "\r"), "\n", $pee); // cross-platform newlines
    if ( strpos($pee, '<object') !== false ) {
            $pee = preg_replace('|\s*<param([^>]*)>\s*|', "<param$1>", $pee); // no pee inside object/embed
            $pee = preg_replace('|\s*</embed>\s*|', '</embed>', $pee);
    }
    $pee = preg_replace("/\n\n+/", "\n\n", $pee); // take care of duplicates
    // make paragraphs, including one at the end
    $pees = preg_split('/\n\s*\n/', $pee, -1, PREG_SPLIT_NO_EMPTY);
    $pee = '';
    foreach ( $pees as $tinkle )
            $pee .= '<p>' . trim($tinkle, "\n") . "</p>\n";
    $pee = preg_replace('|<p>\s*</p>|', '', $pee); // under certain strange conditions it could create a P of entirely whitespace
    // *insertion* of section|article|aside
    $pee = preg_replace('!<p>([^<]+)</(div|address|form|section|article|aside)>!', "<p>$1</p></$2>", $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)\s*</p>!', "$1", $pee); // don't pee all over a tag
    $pee = preg_replace("|<p>(<li.+?)</p>|", "$1", $pee); // problem with nested lists
    $pee = preg_replace('|<p><blockquote([^>]*)>|i', "<blockquote$1><p>", $pee);
    $pee = str_replace('</blockquote></p>', '</p></blockquote>', $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)!', "$1", $pee);
    $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)\s*</p>!', "$1", $pee);
    if ($br) {
            $pee = preg_replace_callback('/<(script|style).*?<\/\\1>/s', create_function('$matches', 'return str_replace("\n", "<WPPreserveNewline />", $matches[0]);'), $pee);
            $pee = preg_replace('|(?<!<br />)\s*\n|', "<br />\n", $pee); // optionally make line breaks
            $pee = str_replace('<WPPreserveNewline />', "\n", $pee);
    }
    $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)\s*<br />!', "$1", $pee);
    // *insertion* of img|figcaption|summary
    $pee = preg_replace('!<br />(\s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol|img|figcaption|summary)[^>]*>)!', '$1', $pee);
    if (strpos($pee, '<pre') !== false)
            $pee = preg_replace_callback('!(<pre[^>]*>)(.*?)</pre>!is', 'clean_pre', $pee );
    $pee = preg_replace( "|\n</p>$|", '</p>', $pee );

    return $pee;
}

// remove the original wpautop function
remove_filter('the_excerpt', 'wpautop');
remove_filter('the_content', 'wpautop');

// add our new html5autop function
add_filter('the_excerpt', 'html5wpautop');
add_filter('the_content', 'html5wpautop');

フレームワークではなく、html5スターターテーマのsvnを参照してください!


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.