Share
GamePress este o temă "Gaming News & Reviews" pentru WordPress și una dintre cele mai populare teme din ThemeForest. Este cea mai avansată temă pe care am creat-o până acum și chiar împinge ceea ce poate face motorul WordPress!
Citiți deja acest articol? Continuați cu partea 2.
Această serie din două părți se va concentra pe mai multe domenii cheie ale temei, care par să fie unele dintre punctele importante de vânzare. Voi include, de asemenea, exemple de orice cod important folosit și oferă legături către diverse tutoriale care detaliază tehnici similare.
În partea de sus a paginii de pornire este una dintre părțile mele preferate ale temei - Slider Features. Este inspirat de sliderul Flash de pe GameSpot - cu excepția faptului că este creat cu jQuery's Tabs plugin și CSS.
Codul de creare a acestei funcții este, în esență, o combinație a tutorialului "Creați o interfață cu ajutorul tabelului cu jQuery" de la NETTUTS (pentru fișiere) și "Creează un slider de conținut recomandat pentru redarea automată a conținutului" de la Chris Coyier la CSS- de stabilire a textului pe o imagine).
De fapt, singurul cod jQuery pe care l-am scris pentru acest lucru a fost:
Accentsconagua
$ (document) .ready (functie () $ ('. features> ul') tabs (fx: opacity: 'toggle' ;); Care va estompa zona atunci când un tab este suspendat peste. De asemenea, filele se vor roti automat la fiecare cinci secunde - cine are nevoie de Flash? ;)
Din nou, codul WordPress real pentru tragerea acestor posturi dintr-o categorie 'Caracteristici' se bazează pe codul de valabilitate din tutorialul meu "Construiește o secțiune recomandată pentru Wordpress":
Această secțiune este în esență ceea ce ați vedea pe orice altă temă WordPress. Dar există și o imagine care însoțește fiecare post. Acest lucru este realizat prin utilizarea opțiunii "Câmpuri personalizate" la scrierea unei postări:
Pentru a crea o imagine de postare cu câmpuri personalizate pe propria temă, puteți folosi următorul cod în buclă dvs. WordPress:
ID, "postimg", adevărat); ?>
Codul de mai sus verifică dacă un câmp personalizat cu cheia de la postimg există pentru postarea curentă și, dacă este așa, inserează link-ul într-o etichetă de imagine alături de restul mesajului.
Pentru mai multe informații despre utilizarea câmpurilor personalizate, consultați "Câmpurile personalizate WordPress" de Justin Tadlock; și ați putea fi, de asemenea, interesat de "5 moduri rapide de a vă îmbunătăți tema WordPress" peste la ThemeForest Blog.
Secțiunea "Cele mai recente știri" afișează un număr de posturi definite de utilizator, iar mai jos este o listă mai de bază a postărilor "vechi":
Acest lucru este realizat prin compensarea numărului de posturi obținute folosind codul următor în loc de buclă dvs. WordPress obișnuită:
$ gp_latest_headlines este numărul de postări listate în secțiunea Cele mai recente titluri.
Puteți face multe query_posts (), verificați Codul WordPress pentru documentația completă a acestuia.
Una dintre principalele caracteristici este șablonul Pagină de recenzie, care afișează toate recenziile dintr-o listă, dar și "extinde" prima examinare pentru a oferi mai multe detalii despre aceasta:
Metadatele primei revizuiri (format, eliberare, evaluare etc.) sunt preluate dintr-un număr de câmpuri personalizate din postare:
Acesta este un exemplu perfect al numeroaselor moduri în care puteți utiliza câmpurile personalizate - care sunt foarte ușor de utilizat în propria temă! De exemplu, următorul cod este cel utilizat pentru a prelua eliberare (data):
ID, "eliberare", adevărat); ?>
Desigur, fiecare domeniu este complet opțional. Dacă nu a fost completat, nu va fi afișat:
Eliberare:
Vom analiza mai mult șabloanele Review & Previews din Partea 2.
Un alt șablon de pagină furnizat împreună cu GamePress creează o pagină principală de știri foarte asemănătoare celei din secțiunea Cele mai recente titluri din pagina principală. Cu toate acestea, m-am confruntat cu o problemă: "Cum să includ o zonă de arhivă pentru a ajuta la sortarea postărilor după dată, categorie și etichetă?"
Nu am vrut să forțez pe administratorul site-ului să folosească un widget în bara laterală, deoarece nu doream ca GamePress să se simtă ca un "blog".
După o mulțime de gândire, am decis că am nevoie de un fel de secțiune "Arhive" în partea de sus a paginii Știri. Dar, a fost nevoie de prea multă valoare "pe ecranul imobiliar":
Soluția mea a fost să afișez numai caseta de titlu "Arhive", care, atunci când se dă clic pe ea, va face ca listele de arhivă să alunece mai jos. Observați că am înlocuit și normalul " în cutii de titlu la a + pentru a adăuga un indiciu subtil că caseta este "clicabilă"
Acest articol continuă pe Blogul ThemeForest unde ne vom uita la:
