Jak łatwo dodać i używać shortcode’ów w WordPressie
Jak dodać shortcode w WordPressie;
Utwórz niestandardowy shortcode w WordPressie;
Włącz shortcodes w widgetach WordPressa;
Dodaj shortcode do menu WordPressa;
Samouczek dotyczący shortcode w WordPressie;
Użyj shortcode w klasycznym edytorze WordPressa;
Przykład funkcji shortcode w WordPressie;
Jak wstawić shortcode na stronie WordPressa;
Shortcode WordPressa dla konkretnych funkcji;
Dodaj 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
// Register a custom shortcode in WordPress
function wp_dudecom_custom_shortcode() {
// Output content for the shortcode
return '<div class="custom-shortcode-content">This is a custom shortcode output.</div>';
}
add_shortcode('custom_shortcode', 'wp_dudecom_custom_shortcode');
// Enable shortcodes in WordPress text widgets
add_filter('widget_text', 'do_shortcode');
// Add shortcode to WordPress menu
function wp_dudecom_add_shortcode_to_menu($items, $args) {
// Check if the menu location is 'primary'
if ($args->theme_location == 'primary') {
// Append the shortcode output to the menu items
$items .= do_shortcode('[custom_shortcode]');
}
return $items;
}
add_filter('wp_nav_menu_items', 'wp_dudecom_add_shortcode_to_menu', 10, 2);
// Use shortcode in WordPress Classic Editor
function wp_dudecom_add_shortcode_button() {
if (wp_script_is('quicktags')) {
?>
<script type="text/javascript">
QTags.addButton('custom_shortcode', 'Custom Shortcode', '[custom_shortcode]', '', '', 'Insert Custom Shortcode', 1);
</script>
<?php
}
}
add_action('admin_print_footer_scripts', 'wp_dudecom_add_shortcode_button');
// Insert shortcode in WordPress page using PHP
function wp_dudecom_insert_shortcode_in_page() {
// Check if we are on a specific page by ID
if (is_page(42)) {
echo do_shortcode('[custom_shortcode]');
}
}
add_action('wp_footer', 'wp_dudecom_insert_shortcode_in_page');
// Add shortcode to WordPress theme
function wp_dudecom_add_shortcode_to_theme() {
// Use the shortcode in the theme template
echo do_shortcode('[custom_shortcode]');
}
// Call this function in the appropriate theme template file where you want the shortcode to appear
// 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.
- 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.
- Dodaj kod:
- Skopiuj dostarczony fragment kodu.
- Wklej go na końcu pliku
functions.phplub w pliku własnej wtyczki. - Zapisz zmiany.
- 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.
- Aby użyć shortcode'u w postach lub stronach, po prostu dodaj
- Zweryfikuj integrację menu:
- Upewnij się, że twoje menu jest ustawione na lokalizację 'primary', aby zobaczyć wynik shortcode'u dodany do elementów menu.
- Przycisk w klasycznym edytorze:
- Jeśli używasz Klasycznego Edytora, poszukaj nowego przycisku na pasku narzędzi, aby łatwo wstawić shortcode.
- 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).
- 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ł.
- Wywołaj funkcję
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.