img - usuń width i height

[mojeprogramy.com]

<img class="alignnone size-full wp-image-4680" src="https://xxxxxx.com/wp-content/uploads/2018/11/notepad-mass.png" alt="" width="946" height="426">

- we wszystkich wpisach są obrazki

- chę usunac parametry  width i height

- zadna wtyczka typu Regex nei działa, choć powinna

 

height=[0-9]{3}"

[Mion]

54 minuty temu, mojeprogramy.com napisał:

zadna wtyczka typu Regex nei działa, choć powinna

 

height=[0-9]{3}"

A jak to ma działać skoro Masz błędnie zdefiniowane wyrażenie regularne

[mojeprogramy.com]

height="[0-9]{3}"

- ale i tak nie działa

[ttah]

$html = '<img class="alignnone size-full wp-image-4680" src="https://xxxxxx.com/wp-content/uploads/2018/11/notepad-mass.png" alt="" width="946" height="426">';
$dom = new DOMDocument;
$dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
$xpath = new DOMXPath($dom);
foreach ($xpath->query('//img') as $img) {
	$img->removeAttribute('height');
	$img->removeAttribute('width');
}

$html2 = $dom->saveHTML();
echo'<pre>',var_dump($html2),'</pre>';

 

[mojeprogramy.com]

@ttah Mam to wrzucić w function.php? - jeżeli tak to nie działa

[Mion]

17 minut temu, mojeprogramy.com napisał:

- ale i tak nie działa

A to feler

$htmlimg = '<img class="alignnone size-full wp-image-4680" src="https://via.placeholder.com/350x150" alt="" width="946" height="426">';
$htmlimg = preg_replace('#((width|height)="([0-9]+)")#', "", $htmlimg);
echo $htmlimg ;
// <img class="alignnone size-full wp-image-4680" src="https://via.placeholder.com/350x150" alt="" >

 

[Presta]

Testował ktoś czy width i height w img ma jakiś wpływ na SEO ? Wymiary te są przydatne przeglądarkom podczas ładowania strony (rezerwacja przestrzeni), jednak czy z punktu widzenia SEO są jakieś zależności ?

[ar4]

@mojeprogramy.com Nie powiedziałeś nic, że jest to WordPress

 

Do pliku function wrzuć to:

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

 

@Presta Są zależności. Na komórkach za pomocą tych parametrów możesz wyświetlać zdjęcie przeskalowane, a więc zdjęcie może być za duże względem obszaru. W ten sposób ładujesz namiarową wagę zdjęcia.

[Presta]

@ar4 Bez wymiarów również dostosuje się do ekranu - w sposób proporcjonalny, jeśli o tym mówisz. Bardziej pod kątem SEO się zastanawiam.

[ar4]

Chodzi mi o to, że jak masz większe zdjęcie niż obszar to masz nadmiarowe dane (kb).

[mojeprogramy.com]

1.  Piszę w dziale WordPress, wiec tego dotyczy pytanie

2. Dodałem do function i nic nie działa

dalej w kodzie strony w content z <img src="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg" alt="" width="1280" height="962" class="alignnone size-full wp-image-4783" />

generuje

 

<img class="alignnone size-full wp-image-4783" src="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg" alt="" srcset="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg 1280w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-300x225.jpeg 300w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-768x577.jpeg 768w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-1024x770.jpeg 1024w" sizes="(max-width: 1280px) 100vw, 1280px" height="962" width="1280">

 

[Mion]

3 godziny temu, mojeprogramy.com napisał:

Dodałem do function i nic nie działa

Więc przestań robić na oślep na zasadzie kopiuj > wklej i zacznij robić świadomie, to będzie działać 
 

[mojeprogramy.com]

https://wordpress.stackexchange.com/questions/29881/stop-wordpress-from-hardcoding-img-width-and-height-attributes

https://perishablepress.com/disable-wordpress-responsive-images/