Остановка Wordpress Обертка изображений в теге «A»

Я искал высоко и низко для простого решения этого, но безрезультатно. Wordpress продолжает обматывать мои изображения в тэгах и из-за эксцентричного характера макета для сайта, над которым я работаю, это очень раздражает.

Я создал решение jQuery для разворачивания изображений, но это не так уж здорово. Он отстает из-за загрузки других материалов на странице, поэтому изменения происходят медленно. Есть ли способ предотвратить перенос Wordpress только изображений с помощью тэгов? Возможно, это может быть крючок или фильтр.

Это происходит при загрузке изображения, а затем вставка его в редактор WYSIWYG. Вручную переходить в представление кода и удалять теги p не является вариантом, так как клиент не является технически неумелым.

Я понимаю, что изображения встроены, но способ, которым у меня есть кодированные изображения на сайте, находится внутри div и блокируется, поэтому они являются допустимым кодом.

31 голос | спросил Dwayne Charrington 17 Jam1000000amMon, 17 Jan 2011 07:08:51 +030011 2011, 07:08:51

9 ответов


32

вот что мы вчера делали на клиентском сайте, у которого была эта точная проблема ... Я создал быстрый фильтр в качестве плагина и активировал его.

<?php
/*
Plugin Name: Image P tag remover
Description: Plugin to remove p tags from around images in content outputting, after WP autop filter has added them. (oh the irony)
Version: 1.0
Author: Fublo Ltd
Author URI: http://fublo.net/
*/

function filter_ptags_on_images($content)
{
    // do a regular expression replace...
    // find all p tags that have just
    // <p>maybe some white space<img all stuff up to /> then maybe whitespace </p>
    // replace it with just the image tag...
    return preg_replace('/<p>(\s*)(<img .* \/>)(\s*)<\/p>/iU', '\2', $content);
}

// we want it to be run after the autop stuff... 10 is default.
add_filter('the_content', 'filter_ptags_on_images');

Если вы отбросите это в php-файл в папке /wp-content /plugins и затем активируете его, он должен удалить теги p из любого абзаца, содержащего только изображение.

Я не уверен, насколько сильным является регулярное выражение в том случае, если оно будет терпеть неудачу с выходами других редакторов - например, если тег img закрыт только с помощью> он потерпит неудачу. Если у кого-то есть что-то более сильное, это будет действительно полезно.

Приветствия,

Джеймс

--- Улучшен фильтр ---

Чтобы работать с изображениями, обернутыми в ссылках, он сохраняет ссылки на выходе и удаляет теги p.

return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
ответил jamesc 2 FebruaryEurope/MoscowbWed, 02 Feb 2011 15:26:35 +0300000000pmWed, 02 Feb 2011 15:26:35 +030011 2011, 15:26:35
13

В основном вам нужно сделать WordPress лечить img как элемент уровня блока для форматирования. Такие элементы жестко закодированные в wpautop() и список, к сожалению, не фильтруется.

Что бы я сделал:

  1. Fork wpautop() под другим именем.
  2. Добавить img для регулярного выражения в переменной $allblocks.
  3. Удалить wpautop из the_content.
  4. Добавьте свою раздвоенную версию в the_content.
  5. Возможно, вам придется играть с приоритетом и, возможно, удалить и повторно добавить другие фильтры, если что-то сломается из-за измененного порядка обработки.
ответил Rarst 17 Jam1000000amMon, 17 Jan 2011 11:33:24 +030011 2011, 11:33:24
2

возможно, это поможет

remove_filter('the_content', 'wpautop')

Но затем вы добавите параграфы для всего остального вручную.

ответил Soska 17 Jam1000000amMon, 17 Jan 2011 10:54:43 +030011 2011, 10:54:43
1

Соска дал один /простой способ.

Но то, что я делаю, извлекает изображение из содержимого и отображает его отдельно.

ответил Avinash 17 Jpm1000000pmMon, 17 Jan 2011 12:46:33 +030011 2011, 12:46:33
1

Я разработал плагин, который исправил эту точную проблему: http://wordpress.org/extend/plugins/unwrap-images/

Это лучше, чем установка поля или погружение прямо в код Wordpress для тех, кто не хочет связываться с кодом, потому что он использует встроенную функцию разворота jQuery для разворачивания всех изображений своих p-тегов.

Надеюсь, это поможет кому-то! Приветствия, Брайан

ответил gnzlz 4 52011vEurope/Moscow11bEurope/MoscowFri, 04 Nov 2011 12:18:42 +0400 2011, 12:18:42
1

Я не эксперт, но просто потратил дыру, пытаясь решить проблему img, испорченную в тегах p, и это сработало для меня.

Я работаю над темой на WordPress и просто добавил это в файл functions.js

Развертка функции JQuery

> $(document).ready(function (){
> 
> // for images wraped in a tags
> 
> $(‘.entry a’).unwrap(‘p’);
> 
> //for images wraped in just p tags
> $(‘.entry img’).unwrap(‘p’);

теперь я могу работать p и img отдельно.

Также можно добавить div с другим классом arround img, используя это:

$(document).ready(function (){

$('.entry img').wrap('<div class="justImg"></div>');

этот последний не решил мою проблему, потому что я хотел сделать p-тэги с дисплеем: none; поэтому я действительно должен был вытащить эти img.

ответил M Joana 18 FebruaryEurope/MoscowbMon, 18 Feb 2013 22:29:02 +0400000000pmMon, 18 Feb 2013 22:29:02 +040013 2013, 22:29:02
0

В зависимости от поста другое решение может заключаться в использовании WP Unformatted плагина для отключения функции auto-p для каждого сообщения.

ответил Synetech 23 FebruaryEurope/MoscowbWed, 23 Feb 2011 04:33:35 +0300000000amWed, 23 Feb 2011 04:33:35 +030011 2011, 04:33:35
0

Этот пост немного старый, но есть гораздо более простое решение, запрещающее CSS на вашем конце.

Обертка тега img в div имеет мало отрицательного эффекта.

ответил Laoshi Ma 19 PM000000100000005131 2011, 22:48:51
0

Принятый ответ помог мне с изображениями, но переработанный код не обрабатывал связанные изображения на моем сайте. Это сообщение в блоге код, который отлично работает.

Вот код:

function wpautop_forked($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
$allblocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li
|pre|select|option|form|map|area|blockquote|img|address|math|style|input
|p|h[1-6]|hr|fieldset|legend|section|article|aside|hgroup|header|footer
|nav|figure|figcaption|details|menu|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
$pee = preg_replace('!<p>([^<]+)</(div|address|form)>!', "<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);
$pee = preg_replace('!<br />(\s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)!', '$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_filter('the_content', 'wpautop');
add_filter('the_content', 'wpautop_forked');

Ура!

ответил rlesko 1 Jpm1000000pmSun, 01 Jan 2012 17:19:51 +040012 2012, 17:19:51

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132