10 tag modello WordPress che potresti non conoscere
WordPress viene distribuito con una grande abbondanza di Tag modello sin dal suo inizio. Questi tag modello in WordPress sono funzioni PHP che possono essere utilizzate produzione così come recuperare un pezzo di dati.
Se hai sviluppato un tema WordPress, potresti avere familiarità con alcuni di questi tag modello, come ad esempio il titolo
che mostra il titolo del post, l'autore
che mostra il nome dell'autore del post e il link del post.
WordPress continua ad evolversi. Ogni nuova versione introduce spesso alcuni nuovi tag modello. Tanto che stare al passo con tutti questi tag modello - vecchi o nuovi - può essere piuttosto impegnativo. Dai uno sguardo a questi 20 modelli che potresti aver trascurato.
Capitale P
WordPress, secondo le loro linee guida e standard, deve essere scritto con la P maiuscola, WordPress è un no no; il modo giusto è scriverlo come WordPress.
La capitale “P” è un problema con tanta importanza all'estensione che Matt Mullenweg (fondatore di WordPress) lo ha incluso nella sua risoluzione nel 2009. capital_p_dangit ()
la funzione è introdotta come parte dell'iniziativa.
Da: 3.0.0
// Usandolo direttamente $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Qualsiasi testo WordPress viene convertito con maiuscole P. // Oppure, utilizzandolo in un filtro WordPress. add_filter ("the_excerpt", function ($ text) return captial_p_dangit ($ text););
Logo personalizzato
In 4.5, WordPress ha introdotto la possibilità di caricare un logo per temi attraverso il Customizer. Questa nuova funzione richiede il supporto di temi: aggiungendo add_theme_support ('site-logo')
, il logo apparirà nel Customizer.
Questa funzione porta all'uso di alcuni nuovi tag modello che possono gestire l'output dell'immagine del logo su Temi, vale a dire: has_custom_logo ()
, get_custom_logo ()
, e the_custom_logo ()
.
Da: 4.5.0
// 1. L'output include il logo dell'immagine e il link torna a casa. the_custom_logo (); // 2. Ottieni l'output del logo personalizzato "string". $ logo = get_custom_logo (); // 3. Condizionale if (has_custom_logo ()) $ logo = get_custom_logo (); // 4. Utilizzo di 'get_custom_logo' per avvolgere il logo con un div; add_filter ("get_custom_logo", function ($ html) return ''. $ html. '';);
URL immagine miniatura
WordPress ha una utility nativa integrata a lungo per aggiungere un'immagine in miniatura o un'immagine in primo piano. Il tag del modello, the_post_thumbnail ()
, mostra il tag immagine insieme ai loro attributi.
Ma cosa succede se si desidera mostrare la miniatura dell'immagine come sfondo tramite CSS? Usa il tag modello, get_the_post_thumbnail_url ()
.
Da: 4.4.0
Esempio:
Genera numero casuale
Questo tag modello ti darà un numero casuale basato su un intervallo specificato. WordPress utilizza internamente questa funzione per generare una password casuale. Probabilmente puoi usarlo per generare un numero di coupon casuale per il tuo sito WooCommerce.
Da: 2.6.2
Esempio:
// Genera un numero da 1 a 200 $ rand_number = wp_rand (1, 200); // l'output non sarà inferiore a 0 o 201 sopra.
Commenti impaginazione
La maggior parte dei temi utilizza attualmente il the_comments_navigation ()
che darà il “Il prossimo” e “prev” tipo di collegamento di navigazione. Se si desidera visualizzare una navigazione numerata (paginazione), sostituire il tag con the_comments_pagination ()
anziché.
Ricorda che il Tag modello è disponibile solo in WordPress 4.4.0 verso l'alto. Assicurati di eseguire un controllo prima di distribuirlo.
Da: 4.4.0
Esempio:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
URL accorciato
Questo tag modello riduce la lunghezza dell'URL. E un URL così lungo non si spezzerà in una nuova riga all'interno del contenuto del corpo. Ci sono 2 opzioni che puoi prendere: aggiungi overflow-wrap: break-word;
nel tuo CSS, o tagliare la lunghezza dell'URL con il url_shorten ()
Tag modello.
Da: 1.2.0
Esempio:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // per esempio. www.hongkiat.com/blog/css... echo ''. $ url_text. '';
Aggiungi script in linea
Abbiamo sempre usato il wp_enqueue_script
per registrare, caricare uno script e le sue dipendenze. Caricamento di uno script interno tuttavia non era abbastanza semplice, fino a quando questo tag modello, wp_add_inline_script
è introdotto.
L'aggiunta di uno script inline richiede uno script enqueued noto al quale verrà allegato. Questo gestore viene passato come primo parametro dello script simile al wp_localize_script ()
funzione. Il secondo parametro dovrebbe passare il contenuto dello script. I terzi parametri specificano se l'inline deve essere prodotto 'prima' o 'dopo' .
Da: 4.5.0
Esempio:
function enqueue_script () wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ('jquery'), '20160412', vero); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = ', 'before'); add_action ('wp_enqueue_scripts', 'enqueue_script'); // Produzione: // //
Dropdown Language
Il wp_dropdown_languages
Template Tag emetterà un'opzione HTML che mostra un elenco di lingue nel tuo sito WordPress. Troverai questo tag modello utile se hai bisogno di localizzare il tuo sito web. Puoi usarlo per mostrare le opzioni della tua lingua in User Editor schermo o nel front-end del tuo sito per consentire agli utenti di selezionare la loro lingua preferita.
Da: 4.0.0
Esempio:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), 'translations' => array ('id_ID', 'ja'), // Indonesia e Japan 'selected' => 'en_US', 'show_available_translations' => false,));
Ottieni l'URL dell'immagine dell'avatar
Come suggerisce il nome, questo tag modello, get_avatar_url ()
, recupererà il percorso dell'immagine dell'avatar dell'utente. Ti permette di visualizzare e modellare l'avatar nel modo che preferisci, invece di visualizzarlo semplicemente tramite il tag immagine HTML.
Da: 4.2.0
Esempio:
$ avatar = get_avatar_url ('[email protected]');
Ottieni temi
Questa funzione recupera un oggetto contenente informazioni sul tema attualmente attivo. Queste informazioni includono il tema Slug, nome, versione, dominio del testo, autore, ecc.
Nel seguente frammento di codice, lo usiamo per recuperare la versione e passarla come versione dello script.
Da: 3.4.0
Esempio:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Versione')); //1.2 function load_scripts () wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'condizionale', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');