O ile nie mam nic do używania różnych page builderów na zwykłych (pod)stronach, to we wpisach (w artykułach) raczej staram się ich unikać, bo ewentualna zmiana wymagałaby przepisania archiwalnych artykułów, co gdy mowa o tysiącach już takie „fajne” się nie wydaje. Ale też czasem zachodzi potrzeba urozmaicenia zawartości jakiegoś artykułu o elementy, których w standardzie w WordPressie nie znajdziemy (nawet w Gutenbergu). W takiej sytuacji dość często sięgam po wtyczkę Shortcodes Ultimate, która choćby na tej stronie towarzyszy mi od lat… Ostatnia jednak aktualizacja trochę mi namieszała, bo zaszły jakieś zmiany, i element, z którego korzystam najczęściej , przestał się wyświetlać godnie z moimi oczekiwania, tym samym wpływając na czytelność przekazu.

Shortcodes Ultimate 3.4 i brak wsparcia dla „transparent” jako koloru

Elementem tym jest notatka, czyli w moim przypadku biały (kolor tła) prostokąt, w którym przekazuje dodatkowe informacje, które dotyczą opisywanego zagadnienia (np. linki do pokrewnych artykułów). Z racji tego, że nie mam pewności, że kiedyś mi się nie odwidzi białe tło dla treści, korzystam chyba od zawsze z w pewnym sensie nieautoryzowanej metody definiowania koloru tła dla tego obiektu (spacja po znaku [ użyta tylko na potrzeby demonstracji):

[ su_note note_color="transparent" radius="0"]Treść notatki[/su_note]

Do wersji 3.4 to działało dobrze, czyli efekt miałem taki, jaki chciałem (delikatna ramka i brak tła). Po aktualizacji do wersji 3.4 to się zmieniło, i wszystkie ramki tak skonstruowane straciły obramowanie:

By to skorygować, wystarczy w parametrze „note_color” wstawić dowolny – np. biały – kolor zapisany w formie HEXów (#ffffff):

[ su_note note_color="#ffffff" radius="0"]Treść notatki[/su_note]

Co więcej, nawet podmiana „transparent” na „#ffffff” nie jest specjalnie czasochłonna, bo można do tego wykorzystać choćby WP-CLI czy skrypt Search Replace DB. Ale na razie uznałem, że nie będę tutaj nic zmieniał, a zamiast tego dodam (wymuszę) ramkę za pomocą CSSa:

.su-note .su-note-inner {
	border: 1px solid #333 !important;
}

W efekcie czego ramka powraca, dzięki czemu obiekt zyskuje na czytelności (i się bardziej wyróżnia):

Choć jeśli w kilku najbliższych aktualizacjach „transaprent” nie wróci do łask, to najpewniej dokonam korekty w bazie danych, ustawiając białe tło (#ffffff) w krótkim kodzie (shortcode) definiującym ramki i… usunę je za pomocą CSSa. Tak na wszelki wypadek, by było tak, jak autor wtyczki sobie to wymyślił… ;-)

(!) Zgłoś błąd na stronie
Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!

Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!

Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.

Patryk

CEO Webinsider.pl, a do tego CTO, CIO, CFO, CMO, CSO, COO i CRO ;-)
Pasjonat nowych technologii - od sprzętu po oprogramowanie, od serwerów po smartfony i rozwiązania IoT. Potencjalnie kiepski bloger, bo nie robi zdjęć "talerza" zanim zacznie jeść.

Dumny przyjaciel swoich psów :-)