Wszystko o shortcode | Webinsider - Internet widziany od środka ™

Tag: shortcode

Ikony z flagami zmiany języka w menu na stronie na WordPressie, korzystającej z tłumaczeń za pomocą wtyczki Google Language Translator

Zwróciła się do mnie z zapytaniem koleżanka, czy mógłbym pomóc z wtyczką do automatycznych tłumaczeń, korzystającą z Google Translate (Tłumacz Google), tak by pozbyć się niezbyt estetycznego (to fakt) widżetu Tłumacza Google, a zamiast tego dodać do menu na stronie ikonki z flagami. Zadania się podjąłem, nawet bez wystawiania faktury, bo nawet nie tyle, że to prośba koleżanki, co po prostu prosta sprawa, a przy okazji będzie artykuł.

Krótki kod (shortcode) w WordPressie, z dynamicznym linkiem bazującym na aktualnym adresie URL

Na jednej z grup poświęconej WordPressowi pojawił się niedawno post, z prośbą o podpowiedź, jak wstawić na stronie link, który będzie zawierał jakby aktualny URL, ale z inną domeną. Cały ambaras jednak w tym, by to był link uniwersalny, który będzie się automatycznie dopasowywał do strony, na której w danym momencie będzie użytkownik.

We wtyczce Contact Form 7 (CF7) do WordPressa pojawiła się wbudowana integracja z płatnościami Stripe

Contact Form 7 (CF7) to popularna wtyczka do WordPressa, dzięki której można w dość prosty sposób – choć może niekoniecznie będzie to „wyklikiwanie” – dodać formularze do WordPressa. I wbrew nazwie wtyczki, niekoniecznie muszą to być formularze kontaktowe, choć zdecydowanie to jest główna funkcja tej wtyczki. Z racji tego, że jest to popularna wtyczka w popularnym CMSie (WordPress), to oczywiste jest, że jest do niej sporo integracji. Oprócz takich rozszerzających możliwości wtyczki w zakresie komunikacji (np. integracja z MailerLite), mamy też integracje z różnymi systemami płatności. I tak w nowej wersji wtyczki (Contact Form 5.5.x) pojawiła się wbudowana integracja z systemem płatności Stripe.

Treść wyświetlana zależnie od etapu procesu zakupowego w sklepie internetowym na WooCommerce

Sklepy internetowe są z nami od tak dawna, że nie tylko stały się naszą codziennością, ale też coraz trudniej wymyślić coś zupełnie nowego, co przy okazji faktycznie miałoby sens. Stąd wysiłek idzie raczej na dopieszczanie poszczególnych elementów, procesów, tak by zapewnić „jak najlepsze doznania dla kupujących” (czytaj: więcej sprzedać). I tak ostatnio, podczas prac nad jednym ze sklepów internetowych na WooCommerce pojawił się pomysł wdrożenia prostej grafiki, informującej kupującego, na jakim etapie składania zamówienia aktualnie się znajduje. Niby nic nadzwyczajnego, bo takie rozwiązania stosuje się dość często, ale przy tej okazji pomyślałem sobie, że jest to temat ciekawy, a zarazem do tej pory na łamach Webinsider.pl się nie pojawił.

Czat z YouTube (topczat) na stronie internetowej na przykładzie WordPressa oraz wtyczki Tutor LMS (np. w ramach lekcji)

Zagadała do mnie koleżanka, że jutro będzie robiła webinar na żywo (live) dla kursantów swojego kursu internetowego. Webinar będzie nagrywany za pomocą StreamYard i udostępniany na YouTube. Cel jest taki, by umieścić zarówno wideo jak i czat (topczat) na stronie internetowej, najlepiej bezpośrednio w Tutor LMS (wtyczka do kursów), w ramach dedykowanej lekcji.

Dodatkowy komunikat (np. tekst) w podziękowaniu za zamówienie w sklepie internetowym na WooCommerce (WordPress)

Wtyczka WooCommerce jest rozwijana od dawna, regularnie pojawiają się aktualizacje, a i samo rozwiązanie jest na tyle dojrzałe, że nie tylko świetnie sprawdza się pod sklep internetowy (nie tylko w klasycznym rozumieniu tego określenia), ale też z tego co kojarzę, jest to obecnie najpopularniejsza platforma eCommerce, i to nie tylko ze względu na to, że WordPress jest najpopularniejszym silnikiem CMS. Nie oznacza to jednak, że nie ma elementów, które warto poprawić. Jednym z takich elementów może być informacja, która pojawia się na stronie podziękowania za zakup.

Interaktywne Wheel Of Life (koło życia) w WordPressie, generowane przy pomocy biblioteki amCharts

Napisała do mnie koleżanka, że wymyśliła sobie, by na swojej stronie zrobić coś w stylu Wheel Of Life (koło życia) w formie wykresu radarowego. Można powiedzieć, że nawet odrobiła „pracę domową”, bo „zapukała do mnie” z gotową propozycją, tzn. skryptem, z którego chciałaby skorzystać. Chodziło o projekt Wheel-Of-Life (codescale), który nie tylko jest dostępny w serwisie GitHub, ale chyba można z niego korzystać bezpłatnie, również w celach komercyjnych. Już samo to brzmi wystarczająco dobrze… ;-)

Typed.js, czyli prosty sposób na efekt „tekstu jakby pisanego” (nie tylko) w WordPressie

Napisała do mnie koleżanka, że na jakiejś tronie widziała taki bajer, że „tekst na nagłówku strony pojawia się tak, jakby był pisany na komputerze, czyli literka po literce, i to jeszcze z kursorem”. Fakt, z doświadczenia wiem, że ten „prosty trik” – zwłaszcza odpowiednio użyty – potrafi zrobić wrażenie. A co najlepsze, jego wdrożenie jest proste, i to nie tylko na stronie działającej na WordPressie…

Z wtyczki Shortcodes Ultimate (WordPress) zniknęło wsparcie dla „transparent” jako koloru (przynajmniej w przypadku tła notatki)

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.

Prosty sposób na proste testy A/B w WordPressie, gdy motyw, page builder czy wtyczka nic takiego nie oferują

Odezwał się do mnie kolega, że gdzieś wyczytał, że na stronie sprzedażowej (landing page, sales page, squeeze page) warto eksperymentować m.in. z wyglądem formularza kontaktowego. Ciężko mu nie przyznać racji, bo czasem nawet zmiana koloru przycisku potrafi znacznie zwiększyć konwersję. W tym zadaniu dobrze sprawdzają się testy A/B, które pozwalają generować różne wersje strony dla różnych odwiedzających (oczywiście testy A/B to nie tylko zmiana koloru przycisku ;-)). Problem kolegi wynikał z tego, że jego motyw, jak i wtyczka do kontaktów takiej opcji nie posiadają…

Obsługa zewnętrznych krótkich kodów (shortcodes) w formularzach we wtyczce Contact Form 7 w WordPressie

Jak być może niektórzy z Was wiedzą, przy okazji uruchomienia w ramach Newslettera Webinsider.pl powiadomień o nowych artykułach dokonałem również (re)migracji obsługi formularzy kontaktowych na stronie do wtyczki Contact Form 7. Co oznacza trochę dodatkowej pracy, nie tylko by przenieść formularze (wraz z ich ustawieniami), oraz dostosować wygląd, ale też i przy różnych modyfikacjach, które mają korzystanie z wtyczki jak najbardziej usprawnić. Jedną z takich rzeczy jest dodanie obsługi zewnętrznych krótkich kodów (shortcodes) do formularzy generowanych przez CF7.

Orbitvu Viewer, czyli prezentacje 360°/3D z własnego serwera, na przykładzie WordPressa

Na stronie (a konkretnie w sklepie internetowym) jednego z moich klientów wdrażamy właśnie prezentacje 360°/3D produktów wykonane w technologii (z wykorzystaniem narzędzi) Orbitvu, dzięki czemu użytkownik strony (i zarazem potencjalny klient sklepu internetowego) może dokładnie obejrzeć produkt z każdej strony, przy okazji właściwie dowolnie powiększając/przybliżając poszczególne elementy.
W przypadku wykorzystania planów abonamentowych na usługę chmurową (subskrypcja, płatność raz w roku) wygenerowanie kod do umieszczenia na stronie jest wręcz banalne – właściwie wszystko można ustawić w menu graficznym, i tak wygenerowany kod wystarczy wkleić w odpowiednim miejscu na stronie.
Sytuacja trochę bardziej się komplikuje, gdy zamiast usługi chmurowej/abonamentowej (Orbitvu Sun) wybierzemy jednorazowy zakup samej przeglądarki (Orbitvu Viewer), i tym samych hostowanie prezentacji bezpośrednio na własnym serwerze.

Wywołany do tablicy sprawdzam motyw Monstroid od TemplateMonster do WordPressa

Niedawno, bo na początku drugiej połowy kwietnia na polskim blogu TemplateMonster ukazał się wywiad ze mną (oczywiście zachęcam do przeczytania). Jedno z pytań dotyczyło tego, czy pracowałem z szablonami TemplateMonster, i jeśli tak, to jakie były/są moje wrażenia. Odpowiedziałem wtedy, że owszem – znam szablony TemplateMonster, to jednak do tej pory nie miałem jeszcze okazji tworzyć na ich bazie strony od podstaw.
I tak od słowa do słowa, z Januszem Kamińskim (przeprowadzał ze mną wywiad, bardzo sympatyczny człowiek) uznaliśmy, że może warto nadrobić czym prędzej ten mój brak w doświadczeniu (z ich szablonami ;-)), i wybiorę sobie jakiś szablon, a przy tej okazji zrobimy konkurs dla czytelników (o samym konkursie napisze więcej w jednym z następnych wpisów).

Prosta wtyczka do WordPressa, dzięki której dodasz właściwie dowolną treść/zawartość pod każdy wpis na stronie

Dziś chciałbym przedstawić kolejną prostą, a zarazem przydatną wtyczkę do WordPressa, która – co szczególnie istotne dla mnie – pierwotnie powstała (została przygotowana przez ekipę odpowiedzialną za „sprawy techniczne”) na potrzeby strony Webinsider.pl, a teraz – po pewnych modyfikacjach – trafiła do oficjalnego repozytorium WordPressa.

WordPress Jetpack, czyli superdoładowanie Twojej strony

Dziś będzie o wtyczce do WordPressa… Ale nie takiej, zwykłej, bo (obecnie) należącej do firmy Automattic, a więc firmy, która stoi za samym WordPressem. Jetpack – bo o nim mowa – powoli staje się nierozłącznym elementem każdej strony na WordPressie. I choć cały czas można się obyć bez tego dodatku, to jednak dla wielu możliwości jakie (do)daje są na tyle istotne, że jest to jedna z pierwszych wtyczek, jakie są instalowane…

Prosty sposób na własne „krótkie kody” (shortcodes) w WordPressie

Prawdopodobnie każdy użytkownik WordPressa prędzej czy później zetknie się z tzw. „shorcodes”, choć często nawet nie mając takiej świadomości – klika w odpowiednią ikonę, wybiera 2-3 opcje i we wpisie pojawia się np. galeria :-)
W tym wpisie postaram się Wam pokazać, jak w prosty sposób samemu utworzyć własne „krótkie kody”.

Dzięki wtyczce Monarh od Elegant Themes (WordPress) dodasz do swojej strony przepiękne przyciski mediów społecznościowych (Social Media)

O ile sam nie jestem fanem Social Media i całej otoczki z nimi związanej, to jednak nie mogę udawać, że większość naszego społeczeństwa uważa inaczej, i chętnie dzieli się sobą ze światem, ku potędze takich portali jak Facebook, Twitter czy Google+.
Dlatego na tej stronie znajdziecie przyciski do dzielenia się treścią z innymi (do czego zachęcam, trochę przewrotnie do pierwszego zdania tego tekstu ;-)), takie przyciski często również „instaluje” na stronach internetowych przygotowywanych na potrzeby innych moich projektów czy klientów. O ile na blogach, stronach newsowych i tym podobnym wkomponowanie przycisków do dzielenia się treścią nie stanowi właściwie większego problemu, tot am gdzie mamy sztywniejszą formę (np. strony firmowe) wymaga to często dużo więcej czasu i pracy.
Dziś chciałbym Wam przedstawić wtyczkę (plugin) do WordPressa który zadebiutował kilka dni temu, i muszę przyznać – od razu przypadł mi do gustu…

Loading

Pin It on Pinterest