Jak stworzyć własne Shortcode’y w WordPressie?

Używając WordPress na co dzień, wielokrotnie spotkałem się z problemem związanym z duplikowaniem pewnej zawartości na różnych podstronach lub wpisach. Co dokładnie mam na myśli? Może to być pole newslettera, fragement stopki, nagłówka czy każdy inny powtarzający się element.

Czyli w dużym skrócie chodzi o stały element serwisu internetowego. Oczywiście możemy go ręcznie duplikować na każdej podstronie, co jednak w przypadku gdy będziemy chcieli dokonać zmian zawartości? Dokonywać zmian po X razy? No chyba nie za bardzo.

Niektóre bardziej rozbudowane motywy (np. Divi), posiadają coś takiego jak elementy globalne – mega przydatna funkcja, podmieniasz treść w jednym miejscu, a zmiany dokonują się wszędzie tam, gdzie dodany jest opisywany element. Jednak nie każdy serwis postawiony jest na tak rozbudowanych narzędziach, co wtedy? W takim przypadku ratunek może przynieść moduł o nazwie „Shortcoder — Create Shortcodes for Anything”.

Nauka tworzenia shortcode’ów w WordPressie może być efektywnym sposobem na personalizację postów i stron, oraz optymalizację czasu poświęcanego na zarządzanie serwisem WWW. Jeśli jesteś nowy w tej kwestii, możesz zastanawiać się, jak użyć takiej funkcji na swojej stronie. Dlatego przygotowaliśmy ten artykuł, który pomoże Ci zacząć.

W tym materiale omówimy, czym jest omawiany moduł oraz jak tworzyć własne shortcode’y. Odpowiemy sobie również na pytanie dlaczego warto rozważyć ich użycie. Zaczynajmy!

Omówienie modułu „Shortcoder — Create Shortcodes for Anything”

Plugin Shortcoder to darmowe narzędzie dla WordPressa, które upraszcza proces tworzenia i umieszczania fragmentów kodu HTML, JavaScript, CSS i innych w postach i stronach.

Dzięki modułowi, użytkownik może łatwo tworzyć krótkie kody poprzez nadanie im nazwy i wklejenie ich w wybranym miejscu na stronie internetowej.

Przykładowy shortcode wygląda następująco: [ sc name=''my_shortcode'' ]

Najważniejsze funkcje :

• Tworzenie niestandardowych krótkich kodów i używanie ich w dowolnym miejscu, gdzie jest to obsługiwane.
• Umieszczanie kodu HTML, JavaScript, CSS jako treści krótkiego kodu.
• Wybór pomiędzy trybami edycji: kod, wizualny i tekstowy.
• Globalne wyłączanie krótkiego kodu, gdy nie jest potrzebny.
• Wyłączanie krótkiego kodu na komputerach czy urządzeniach mobilnych.
• Przycisk w edytorze postów umożliwiający wybór krótkich kodów do wstawienia.
• Wsparcie dla Gutenberg’a.

Dla osób chcących jeszcze więcej możliwości. Shortcoder oferuje także wersję PRO, która zawiera dodatkowe funkcje. Poniżej znajduje się lista funkcji dostępnych w wersji PRO.

• Niestandardowy edytor – Edytuj treść shortcode’u przy użyciu szablonów Elementor oraz WPBakery.
• Rewizje – Wsparcie dla rewizji treści shortcode’u.
• Lokalizuj shortcode – Wyszukaj posty i strony, na których użyto danego shortcode’u.
• Dodatkowy kod – Dołącz dodatkowy kod do stopki, kiedy shortcode jest używany na stronie.

Instalacja modułu „Shortcoder — Create Shortcodes for Anything”

W poprzedniej części artykułu, umówiliśmy sobie moduł teoretycznie – myślę że najwyższa pora sprawdzić go w praktyce.

Instalacja modułu przebiega dokładnie w ten sam sposób, jak każdego innego. Czyli w celach instalacji, musimy zalogować się do panelu administracyjnego, przejść w menu bocznym do „Wtyczki” > „Dodaj nową”. Po przeładowaniu serwisu, wpisujemy w wyszukiwarce nazwę czyli „Shortcoder — Create Shortcodes for Anything”:

Po instalacji moduł włączamy i przechodzimy do jego ustawień (w lewej belce dochodzi nowa opcja):

Jak widać na powyższym screenie, nie mamy żadnych kodów stworzonych, szybko możemy to nadrobić wybierając w górnej części „Create shortcode”:

Powyżej widzimy właściwie 4 pola do uzupełnienia:

• Nazwa
• Zawartość
• Nazwa wyświetlana
• Opis kodu

Także dla naszego testu, wyświetlmy we wpisie cytat z pogrubionym słowem:

„Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”

Po wszystkim publikujemy zmiany i kopiujemy nasz kod: .

Powyższy kod możemy wkleić w każdym miejscu na naszej stronie internetowej, jednak my umieścimy go we wpisie:

I mamy to! Cytat jest widoczny:

I w ten sposób możemy zamieścić cokolwiek w wielu miejscach, a podczas edycji dokonamy zmian tylko w jednym miejscu. W ten sposób można zaoszczędzić sporo czasu podczas administracji serwisem internetowym.

Podsumowanie

Jeżeli macie inne pytania odnośnie tworzenia stron internetowych, administracji stron internetowych lub pozycjonowaniem stron śmiało piszcie do nas.