Jak dodać shortcode w WordPress? (Przewodnik dla początkujących)

Skróty to łatwy sposób dodawania dynamicznej zawartości do postów, stron i pasków bocznych WordPress.


Wiele wtyczek i motywów WordPress używa skrótów do dodawania specjalistycznych treści, takich jak formularze kontaktowe, galerie zdjęć, suwaki i inne.

W tym artykule pokażemy, jak łatwo dodać krótki kod w WordPress. Pokażemy Ci również, jak tworzyć własne niestandardowe skróty w WordPress.

Dodanie krótkiego kodu w WordPress

Jakie są skróty?

Skróty w WordPress to skróty do kodu, które pomagają dodawać dynamiczną zawartość do postów, stron i widżetów na pasku bocznym WordPress. Są one wyświetlane w nawiasach kwadratowych w następujący sposób:

[myshortcode]

Aby lepiej zrozumieć skróty, spójrzmy na tło, dlaczego zostały dodane w pierwszej kolejności.

WordPress filtruje całą zawartość, aby upewnić się, że nikt nie używa wpisów i treści strony do wstawiania złośliwego kodu do bazy danych. Oznacza to, że możesz pisać podstawowy HTML w swoich postach, ale nie możesz pisać kodu PHP.

Ale co, jeśli chcesz uruchomić niestandardowy kod w swoich postach, aby wyświetlać powiązane posty, banery reklamowe, formularze kontaktowe, galerie itp?

Tutaj pojawia się interfejs API Shortcode.

Zasadniczo pozwala programistom na dodanie kodu do funkcji, a następnie zarejestrowanie tej funkcji w programie WordPress jako skrótu, dzięki czemu użytkownicy mogą z niego korzystać bez znajomości programowania.

Kiedy WordPress znajdzie krótki kod, automatycznie uruchomi powiązany z nim kod.

Zobaczmy, jak łatwo dodawać skróty do swoich postów i stron WordPress.

Dodawanie krótkiego kodu do postów i stron WordPress

Najpierw musisz edytować post i stronę, na której chcesz dodać krótki kod. Następnie kliknij przycisk dodawania bloku, aby wstawić blok krótkiego kodu.

Dodanie bloku krótkiego kodu w WordPress

Po dodaniu bloku krótkiego kodu możesz po prostu wpisać swój krótki kod w ustawieniach bloku. Krótki kod zostanie dostarczony przez różne wtyczki WordPress, których możesz używać, takie jak WPForms do formularzy kontaktowych, OptinMonster do formularzy marketingowych e-mail, przycisk WP Call do wstawiania przycisku „kliknij, aby połączyć” itp..

Wstaw krótki kod do edytora bloków

Aby dowiedzieć się więcej na temat używania bloków, zobacz nasz samouczek Gutenberga, aby uzyskać więcej informacji.

Możesz teraz zapisać post lub stronę i wyświetlić podgląd zmian, aby zobaczyć skrót w działaniu.

Dodawanie krótkiego kodu w widżetach paska bocznego WordPress

Możesz także używać skrótów w widżetach paska bocznego WordPress. Po prostu odwiedź Wygląd »Widżety i dodaj widżet „Tekst” do paska bocznego.

Teraz możesz wkleić swój krótki kod w polu tekstowym widżetu.

Dodawanie krótkiego kodu w widżecie paska bocznego

Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać ustawienia widżetów.

Następnie możesz odwiedzić witrynę WordPress, aby zobaczyć podgląd na żywo krótkiego kodu w widżecie paska bocznego.

Dodawanie krótkiego kodu w Starym edytorze WordPress Classic

Jeśli nadal używasz starego klasycznego edytora w WordPress, oto jak możesz dodać skróty do swoich postów i stron WordPress.

Po prostu edytuj post i stronę, do której chcesz dodać krótki kod. Możesz wkleić krótki kod w dowolnym miejscu w edytorze treści, w miejscu, w którym chcesz go wyświetlić. Upewnij się tylko, że shortcode ma swoją własną linię.

Klasyczny edytor shortcode

Nie zapomnij zapisać zmian. Następnie możesz wyświetlić podgląd posta i strony, aby zobaczyć krótki kod w akcji.

Jak dodać krótki kod w plikach motywów WordPress

Skróty mają być używane w postach, stronach i widżetach WordPress. Czasami jednak możesz chcieć użyć krótkiego kodu w pliku motywu WordPress.

WordPress ułatwia to, ale musisz edytować pliki motywów WordPress. Jeśli jeszcze tego nie zrobiłeś, zapoznaj się z naszym przewodnikiem na temat kopiowania i wklejania kodu w WordPress.

Zasadniczo możesz dodać krótki kod do dowolnego szablonu motywu WordPress, po prostu dodając następujący kod.

<?php echo do_shortcode ("[twój_krótki kod]"); ?>

WordPress wyszuka teraz krótki kod i wyświetli wyniki w szablonie motywu.

Jak utworzyć własny niestandardowy skrót w WordPress

Skróty mogą być bardzo przydatne, gdy chcesz dodać dynamiczną treść lub niestandardowy kod do posta i stron WordPress. Jeśli jednak chcesz utworzyć niestandardowy kod krótki, wymaga to trochę doświadczenia w kodowaniu.

Jeśli nie masz ochoty pisać kodu PHP, oto przykładowy kod, którego możesz użyć jako szablonu.

// funkcja, która działa, gdy wywoływany jest shortcode
funkcja wpb_demo_shortcode () {

// Rzeczy, które chcesz zrobić.
$ message = ‘Witaj świecie!’;

// Dane wyjściowe muszą zostać zwrócone
zwrot $ wiadomość;
}
// zarejestruj krótki kod
add_shortcode („powitanie”, „wpb_demo_shortcode”);

W tym kodzie najpierw stworzyliśmy funkcję, która uruchamia trochę kodu i zwraca dane wyjściowe. Następnie stworzyliśmy nowy skrót o nazwie „powitanie” i poprosiliśmy WordPress o uruchomienie utworzonej funkcji.

Teraz możesz dodać ten krótki kod do swoich postów, stron i widżetów, używając następującego kodu:

[Powitanie]

Uruchomi utworzoną funkcję i wyświetli żądane wyjście.

Teraz rzućmy okiem na bardziej praktyczne użycie krótkiego kodu. W tym przykładzie wyświetlimy baner Google AdSense wewnątrz skrótu.

// Funkcja shortcode
funkcja wpb_demo_shortcode_2 () {

// Kod reklamy wklejony do zmiennej
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). push ({});
„;

// Zwrócony kod reklamy
return $ string;

}
// Zarejestruj krótki kod
add_shortcode („mój_adres kodu”, „wpb_demo_shortcode_2”);

Nie zapomnij zastąpić kodu reklamy własnym kodem reklamy.

Możesz teraz używać [mój_adres_kodu] w swoich postach, stronach i widżetach paska bocznego WordPress. WordPress automatycznie uruchomi funkcję związaną z krótkim kodem i wyświetli kod reklamy.

Skróty kontra bloki Gutenberga

Użytkownicy często pytają nas o różnice między shortcode a nowymi blokami Gutenberga.

Zasadniczo, jeśli uznasz, że skróty są przydatne, pokochasz bloki edytora WordPress. Bloki pozwalają robić to samo, ale w sposób bardziej przyjazny dla użytkownika.

Zamiast wymagać od użytkowników dodania krótkiego kodu do wyświetlania zawartości dynamicznej, bloki umożliwiają użytkownikom dodawanie zawartości dynamicznej do postów / stron za pomocą bardziej intuicyjnego interfejsu użytkownika. Wiele popularnych wtyczek WordPress korzysta z bloków Gutenberga zamiast skrótów, ponieważ są one bardziej przyjazne dla początkujących.

Zebraliśmy listę najbardziej przydatnych wtyczek blokowych Gutenberg dla WordPress, które możesz wypróbować.

Jeśli chcesz utworzyć własne niestandardowe bloki Gutenberga, możesz postępować zgodnie z naszym samouczkiem krok po kroku, w jaki sposób tworzyć niestandardowe bloki Gutenberga w WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać krótki kod w WordPress. Możesz także zapoznać się z naszym przewodnikiem na temat najlepszego przeciągnięcia & upuść wtyczki konstruktora stron WordPress i dowiedz się, jak utworzyć niestandardowy motyw WordPress bez pisania kodu.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map