Share
În acest tutorial veți învăța cum să generați imagini de dimensiuni personalizate pentru a le utiliza în tema WordPress. De ce să folosim dimensiuni personalizate ale imaginii? Deci nu va trebui să editați fiecare imagine încărcată în Biblioteca Media. În acest fel, fiecare imagine încărcată va obține toate dimensiunile personalizate definite ale imaginii generate automat. Poate fi inserat în post sau pagină folosind galeria media sau din bucla. Continuați să citiți pentru a afla cum.
Pentru ca tema dvs. să accepte dimensiunile imaginilor personalizate, trebuie să editați fișierul functions.php găsit în folderul tematic. Deschideți functions.php și verificați dacă aveți o linie care arată astfel:
Accentsconagua
add_action ('after_setup_theme', 'nume_funcțional'); Acest cârlig este numit în timpul inițializării unei teme. În general, se utilizează pentru a efectua acțiuni de bază de configurare, înregistrare și inițializare pentru o temă, unde "nume_funcțional" este numele funcției care trebuie apelată.
Dacă ați găsit o astfel de linie, atunci găsiți și metoda cu același nume ca al doilea parametru din acea metodă add_action.
Dacă nu puteți găsi o linie care arată astfel, ar trebui să o adăugați și, de asemenea, să creați un nume de metodă ca al doilea parametru:
add_action ('after_setup_theme', 'setup'); funcția de configurare () // ... Acum, pentru a activa miniaturile postate pentru tema dvs., adăugați următoarele linii în metoda definită mai sus:
setarea funcției () // ... add_theme_support ('post-thumbnails'); // Această caracteristică permite suportul post-miniatural pentru o temă // Pentru a activa numai pentru posturi: // add_theme_support ('post-thumbnails', array ('post')); // Pentru a activa numai posturile și tipurile personalizate de mesaje: // add_theme_support ('post-thumbnails', array ('post', 'movie')); // Înregistrați o dimensiune nouă a imaginii. // Aceasta înseamnă că WordPress va crea o copie a imaginii postate cu dimensiunile specificate // atunci când încărcați o nouă imagine. Înregistrați cât mai multe. // Adăugarea dimensiunilor personalizate ale imaginilor (nume, lățime, înălțime, decupare) add_image_size ('featured-image', 620, 200, true); // ... Pentru a insera o imagine într-un post sau o pagină din galeria media, introduceți următorul filtru în fișierul functions.php:
add_filter ('image_size_names_choose', 'custom_image_sizes_choose'); funcția custom_image_sizes_choose ($ sizes) $ custom_sizes = array ('featured-image' => 'Imagine recomandată'); retur array_merge ($ size, $ custom_sizes); Ce face acest cod, este faptul că îmbină dimensiunile personalizate ale imaginilor cu cea definită în WordPress, astfel încât rezultatul va fi imaginea de mai jos.
Pentru a afișa, de exemplu, imaginea care a fost numită "imaginea specială", în interiorul bucla trebuie să adăugați următoarele linii:
'featured-image')); endif; ?>
Acest lucru va verifica dacă postul / pagina are o imagine atașată și va scoate o imagine
Pentru această sarcină există un plugin pentru a ajuta, Regenerați miniaturile. Poate regenera toate, un lot sau imagini individuale. Dacă schimbați dimensiunile imaginilor și le regenerați, imaginile cu dimensiunile anterioare nu vor fi șterse.
Să presupunem că doriți să utilizați această funcție în cadrul temei. De la / Wp-content / teme / numele-of-the-temă dosarul este deschis functions.php cu editorul dvs. de text preferat. Dacă tema dvs. nu are un after_setup_theme acțiune definită, trebuie să adăugați una. Codul pentru dimensiunile personalizate ale imaginilor va fi adăugat în acea metodă definită.
Notă: acestea sunt nume de dimensiuni rezervate imaginii: degetul mare, miniatură, mediu, mare, post-miniatură. Adăugarea unei dimensiuni personalizate a imaginii cu un nume rezervat va suprascrie valorile predefinite.
add_action ('after_setup_theme', 'setup'); setarea funcției () // ... add_theme_support ('post-thumbnails'); // Această caracteristică permite suportul post-miniatural pentru o temă add_image_size ('header', 600, 200, true); // imagine antet add_image_size ('custom-size1', 400, 200); // 400 pixeli lățime și 200 pixeli înălțime, redimensionați proporțional add_image_size ('custom-size2', 400, 200, true); // 400 pixeli lățime și 200 pixeli înălțime, decupați // ... Editarea content.php sau Conținutul-single.php sau Conținutul-page.php fișiere, puteți afișa imaginea cu mărimea potrivită pentru antetul post, punându-l sub sau sub titlul postării.
Pentru a face celelalte două dimensiuni personalizate alese din Galeria media, adăugați următorul filtru:
add_filter ('image_size_names_choose', 'custom_image_sizes_choose'); funcția custom_image_sizes_choose ($ sizes) $ custom_sizes = array ('custom-size1' => 'Dimensiunea personalizată 1', 'custom-size2' => 'Dimensiunea personalizată 2'); retur array_merge ($ size, $ custom_sizes); Un exemplu real de viață a modului în care funcționează și cum poate fi utilizat: gurde.com
Cum de a genera o galerie cu dimensiuni personalizate ale imaginilor și de a adăuga niște JavaScript pentru a mări imaginile și pentru a comuta între ele (mouse și tastatură).
