10 tagów szablonów WordPress, których nie możesz znać
WordPress jest dostarczany z dużą ilością znaczników szablonów od samego początku. Te znaczniki szablonów w WordPress są funkcjami PHP, które można wykorzystać wydajność jak również pobrać kawałek danych.
Jeśli tworzysz motyw WordPress, możesz zapoznać się z niektórymi z tych tagów szablonów, takimi jak tytuł
to pokazuje tytuł postu, Autor
pokazuje nazwę autora posta i link do posta.
WordPress ewoluuje. Każda nowa wersja często wprowadza kilka nowych znaczników szablonów. Tak bardzo, że nadążanie za wszystkimi tagami szablonów - starymi lub nowymi - może być sporym wyzwaniem. Sprawdź te 20 tagów szablonów, które mógłeś przeoczyć.
Kapitał P
WordPress, zgodnie z ich wytycznymi i standardem, musi być napisane kapitałem P, tzn. WordPress nie jest nie; właściwym sposobem jest przeliterowanie tego jako WordPress.
Stolica “P” to kwestia o tak dużym znaczeniu, że Matt Mullenweg (założyciel WordPress) umieścił ją w swojej rezolucji w 2009 r. capital_p_dangit ()
funkcja jest wprowadzana jako część inicjatywy.
Od: 3.0.0
// Używanie go bezpośrednio $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Dowolny tekst WordPress jest obrócony dużą literą // // Lub, używając go w filtrze WordPress. add_filter ("the_excerpt", function ($ text) return captial_p_dangit ($ text););
Logo firmy
W 4.5 WordPress wprowadził możliwość przesyłania logo dla motywów za pośrednictwem Customizera. Ta nowa funkcja wymaga obsługi motywów: przez dodanie add_theme_support („logo witryny”)
, logo pojawi się w Customizerze.
Ta funkcja prowadzi do użycia kilku nowych znaczników szablonów, które mogą obsługiwać obraz logo na tematach, a mianowicie: has_custom_logo ()
, get_custom_logo ()
, i the_custom_logo ()
.
Od: 4.5.0
// 1. Wyjście zawiera logo obrazu i link do domu. the_custom_logo (); // 2. Uzyskaj niestandardowe wyjście logo „string”. $ logo = get_custom_logo (); // 3. Warunkowe if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Używanie 'get_custom_logo' do owinięcia logo div; add_filter ("get_custom_logo", function ($ html) return ''. $ html. '';);
URL obrazu miniatury
WordPress ma od dawna zintegrowane, natywne narzędzie do dodawania miniatur lub wyróżnionego obrazu. Tag szablonu, the_post_thumbnail ()
, pokazuje tag obrazu wraz z ich atrybutami.
Ale co, jeśli chcesz zamiast tego wyświetlić miniaturę obrazu jako tło w CSS? Użyj znacznika szablonu, get_the_post_thumbnail_url ()
.
Od: 4.4.0
Przykład:
Wygeneruj liczbę losową
Ten znacznik szablonu da Ci losową liczbę na podstawie określonego zakresu. WordPress używa tej funkcji wewnętrznie do generowania losowego hasła. Prawdopodobnie możesz go użyć do wygenerowania losowego numeru kuponu dla witryny WooCommerce.
Od: 2.6.2
Przykład:
// Wygeneruj liczbę od 1 do 200 $ rand_number = wp_rand (1, 200); // wyjście nie będzie poniżej 0 lub 201 powyżej.
Komentarze Paginacja
Większość motywów używa obecnie the_comments_navigation ()
co da “Kolejny” i “Poprzedni” rodzaj łącza nawigacyjnego. Jeśli chcesz wyświetlić numerowaną nawigację (paginacja), zastąp tag tagiem the_comments_pagination ()
zamiast.
Pamiętaj, że Tag szablonu jest dostępny tylko w WordPress 4.4.0 w górę. Upewnij się, że uruchomiłeś test przed jego wdrożeniem.
Od: 4.4.0
Przykład:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
Skracanie adresu URL
Ten tag szablonu skróci długość adresu URL. I tak bardzo długi URL nie włamie się do nowej linii w treści treści. Dostępne są 2 opcje: dodaj overflow-wrap: break-word;
w swoim CSS lub przyciąć długość adresu URL za pomocą url_shorten ()
Tag szablonu.
Od: 1.2.0
Przykład:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // np. www.hongkiat.com/blog/css… echo '” $ url_text. '';
Dodaj skrypty wbudowane
Zawsze używaliśmy wp_enqueue_script
zarejestrować się, załadować skrypt i jego zależności. Ładowanie wewnętrznego skryptu jednak nie było to całkiem proste, dopóki ten szablon nie został użyty, wp_add_inline_script
jest wprowadzony.
Dodanie skryptu wbudowanego wymaga znanego skolejkowanego skryptu, do którego zostanie dołączony. To treser jest przekazywany jako pierwszy parametr skryptu podobny do wp_localize_script ()
funkcjonować. Drugi parametr powinien przekazać zawartość skryptu. Trzecie parametry określają, czy wiersz powinien być wyprowadzany „przed” czy „po” .
Od: 4.5.0
Przykład:
funkcja enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'before'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Wyjście: // //
Język rozwijany
The wp_dropdown_languages
Tag szablonu wyświetli opcję HTML pokazującą listę języków w witrynie WordPress. Znajdziesz ten szablon znacznika przydatne, jeśli chcesz zlokalizować swoją stronę. Możesz go użyć, aby pokazać opcje języka w Edytor użytkownika ekran lub na przedniej stronie witryny, aby umożliwić użytkownikom wybranie preferencji językowych.
Od: 4.0.0
Przykład:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', 'ja'), // Indonezja oraz Japan 'selected' => 'en_US', 'show_available_translations' => false,));
Uzyskaj adres URL obrazu Avatar
Jak sama nazwa wskazuje, ten tag szablonu, get_avatar_url ()
, pobierze ścieżkę obrazu awatara użytkownika. Umożliwia wyświetlanie i formowanie awatara w dowolny sposób, zamiast wyświetlania go za pomocą znacznika obrazu HTML.
Od: 4.2.0
Przykład:
$ avatar = get_avatar_url ('[email protected]');
Pobierz motyw
Ta funkcja pobiera obiekt zawierający informacje o aktualnie aktywnym motywie. Informacje te obejmują temat Slug, nazwę, wersję, domenę tekstową, autora itp.
W poniższym fragmencie kodu używamy go do pobrania wersji i przekazania jej jako wersji skryptu.
Od: 3.4.0
Przykład:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 funkcja load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'conditional', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');