publikacja: 27 października 2011, autor: , komentarzy 15 https://wpninja.pl/artykuly/oblewanie-obrazkow-tekstem-w-kanale-rss/

Oblewanie obrazków tekstem w kanale RSS

Oblewanie obrazków tekstem w kanale RSS

Poprawne oblewanie tekstem obrazków nie jest trudne z poziomu dodawania wpisu. Problemy pojawiają się najczęściej na poziomie kanału RSS. Jak zapewnić poprawne formatowanie i w przeglądarce internetowej, i czytniku RSS?

Co może mnie zniechęcić do dodania kanału RSS do czytnika?

Mam zwyczaj dodawać do czytnika RSS (używam Google Readera) wszystkie administrowane przeze mnie strony. Dzięki temu szybko dowiaduję się o ewentualnych problemach i mogę im odpowiednio wcześnie zaradzić. Właśnie w ten sposób odkryłem błąd, który jest dość powszechny, a na który wiele osób nie zwraca uwagi: oblewanie obrazków tekstem w kanale RSS bloga.

Problem pojawia się wtedy, kiedy korzystamy z  biblioteki mediów. Po wstawieniu obrazka możemy go wyrównać względem tekstu – wygenerowany przez WordPressa kod HTML wygląda wówczas następująco:

<img class="alignleft" src="https://wpninja.pl/media/sample.gif" />

Z poziomu panela administratora wszystko jest w porządku. To samo po publikacji.

Wpis "Narzędzia social media: Bizo Switchboard" na blogu Pawła Tkaczyka. Jeśli się uczyć - to od najlepszych :)

Narzędzia social media: Bizo Switchboard” Pawła Tkaczyka. Jeśli się uczyć – to od najlepszych :)

Niestety, lektura w Google Readerze zaczyna się od nieprzyjemnego zgrzytu…

Tenże wpis w czytniku RSS. Jeśli się uczyć - to na błędach najlepszych.

Tenże wpis w czytniku RSS. Jeśli się uczyć – to na błędach najlepszych.

Dlaczego tak się dzieje? Kanał RSS nie jest w stanie poprawnie interpretować wskazanego wyżej kodu, ponieważ

class="alignleft"

odwołuje się on do arkusza CSS. Wpis w czytniku nie ma do niego dostępu, co powoduje, że obrazki wyświetlane są domyślnie (bez wyrównania).

Rozwiązanie: wtyczka Align RSS Images

Są dwa rozwiązania tego problemu:

  1. Ręcznie uzupełniać kod każdego obrazka o odpowiedni fragment, np:
    style="float:left"
  2. Zainstalować wtyczkę Align RSS Images.

Po instalacji wtyczki należy odczekać parę godzin – wszystko zmieni się automatycznie po włączeniu pluginu.

 

Dodaj własny komentarz

Odnośniki z innych stron

Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:

  1. Oblewanie obrazków tekstem w kanale RSS | Blog Adama Klimowskiego

    […] Oblewanie obrazków tekstem w kanale RSS | WPNinja […]