Snippet

Jak łatwo dodać i używać shortcode’ów w WordPressie

Jak dodać shortcode w WordPressieUtwórz niestandardowy shortcode w WordPressieWłącz shortcodes w widgetach WordPressaDodaj shortcode do menu WordPressaSamouczek dotyczący shortcode w WordPressieUżyj shortcode w klasycznym edytorze WordPressaPrzykład funkcji shortcode w WordPressieJak wstawić shortcode na stronie WordPressaShortcode WordPressa dla konkretnych funkcjiDodaj shortcode do motywu WordPressa

Objaśnienie

Tworzenie i używanie shortcode'ów w WordPressie

Shortcode'y to jak magiczne słowa w WordPressie, które pozwalają dodawać specjalne treści lub funkcje bez konieczności znajomości kodowania. Oto jak możesz je wykorzystać:

  • Stwórz własny shortcode: Kod rejestruje shortcode o nazwie [custom_shortcode]. Gdy użyjesz go w swoich postach lub stronach, wyświetli specjalny komunikat opakowany w stylizowany <div>.
  • Włącz shortcode'y w widgetach: Zazwyczaj widgety tekstowe nie przetwarzają shortcode'ów. Kod zapewnia, że będą to robić, dzięki czemu możesz używać shortcode'ów w widgetach w pasku bocznym lub stopce.
  • Dodaj shortcode do menu: Jeśli chcesz, aby twoje menu miało dodatkowy styl, ten kod dodaje wynik shortcode'a do menu głównego. Sprawdza, czy menu jest ustawione na 'primary', a następnie dołącza zawartość shortcode'a.
  • Użyj shortcode'a w edytorze klasycznym: Dla tych, którzy korzystają z edytora klasycznego, dodany zostaje przycisk na pasku narzędzi. Kliknięcie go wstawia shortcode bezpośrednio do twojej treści, co czyni go bardzo łatwym w użyciu.
  • Wstaw shortcode na konkretnych stronach: Jeśli chcesz, aby shortcode pojawił się tylko na konkretnej stronie, ten kod sprawdza identyfikator strony (w tym przypadku 42) i wyświetla zawartość shortcode'a na dole tej strony.
  • Dodaj shortcode do motywu: Możesz bezpośrednio wstawić shortcode do plików swojego motywu. To przydatne, jeśli chcesz, aby shortcode pojawił się w określonej części twojej witryny, na przykład w nagłówku lub stopce. Po prostu wywołaj funkcję tam, gdzie chcesz, aby się pojawiła.

Dzięki tym krokom możesz wzbogacić swoją witrynę WordPress o niestandardowe funkcje i treści, nie dotykając ani jednej linii kodu poza skonfigurowaniem samego shortcode'a!

Kod

1// Register a custom shortcode in WordPress 2function wp_dudecom_custom_shortcode() { 3 // Output content for the shortcode 4 return '<div class="custom-shortcode-content">This is a custom shortcode output.</div>'; 5} 6add_shortcode('custom_shortcode', 'wp_dudecom_custom_shortcode'); 7 8// Enable shortcodes in WordPress text widgets 9add_filter('widget_text', 'do_shortcode'); 10 11// Add shortcode to WordPress menu 12function wp_dudecom_add_shortcode_to_menu($items, $args) { 13 // Check if the menu location is 'primary' 14 if ($args->theme_location == 'primary') { 15 // Append the shortcode output to the menu items 16 $items .= do_shortcode('[custom_shortcode]'); 17 } 18 return $items; 19} 20add_filter('wp_nav_menu_items', 'wp_dudecom_add_shortcode_to_menu', 10, 2); 21 22// Use shortcode in WordPress Classic Editor 23function wp_dudecom_add_shortcode_button() { 24 if (wp_script_is('quicktags')) { 25 ?> 26 <script type="text/javascript"> 27 QTags.addButton('custom_shortcode', 'Custom Shortcode', '[custom_shortcode]', '', '', 'Insert Custom Shortcode', 1); 28 </script> 29 <?php 30 } 31} 32add_action('admin_print_footer_scripts', 'wp_dudecom_add_shortcode_button'); 33 34// Insert shortcode in WordPress page using PHP 35function wp_dudecom_insert_shortcode_in_page() { 36 // Check if we are on a specific page by ID 37 if (is_page(42)) { 38 echo do_shortcode('[custom_shortcode]'); 39 } 40} 41add_action('wp_footer', 'wp_dudecom_insert_shortcode_in_page'); 42 43// Add shortcode to WordPress theme 44function wp_dudecom_add_shortcode_to_theme() { 45 // Use the shortcode in the theme template 46 echo do_shortcode('[custom_shortcode]'); 47} 48// Call this function in the appropriate theme template file where you want the shortcode to appear 49// Example: wp_dudecom_add_shortcode_to_theme();

Instrukcja

Przewodnik wdrożeniowy dotyczący dodawania shortcode'ów w WordPressie

Postępuj zgodnie z poniższymi krokami, aby wdrożyć dostarczony kod do tworzenia i używania shortcode'ów w WordPressie:

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików motywu WordPress lub możliwość stworzenia własnej wtyczki.

  1. Dostęp do plików WordPress:
    • Zaloguj się do panelu administracyjnego WordPress.
    • Przejdź do Wygląd > Edytor motywu, aby uzyskać dostęp do pliku functions.php, lub użyj klienta FTP, aby uzyskać dostęp do plików motywu.
  2. Dodaj kod:
    • Skopiuj dostarczony fragment kodu.
    • Wklej go na końcu pliku functions.php lub w pliku własnej wtyczki.
    • Zapisz zmiany.
  3. Użyj shortcode'u:
    • Aby użyć shortcode'u w postach lub stronach, po prostu dodaj [custom_shortcode] tam, gdzie chcesz, aby treść się pojawiła.
    • W przypadku widgetów dodaj shortcode do widgetu tekstowego w pasku bocznym lub stopce.
  4. Zweryfikuj integrację menu:
    • Upewnij się, że twoje menu jest ustawione na lokalizację 'primary', aby zobaczyć wynik shortcode'u dodany do elementów menu.
  5. Przycisk w klasycznym edytorze:
    • Jeśli używasz Klasycznego Edytora, poszukaj nowego przycisku na pasku narzędzi, aby łatwo wstawić shortcode.
  6. Wyświetlanie na konkretnej stronie:
    • Aby wyświetlić shortcode na konkretnej stronie, upewnij się, że ID strony odpowiada temu określonemu w kodzie (np. 42).
  7. Integracja z motywem:
    • Wywołaj funkcję wp_dudecom_add_shortcode_to_theme() w odpowiednim pliku szablonu motywu, w którym chcesz, aby shortcode się pojawił.

Postępując zgodnie z tymi krokami, możesz skutecznie zintegrować i wykorzystać shortcode'y na swojej stronie WordPress. Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.

\n Edytor motywu, aby uzyskać dostęp do pliku functions.php, lub użyj klienta FTP, aby uzyskać dostęp do plików motywu."},{"@type":"HowToStep","text":"Dodaj kod:\n \n Skopiuj dostarczony fragment kodu."},{"@type":"HowToStep","text":"Wklej go na końcu pliku functions.php lub w pliku własnej wtyczki."},{"@type":"HowToStep","text":"Zapisz zmiany."},{"@type":"HowToStep","text":"Użyj shortcode'u:\n \n Aby użyć shortcode'u w postach lub stronach, po prostu dodaj [custom_shortcode] tam, gdzie chcesz, aby treść się pojawiła."},{"@type":"HowToStep","text":"W przypadku widgetów dodaj shortcode do widgetu tekstowego w pasku bocznym lub stopce."},{"@type":"HowToStep","text":"Zweryfikuj integrację menu:\n \n Upewnij się, że twoje menu jest ustawione na lokalizację 'primary', aby zobaczyć wynik shortcode'u dodany do elementów menu."},{"@type":"HowToStep","text":"Przycisk w klasycznym edytorze:\n \n Jeśli używasz Klasycznego Edytora, poszukaj nowego przycisku na pasku narzędzi, aby łatwo wstawić shortcode."},{"@type":"HowToStep","text":"Wyświetlanie na konkretnej stronie:\n \n Aby wyświetlić shortcode na konkretnej stronie, upewnij się, że ID strony odpowiada temu określonemu w kodzie (np. 42)."},{"@type":"HowToStep","text":"Integracja z motywem:\n \n Wywołaj funkcję wp_dudecom_add_shortcode_to_theme() w odpowiednim pliku szablonu motywu, w którym chcesz, aby shortcode się pojawił."},{"@type":"HowToStep","name":"Kod (PHP)","text":"// Register a custom shortcode in WordPress\nfunction wp_dudecom_custom_shortcode() {\n // Output content for the shortcode\n return '
This is a custom shortcode output.
';\n}\nadd_shortcode('custom_shortcode', 'wp_dudecom_custom_shortcode');\n\n// Enable shortcodes in WordPress text widgets\nadd_filter('widget_text', 'do_shortcode');\n\n// Add shortcode to WordPress menu\nfunction wp_dudecom_add_shortcode_to_menu($items, $args) {\n // Check if the menu location is 'primary'\n if ($args->theme_location == 'primary') {\n // Append the shortcode output to the menu items\n $items .= do_shortcode('[custom_shortcode]');\n }\n return $items;\n}\nadd_filter('wp_nav_menu_items', 'wp_dudecom_add_shortcode_to_menu', 10, 2);\n\n// Use shortcode in WordPress Classic Editor\nfunction wp_dudecom_add_shortcode_button() {\n if (wp_script_is('quicktags')) {\n ?>\n \n