Crearea unui portofoliu cu proiecte

proiecte este un plugin de WooThemes care este conceput pentru a oferi o modalitate simplă de a crea portofolii în WordPress. 

În afara casetei, Proiectele vă permit să aveți categorii, galerii, detalii despre clienți și adrese URL ale proiectului - acest set de funcții poate fi extins și prin diferitele sale cârlige, filtre și șabloane.

În acest articol, vă voi arăta cum să creați un portofoliu de bază online folosind proiecte. Voi face un portofoliu pentru o companie fictivă de web design. Proiectele sunt destul de simple și pot fi folosite pentru multe tipuri de site-uri Web, câteva exemple fiind:

• Copywriters pentru a le spune oamenilor despre proiectele dvs. de client
• Designerii de web pentru a vă prezenta cei mai noi clienți
• Tutorii / formatorii / antrenorii pentru a le spune potențialilor clienți câteva studii de caz sau povești de succes
• Lucrare de artă pentru a vă prezenta portofoliul online

Instalarea de proiecte

proiecte poate fi instalat din repozitoriul WordPress.org. Din tabloul de bord WordPress mergeți la "Pluginuri" și faceți clic pe linkul "Adăugați un nou". Din pagina de instalare a plugin-urilor, căutați "proiecte de woothemes" - ar trebui să apară ca rezultat de top. Faceți clic pe linkul "Instalați acum" și urmați instrucțiunile de pe ecran.

Configurați proiectele

Există doar câteva opțiuni simple pentru a obține proiecte configurat. După instalare, veți vedea următoarea casetă de dialog:

Faceți clic pe linkul care va fi dus la proiecte pagina de configurare.

Proiecte

Acesta este un meniu derulant care va lista toate paginile dvs. WordPress, indiferent de pagina pe care o selectați de aici va fi baza de proiecte sau arhiva. 

Aici, cea mai bună idee este să creați mai întâi o pagină necompletată. Pentru a face acest lucru, mergeți la "Pagini" și adăugați o pagină nouă necompletată. Această pagină ar putea fi numită orice, dar pentru acest tutorial vom folosi "proiecte". Puteți să puneți conținut pe această pagină dacă doriți - se va afișa deasupra proiectelor dvs..

Imagini

Restul setărilor din această pagină se referă la imagini. Tu ai:

• Arhiva imagini: Acestea sunt imaginile afișate pe pagina de bază / arhivă.
• Imagini singulare: Imaginea principală din elementul dvs. de proiect.
• Miniaturi: Doresc doar o schimbare ușoară a valorilor implicite aici - "singura mea imagine" va fi 1024 x 860. Dacă schimbați oricare dintre dimensiunile imaginii după ce ați adăugat orice proiecte, atunci va trebui să vă regenerați miniaturile (sau acestea vor putea fi pixelate). WordPress nu are o interfață de regenerare a miniaturilor construită, dar din fericire, există un plugin pentru asta. Mergeți mai departe și instalați pluginul "Regenerare Thumbnails". Acum, dacă schimbați orice dimensiune a imaginii, mergeți în meniul "Instrumente" din WordPress și alegeți "Regen Thumbnails" și în ecranul următor faceți clic pe butonul "Regenerare toate miniaturile". Acest lucru poate dura câteva minute dacă aveți o mulțime de imagini.

Odată ce sunteți mulțumit de setările dvs., apăsați butonul "Salvați modificările".

Adăugarea, editarea și ștergerea

Dacă ați adăugat postări sau pagini în WordPress înainte de acest proces ar trebui să vă fie destul de familiar. Pe această pagină aveți următoarele detalii pentru a completa:

• Titlu: titlul proiectului dvs. De exemplu: "Site-ul Tutsplus".
• Descriere: o casetă de editor WYSIWYG pentru cea mai mare parte a textului despre proiectul dvs..
• Categorii: acestea sunt explicate mai detaliat mai jos.
• Galeria proiectului: galeria de proiecte vă permite să încărcați sau să selectați imagini din biblioteca de imagini WordPress pentru a fi afișate în proiectul dvs. În mod prestabilit, aceste imagini sunt plasate în partea stângă a textului proiectelor principale. Imaginile sunt opționale aici, deoarece acestea nu pot fi potrivite pentru toate proiectele. De exemplu, dacă sunteți un copywriter, portofoliul dvs. nu poate fi deosebit de greu. Pentru a adăuga câteva imagini ale galeriei, dați clic pe linkul "Adăugați imagini galerie de proiect" și selectați unele imagini pe care le aveți deja sau faceți clic pe fila "Încărcare" și trageți și plasați unele imagini noi. Mai multe imagini pot fi încărcate sau selectate la un moment dat pentru acest domeniu.
• Imagine de acoperire a proiectului: aceasta este similară cu o "imagine prezentată" pe un post sau o pagină standard WordPress. Această imagine este afișată în pagina dvs. de arhivă a proiectelor și în partea de sus a paginilor de proiecte. Acest lucru este administrat în același fel ca galeria și folosește încărcătorul standard WordPress.
• detaliile proiectului - Această secțiune are două câmpuri de intrare - client și URL. Acestea sunt opționale, dar foarte utile pentru multe portofolii, mai ales dacă vă prezentați munca clientului. Acesta este afișat în paginile dvs. de proiecte sub textul principal al descrierii.
• Descrierea scurtă a proiectului - Descrierea scurtă este fragmentul de text care este afișat despre un proiect pe pagina de arhivă (la fel ca extrasul cu postări). Acest lucru este opțional și dacă nu specificați nimic aici, va fi afișat un fragment din textul corpului principal. Vedeți imaginea de mai jos pentru un exemplu de acest lucru.

Toate paginile Proiectelor au starea standard WordPress (proiect, revizuire sau publicare în așteptare), vizibilitate (publică, protejată prin parolă sau privată) și opțiuni de publicare (imediat sau după dată) disponibile. Aceste opțiuni pot fi accesate din zona "Publicare" atunci când adăugați proiectul și făcând clic pe linkul "Editați" de lângă poziția relevantă.

Pentru a edita sau șterge Proiecte, accesați link-ul "Toate proiectele" din meniul "Proiecte". Faceți clic pe numele proiectului pentru a edita proiectul. După aceasta, veți fi întâmpinat cu același ecran ca atunci când adăugați un proiect. Efectuați modificări aici și faceți clic pe butonul "Actualizare" pentru a salva modificările. 

De asemenea, puteți să dați clic pe linkul "Mutare în coș" (în zona "publicați") pentru a șterge articolul. În mod alternativ, din ecranul "Toate proiectele" puteți să treceți peste numele proiectului și să faceți clic pe legătura "Editați" sau "Coș de gunoi".

Odată ce ați mutat articole în coșul de gunoi, acestea nu sunt de fapt eliminate definitiv. În partea de sus a paginii "Toate proiectele" din meniul "Proiecte", există câteva linkuri:

• Toate: Afișați toate postările (publicate, schițe etc.), cu excepția postărilor trasate.
• Publicat: Filtrează doar postările publicate.
• Proiect: Filtrează doar pentru a schimba posturile.
• Gunoi: Filtrează doar posturile de gunoi.

Rețineți că link-urile "Draft" și "Trash" nu vor apărea dacă nu aveți nicio coș de gunoi sau nicio postare în coșul de gunoi.

Dacă dați clic pe linkul de gunoi, veți vedea toate postările pe care le-ați marcat pentru coșul de gunoi. Dacă plasați cursorul peste numele postului, aveți opțiunea de a șterge definitiv sau de a restabili postarea.

Categorii

Categoriile sunt opționale și este posibil să nu aveți nevoie de ele dacă aveți doar câteva proiecte de afișat. Pentru portofoliile mai mari în care lucrarea poate fi mai diversă, categoriile vă oferă o modalitate bună de a permite utilizatorilor să filtreze ceea ce văd.

Categoriile pot fi adăugate în două moduri.

Mai întâi, categoriile pot fi adăugate într - un proiecte pagină. Pe o pagină, veți vedea "Categorii de proiecte" cu o listă de categorii (dacă aveți) și un link numit "+ Adăugați o nouă categorie". Dacă faceți clic pe link, puteți introduce numele unei categorii noi și puteți atribui o categorie părinte dacă aveți nevoie.

Alternativ, categoriile pot fi adăugate făcând clic pe linkul "Categorii" din meniul "Proiecte". Aici puteți să introduceți numele categoriei, să alegeți o categorie părinte și să setați un slug personalizat, dacă este necesar. Blocajul este versiunea URL a numelui categoriei și este completat automat (ar trebui să fie în litere mici și să conțină numai litere, numere și liniuțe), puteți schimba acest lucru dacă doriți ca URL-ul dvs. să fie diferit de numele dvs. de categorie. 

Din acest ecran, puteți, de asemenea, să editați și să ștergeți categorii. Pentru aceasta, treceți cu mouse-ul peste numele categoriei și faceți clic pe "editați" sau pe "ștergeți". Puteți, de asemenea, să ștergeți categoriile aici dacă este necesar - bifați caseta de selectare din partea stângă a denumirii categoriilor pe care doriți să o ștergeți, apoi selectați "Ștergeți" din meniul derulării acțiunilor globale și faceți clic pe butonul "Aplicați".

Widget

Există un widget disponibil cu care puteți utiliza proiecte: o listă simplă a categoriilor de proiecte. Puteți adăuga widget-ul accesând Aspect >> Widgeturi în administratorul WordPress. Widget-ul se numește "Categorii de proiecte" și ar trebui să fie tras și plasat în zona widget-ului pe care doriți să o afișeze. Acest widget are câteva opțiuni de personalizare:

• Titlu: acesta este un câmp opțional și are textul implicit al "Categoriilor de proiecte". Acest titlu va apărea deasupra listei categoriilor afișate de widget.
• Afișați numărătoarea: o casetă de selectare care este bifată în mod implicit. Acesta indică numărul de proiecte dintr-o categorie de lângă linkul de categorie. Dacă nu doriți să se afișeze contorul, debifați această casetă.
• Afișați ierarhia: aceasta este o casetă de selectare (bifată în mod implicit). Având această bifată, se afișează subcategorii sub categoria părinte (și ușor indentată) - dacă nu este bifată, atunci subcategoriile sunt afișate doar în aceeași listă.

Nu uitați să apăsați butonul "Salvați" când ați terminat aici.

Cod scurt

proiecte livrează cu un shortcode la îndemână pentru afișarea proiectelor dvs. oriunde pe site-ul dvs. WordPress. 

Iată un exemplu de cod scurt: 

[projects limit = "6" columns = "3" orderby = "data" order = "asc" exclude_categories = "4,6,8"]

Acum, haideți să o rupem puțin:

• limită: Câte proiecte trebuie afișate
• coloane: Câte coloane doriți să utilizați pentru a vă afișa proiectele
• orderby: Aceasta definește ce să comandați prin proiecte. Utilizează parametrii standard "WordPress" comandați prin parametri. Unele dintre cele mai potrivite includ data, ID-ul, titlul, ordinea sau randul (aleatoriu).
• Ordin: Aceasta definește modul de comandare a postărilor dvs. Acest lucru poate fi fie asc (ascendent), fie desc (descrescător).
• exclude_categories: O listă a categoriilor de excluderi din listă. Aceasta trebuie să fie sub forma unei liste separată prin virgulă cu ID-ul categoriei. O modalitate ușoară de a găsi ID-ul unei categorii este să accesați secțiunea "Categorii" din meniul "Proiecte" și să faceți clic pe link-ul categoriei pentru care doriți să găsiți codul. În bara de adrese URL a browserului dvs. web, ar trebui să vedeți acum următoarele: edit-tags.php? action = edita & taxonomie = proiect-categorie & tag_ID = 2 & post_type = proiect tot ce trebuie să faceți aici este să priviți la tag_ID = 2 și notează numărul respectiv.

Acest cod scurt poate fi utilizat în toate locurile normale - pagini, postări și widget-uri.

Articolul finit

Am trecut acum prin modul în care trebuie să înființăm proiecte precum și cum să adăugați, să editați și să ștergeți paginile proiectelor. Data viitoare vom analiza cum să temem, să personalizăm și să ne extindem proiecte folosind CSS și un pic PHP.