Как отключить самозакрывающиеся теги для разметки в WordPress (например, для HTML5 или HTML4)?


18

Я хочу использовать HTML5 в своей теме WordPress, как мне отключить wptexturize?

Я не против того, чтобы WP добавлял разрывы, но я хочу, чтобы они были, <br>а нет <br />. Как получить контроль над тем, как эти разрывы отображаются в моем коде?

РЕДАКТИРОВАТЬ: меня действительно волнует <br>вопрос тега, я не против типографских изменений, которые он вносит.

EDIT2: На самом деле, я думаю, <img>теги тоже имеют значение. Здесь будут иметь значение любые самозакрывающиеся автономные теги. Таким образом, <hr>может быть проблемой. Не говоря уже о таких wp_head()предметах, как <link>и различные <meta>теги.


1
что не так с <br />?
Скотт М.

2
Это хорошо, но если я захочу ознакомиться с версией HTML5, не относящейся к XML, мне не понадобятся окончания в стиле XML `/>`.
artlung

Я думал, что <br /> был действительным html и xhtml? Когда это не было?
Райан Гиббонс

5
Я считаю, что этот вопрос чрезвычайно вводит в заблуждение. wptexturize никоим образом не мешает сайту быть совместимым с HTML 5.
Райан Гиббонс

2
Может кто-нибудь переименовать это в соответствии со словами «Как убрать косые черты из самозакрывающихся элементов в генерируемой WordPress разметке»?
Бобби Джек,

Ответы:


21

Разрывы строк добавляются wpautop(), а не wptexturize(). wpautop()это также функция, которая автоматически добавляет теги абзаца.

Вам лучше починить <br />, чем заменить фильтр. Поскольку 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.
Viper007Связь

Ах. Интересный. Я довольно новичок в разработке 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

Просто нашел это; Самозакрывающиеся теги на пустых элементах являются действительными 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 существует значительное количество страниц, использующих конечную косую черту. Из-за этого синтаксис конечной косой черты был разрешен для пустых элементов в HTML, чтобы упростить миграцию из XHTML1 в HTML5. " Разрешено как наследство. Я думаю, что путь вперед - это лишние "/", поэтому мой вопрос. Я думаю, что 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 (). Включите также другие элементы HTML, такие как thead, tfoot, aside и используйте синтаксис 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');

смотрите больше на svn темы html5 стартер, а не фреймворк!


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.