Meta cutii personalizate reutilizabile Partea 3 Câmpuri extra

În Partea 1 și Partea 2 din seria noastră de instrucțiuni pentru șabloanele personalizate, am învățat cum să creăm un câmp de câmpuri care să treacă prin buclă și să creeze o casetă de metade personalizată cu câmpurile standard. Acum, hai sa aruncam un pic de JavaScript pentru unele domenii fanteziste, dar extrem de utile.

Picker de date

Fiecare dintre câmpurile pe care le acoperim în acest tutorial va necesita jQuery și jQuery UI. Din fericire, WordPress o face extrem de ușor să le folosească wp_enqueue_script, și începând cu 3.3, toate interacțiunile și widget-urile jQuery UI sunt asociate cu WordPress.

Deoarece lucrăm la o pagină care deja enumeră jQuery, putem să o ignorăm, dar va trebui să luăm jQuery UI Datepicker. De asemenea, va trebui să creați o foaie de stil proprie, deoarece CSS-ul necesar nu vine încă în WordPress - deși ei lucrează că.

 dacă este_admin ()) wp_enqueue_script ('jquery-ui-datepicker'); wp_enqueue_style ('jquery-ui-personalizat', get_template_directory_uri (). '/ css / jquery-ui-custom.css'); 

Trebuie doar să le încărcăm în admin și nu pe partea frontală a site-ului, astfel încât să înfășurăm funcțiile într-o condiție. Prima funcție cheamă datepicker și va încărca și jQuery UI Core. A doua funcție va numi foaia de stil jquery-ui-custom.css din dosarul css al temei. Foaia de stiluri de exemplu inclusă în descărcare de la începutul acestui tutorial nu necesită imagini. De asemenea, vă puteți crea propria temă de interfață jQuery.

Acum, să ne uităm la elementul de matrice pe care trebuie să-l adăugăm $ custom_meta_fields am inceput in partea 1.

 array ('label' => 'Date', 'desc' => 'O descriere a câmpului', 'id' => $ prefix.'date ',' type '=>' date ')

Această matrice este aproape identică cu elementul nostru de text. Are o etichetă principală, o descriere, un id unic și tipul de dată este definit. Vom merge doar cu o implementare de bază a selectorului de date în exemplul nostru aici, dar dacă trebuie să vă păstrați gradul de utilizare a selectorului de date, puteți adăuga și alte informații în matrice, cum ar fi formatul preferat, localizarea , și intervalul de date pentru a numi câteva. Apoi, puteți utiliza acele informații în următorul apelant de script pe care trebuie să-l adăugăm la capul paginii:

 ADD_ACTION ( 'admin_head', 'add_custom_scripts'); funcția add_custom_scripts () global $ custom_meta_fields, $ post; $ output = ''