Cum să activați Panoul personalizat de imagini antet în WordPress 3.0

Dacă nu ați avut șansa să testați WordPress 3.0, atunci veți pierde. Am creat numeroase postări despre caracteristicile WordPress 3.0 și au arătat și screenshot-uri WordPress 3.0. Unul dintre upgrade-ul demn de încredere în această versiune este o nouă temă implicită numită Doua zeci zece. Această temă are o mulțime de caracteristici excelente activate, dar una dintre caracteristicile pe care o mulțime de utilizatori doresc este panoul Antet personalizat. În acest articol, vom împărtăși cu dvs. cum puteți activa anteturile personalizate cu un panou de admin back-end în WordPress 3.0.

Ce anume va face această caracteristică?

Acesta va crea o filă în panoul de administrare care vă va permite să modificați imaginile antetului. Puteți înregistra imaginile implicite dacă sunteți un designer de teme pentru a oferi utilizatorilor mai multe opțiuni. De asemenea, permite utilizatorilor să încarce imagini personalizate pentru antet. Nu în ultimul rând, dar nu în ultimul rând, această caracteristică utilizează miniaturi post pe paginile single post. Dacă miniatura dvs. de postare este suficient de mare pentru a se potrivi dimensiunii antetului, atunci va folosi miniatura postului dvs. ca antet în locul imaginii implicite. Dacă miniatură dvs. este mai mare, atunci ea va tăia pentru tine.

Urmăriți ecranul

Cum se adaugă acest lucru?

Am luat codul direct de la Twenty Ten's functions.php fişier. Trebuie să inserați următoarele coduri în tema proprie functions.php fişier.

 array ('url' => '% s / images / headers / berries.jpg', 'thumbnail_url' => , 'yourtheme')), 'cherryblossom' => array ('url' => '% s / images / headers / cherryblossoms.jpg', 'thumbnail_url' => '% s / images / headers / cherryblossoms-thumbnail.jpg ',' descriere '=> __ (' Cherry Blossoms ',' yourtheme ')), concave => array (' url '=>'% s / images / headers / concave.jpg ',' thumbnail_url ' '% s / images / headers / concave-thumbnail.jpg', 'descriere' => __ ('Concave', 'yourtheme' headers / fern.jpg ',' thumbnail_url '=>'% s / images / headers / fern-thumbnail.jpg ',' description '=> __ (' Fern ',' yourtheme ' ("Forest Floor"), "thumbnail_url" => '% s / images / headers / forestfloor-thumbnail.jpg', 'description' => , 'yourtheme')), 'inkwell' => array ('url' => '% s / images / headers / inkwell.jpg', 'thumbnail_url' => humbnail.jpg ',' description '=> __ (' Inkwell ',' yourtheme ')),' path '=> array (' = "'% s / images / headers / path-thumbnail.jpg",' descriere '=> __ (' Path ',' yourtheme ' / images / headers / sunset.jpg ',' thumbnail_url '=>'% s / images / headers / sunset-thumbnail.jpg ',' description '=> __ (' Sunset ',' yourtheme '))));  endif; dacă (! function_exists ('yourtheme_admin_header_style')): / ** * Stilurile imaginii antetului afișate în panoul Aparat> Administrator antet. * * Referit prin add_custom_image_header () în yourtheme_setup (). * * de la 3.0.0 * / funcția yourtheme_admin_header_style () ?> #headimg height: px; lățime: px;  #headimg h1, #headimg #desc display: niciunul;   

Asta-i pentru mine. Te rog explica

Desigur, acest lucru ar putea părea jignitor pentru unii dintre voi. Acest lucru este în mare parte pentru designerii temelor, dar vom face tot posibilul să-l desființăm. Înainte de a începe, asigurați-vă că copiați și inserați acest cod în editorul de cod, astfel încât să puteți efectua modificările necesare.

Notă: Folosim / images / headers / ca director în care veți stoca imaginile antetului implicit.

• Porniți codul prin crearea unei funcții yourtheme_setup ().
• În linia 21, definim imaginea antetului implicită. Rețineți că există o variabilă% s care este, în principiu, un substituent pentru URI directorul tematic.
• Linile 25 și 26 sunt unde definiți lățimea și înălțimea imaginii. În mod prestabilit, este setat la 940px lățime și 198px înălțime. Puteți să o modificați editând aceste două linii.
• Pornind de la linia 42, începem să înregistrăm anteturile implicite. Acestea sunt imaginile care vor apărea ca o opțiune cu buton radio în panoul de administrare. Dacă aveți nevoie de mai multe opțiuni, pur și simplu urmați formatul utilizat.
• În linia 95, alegem stilul antetului. Nu este necesar să modificați aceste setări, deoarece le-ați eliminat deja în rândul 25 și 26.

Acesta este tot ceea ce faceți pentru fișierul functions.php al temei. Înainte vom trece în modul în care veți adăuga acest lucru la tema dvs..

Cod de adăugat în Tema

Acest cod va fi cel mai probabil în tema header.php fişier. Puteți să-l stil, totuși doriți.

ID) && (/ * $ src, $ lățime, $ înălțime * / $ image = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), 'post-miniatură')) && $ image [1]> = HEADER_IMAGE_WIDTH): Avem o nouă imagine antet! echo get_the_post_thumbnail ($ post-> ID, 'post-thumbnail'); altfel:?>  

Ce face acest cod?

• În primul rând, verifică dacă este un singur post sau o pagină. De asemenea, verifică dacă acest post / pagină are o miniatură și dacă este suficient de mare.
• Dacă pagina este o singură pagină și are o miniatură suficient de mare, atunci se afișează miniatură postare specifică acelei postări.
• Dacă nu este o singură pagină sau dacă miniatura postului nu este suficient de mare, atunci se va afișa antetul implicit.

Sperăm că acest tutorial a fost de ajutor. Am primit câteva e-mailuri despre acest tutorial, așa că am rupt codul din tema Twenty Ten. Dacă aveți întrebări, atunci nu ezitați să întrebați în comentarii.