Oprește WordPress să împacheteze imaginile în tag-uri "P"

În esență, trebuie să faci ca WordPress să trateze img ca un element de tip block în scopul formatării. Aceste elemente sunt hardcodate în wpautop(), iar lista nu poate fi filtrată, din păcate.

Ce aș face eu:

1. Fork wpautop() sub un nume diferit.
2. Adaugă img la regexp în variabila $allblocks.
3. Elimină wpautop din filtrul the_content.
4. Adaugă versiunea ta modificată la the_content.
5. S-ar putea să fie nevoie să ajustezi prioritatea și eventual să elimini și să readaugi alte filtre dacă ceva se strică din cauza schimbării ordinii de procesare.

poate acest lucru te va ajuta

remove_filter('the_content', 'wpautop')

Dar atunci va trebui să adaugi paragrafele manual pentru tot restul conținutului.

Acest articol este puțin învechit, dar există o soluție mult mai simplă, dacă nu aveți restricții legate de CSS.

Învelirea tag-ului img într-un div are un impact negativ foarte mic.

Soska a oferit o soluție simplă.

Dar ceea ce fac eu este să extrag imaginea din conținut și să o afișez separat.

Am dezvoltat un plugin care rezolvă exact această problemă: http://wordpress.org/extend/plugins/unwrap-images/

Este mai bun decât setarea marginilor sau modificarea directă a codului WordPress pentru cei care nu doresc să se încurce cu codul, deoarece utilizează funcția nativă unwrap din jQuery pentru a elimina toate tag-urile p din jurul imaginilor.

Sper că acest lucru îi va ajuta pe cineva! Salutări, Brian

Răspunsul acceptat m-a ajutat doar cu imaginile, dar codul revizuit nu gestionează bine imaginile cu link pe site-ul meu. Acest articol de blog conține un cod care funcționează perfect.

Iată codul:

function wpautop_forked($pee, $br = 1) {

if ( trim($pee) === '' )
return '';
$pee = $pee . "\n"; // pentru a face lucrurile mai ușoare, adăugăm un newline la final
$pee = preg_replace('|<br />\s*<br />|', "\n\n", $pee);
// Adăugăm spațiere
$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); // newlines cross-platform
if ( strpos($pee, '<object') !== false ) {
$pee = preg_replace('|\s*<param([^>]*)>\s*|', "<param$1>", $pee); // nu adăugăm paragrafe în interiorul object/embed
$pee = preg_replace('|\s*</embed>\s*|', '</embed>', $pee);
}
$pee = preg_replace("/\n\n+/", "\n\n", $pee); // eliminăm duplicatele
// creăm paragrafe, inclusiv unul la final
$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); // în anumite condiții ciudate poate crea un P doar cu spații albe
$pee = preg_replace('!<p>([^<]+)</(div|address|form)>!', "<p>$1</p></$2>", $pee);
$pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)\s*</p>!', "$1", $pee); // nu adăugăm paragrafe în jurul unui tag
$pee = preg_replace("|<p>(<li.+?)</p>|", "$1", $pee); // rezolvăm problema cu listele imbricate
$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); // adăugăm linii noi opțional
$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');

Noroc!

Nu sunt expert, dar am petrecut toată după-amiaza încercând să rezolv problema imaginilor înfășurate în tag-uri p și asta a funcționat pentru mine.

Lucrez la o temă WordPress și am adăugat asta în fișierul functions.js

Funcția Jquery unwrap

$(document).ready(function (){

// pentru imagini înfășurate în tag-uri a
$('.entry a').unwrap('p');

// pentru imagini înfășurate doar în tag-uri p
$('.entry img').unwrap('p');

Acum pot lucra separat cu tag-urile p și img.

De asemenea, pot adăuga un div cu o clasă diferită în jurul imaginii folosind:

$(document).ready(function(){

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

Ultima variantă nu mi-a rezolvat problema pentru că voiam să fac tag-urile p cu display:none; așa că a trebuit să scot imaginile din ele.

Puneți imaginea în interiorul unui tag <div>, fără niciun caracter de spațiu între ele. Deci în loc de:

<div class="your_container">
    <div class="element1">...</div>
    <div class="element2">...</div>
    <img src="image.jpg" />
</div>

Scrieți așa:

<div class="your_container">
    <div class="element1">...</div>
    <div class="element2">...</div>
    <div><img src="image.jpg" /></div>
</div>

Am avut aceeași problemă cu elementele <a>, iar această soluție a funcționat pentru mine.

În funcție de postare, o altă soluție ar putea fi utilizarea plugin-ului WP Unformatted pentru a dezactiva funcția auto-p pe baza fiecărei postări.

În cazul în care cineva caută o metodă rapidă și murdară de a rezolva această problemă pentru orice tag, iată ce am făcut eu:

1. mergi la wp-content/formatting.php
2. găsește funcția wpautop. (dacă nu ai observat, este WP-AUTO-P, înțelegi?)
3. găsește variabila "all blocks", ar trebui să fie ceva de genul $allblocks = '(?:table|thead|tfoot|capti...
4. la final adaugă blocul pe care vrei să-l excludi - img, a, etc... de exemplu, dacă se termină în (...)menu|summary)'; modifică în (...)menu|summary|a)'; pentru a adăuga tagul a și a evita autop-ul. Atenție la separatorul pipe | - este sintaxă regex!

Asta e tot, spor la Wordpress-uit!