Share
Este o componentă critică pentru o carieră de succes independentă pentru a avea un site web pentru a vă detalia serviciile și pentru a vă prezenta portofoliul.
Cu o mare varietate de teme WordPress de înaltă calitate disponibile, nu există niciun motiv pentru care nu puteți avea un portofoliu excelent pentru munca dvs. - chiar dacă nu ați avut experiență de dezvoltare web înainte. Da, puteți face asta singuri.
În acest tutorial, vom lua o temă WordPress premium și vom lucra prin fiecare pas al procesului de personalizare pentru a dezvolta un site web pentru portofoliul dvs. independent.
Iată câteva considerente pe care trebuie să le țineți cont înainte de a aborda acest tutorial:
Alegerea temei corecte WordPress pentru portofoliul dvs. poate fi dificilă. Vă recomandăm să începeți prin navigarea pe lista temelor de portofoliu de pe Themeforest. Pentru acest tutorial, voi folosi Scopul, proiectat de Orman Clark (autor recent "Power Elite" pe Themeforest). În timp ce exemplele vor fi specifice domeniului de aplicare, principiile generale se aplică oricare temă alegeți.
Achiziționați și descărcați tema aleasă și dezarhivați pachetul de teme.
Nu treceți peste acest pas. Chiar și după finalizare sute de instalații tematice I încă citiți mai întâi documentația. În timp ce nu toate documentele sunt create egale, în mai multe cazuri dezvoltatorul de teme nu se îndreaptă prea mult spre a face personalizarea temei cât mai nedureroasă.
Conectați-vă la administratorul WordPress și mergeți la Aspect> Teme. Faceți clic pe "Instalați teme" în partea dreaptă sus a interfeței.
Apoi, faceți clic pe Încărcați link și apoi Alege fișierul. Navigați la locația temei descărcate recent și selectați fișierul zip temă.
Notă: Asigurați-vă că fișierul zip pe care îl încărcați conține doar tema actuală. Cele mai multe teme premium vin ambalate ca un fișier zip cu tema însăși în zip până în pachetul inițial. După ce decomprimați fișierul pe care l-ați descărcat inițial, căutați fișierul zip cu numele temei.
Acum, faceți clic pe Activati.
Cu tema activată, este timpul să examinați opțiunile de temă. În timp ce unii autori de teme organizează opțiuni tematice într - o altă locație, înmajoritatea cazurilor în care puteți accesa opțiunile accesând Aspect> Opțiuni tematice.
Explorați opțiunile și familiarizați-vă cu personalizarea oferită de temă.
Cu tema Scop, gama noastră de personalizări este relativ limitată - ceea ce este bine! Este o temă extraordinară în afara casetei. Scopul nostru este de a implementa câteva actualizări de stil și de a face tema proprie. Din Opțiuni temă mergi la Opțiuni de styling.
Pentru acest tutorial, vom aborda trei personalizări diferite:
Tema Scopul vine cu o nuanță caldă de galben pentru o culoare de culori, care apare în antetul din spatele legendei, ca culoarea de fundal pentru pictogramele de pe întregul site și pe legături când treceți peste ele. În Opțiuni de styling adăugați o culoare prin Evidențiați și conectați culoarea opțiune.
Puteți utiliza funcția Selector de culoare sau introduceți manual un cod de culoare. Am folosit Kuler.com pentru a găsi o nuanță de verde mi-a plăcut. Două alte resurse excelente pentru alegerea culorilor sunt ColorSchemeDesigner.com și ColourLovers.com.
În continuare, vom înlocui culoarea de fundal implicită cu o imagine de fundal pe care o alegem. Domeniul de aplicare oferă mai multe opțiuni pentru lucrul cu imaginile de fundal. Pentru acest tutorial, vom adăuga un model repetat care umple fundalul. Mai întâi, alegeți o imagine de fundal și faceți clic pe Incarca imaginea, apoi, sub Default Background Repeat, alege Repeta.
Modelele de fundal sunt o modalitate foarte bună de a merge. Am găsit acest model pe SubtlePatterns.com, care este un excelent loc pentru a găsi modele care sunt libere de utilizat. O altă resursă bună este DinPattern.com.
Notă: Dacă sunteți interesat în utilizarea imaginilor de fundal complete, consultați PhotoDune.net - puteți obține o imagine de fundal extraordinară pentru 3 sau 4 dolari, în funcție de dimensiunea dorită. Odată ce ați ales o imagine, setați Poziția de fundal implicităla Ecran complet.
Tema Scopul oferă posibilitatea de a adăuga propria noastră CSS personalizat. Ca o ultimă atingere, vom schimba culoarea de fundal pe subsol. Valoarea hex este setată la # 222 în mod implicit. Să schimbăm asta la o valoare ușor mai ușoară # 333.
Acum, dacă sunteți nou la CSS, ar putea să vi se pară greacă. Nu te teme! Puteți sări peste tot CSS personalizat sau, dacă vă simțiți aventuros, aruncați o privire la acest scenariu pe care l-am pus împreună despre cum să experimentați stiluri în Safari, Chrome și Firefox.
Dincolo de ceea ce am acoperit aici, veți dori, de asemenea, să încărcați un logo sau să utilizați opțiunea pentru logo-ul textului simplu pe care tema Scop oferă. Domeniul oferă, de asemenea, posibilitatea de a seta o "Caption Caption" care apare deasupra meniului de navigare. Acesta poate fi un loc minunat pentru a include un număr de telefon sau un mesaj scurt. Acesta este, de asemenea, un moment bun pentru a renunța la orice cod de urmărire de analiză pe care îl aveți.
Dacă doriți să mergeți și mai mult cu personalizarea la tema, va trebui să treceți dincolo de opțiunile tematice. În primul rând, dacă nu intenționați să faceți upgrade la temă, puteți edita fișierele tematice direct și puteți modifica codul. Dacă doriți să faceți upgrade în viitor, configurați o temă pentru copii și efectuați modificările acolo (recomandat).
Iată câteva modificări pe care le puteți face:
Tema Scop, împreună cu cele mai multe teme premium, oferă un șablon de pagină personalizat personalizat și opțiuni pentru gestionarea conținutului care apare pe pagina de pornire. În primul rând, trebuie să creați o pagină nouă. Mergi la Pagini> Adăugați noi. Dați paginii un nume (pe care tocmai l-am numit "Pagina de pornire"), apoi în Atribute de pagină meniu, selectați Format drop-down meniul și alegeți Pagina principala șablon.
Următor →, Publica Pagina ta. Acum, du-te la Setări> Citire. În partea de sus, veți vedea Afișează pagina frontală. Schimbați comuta din "Cele mai recente postări" pe "O pagină statică", apoi pentru "Pagina principală" alegeți pagina de pornire recent creată din lista derulantă și Salvează modificările.
Crearea unei pagini de pornire bună este o muncă grea. Primele impresii contează - foarte mult. Când începi să începi, nu ai de ce să mai lucrezi. Dacă totuși ați avut o mulțime de experiență de lucru, o pagină de pornire este un loc minunat pentru a evidenția o parte din acea experiență în timp ce desenați vizitatorii (și potențialii clienți) în continuare pe site-ul dvs..
O pagină de pornire bună ar trebui să aibă următoarele:
Tema "Domeniul de aplicare" (și cele mai multe teme premium din stil "Portofoliu") are o viziune foarte vizibilă pentru șablonul de pagină de pornire. Pentru cei dintre voi cu un portofoliu orientat vizual, vă recomandăm să urmați recomandările tematice și să utilizați slider-ele și alte opțiuni de pagină pe care le oferă tema.
O pagină "Despre" este foarte importantă. Când un potențial client vă consideră pentru un proiect că dorește să afle ce pot despre tine. O pagină "Despre" vă oferă o ocazie de a vă spune povestea și de a stabili o legătură personală.
Din Pagini> Adăugați noi, creați o pagină numită "Despre" (sau poate "Despre mine" sau "Despre [Numele dvs.") și accesați conținutul.
Iată câteva sfaturi care trebuie păstrate:
Iată câteva idei pe care trebuie să le luați în considerare:
O pagină "Servicii" permite clienților potențiali să știe ce oferiți și îi poate ajuta să decidă dacă sunteți sau nu un meci pentru nevoile lor.
Pentru acest tutorial, ne vom concentra pe crearea unei pagini "Servicii" cu următoarele atribute:
Din Pagini> Adăugați noi, creați o pagină și dați-i un titlu corespunzător. Din Atribute de pagină alege Lățime maximă de la Format scapă jos.
Persoanele de la WordPress.com descriu un scurtcod ca "un cod specific WordPress care vă permite să faceți lucruri minunate cu efort foarte mic". Majoritatea dezvoltatorilor de teme premium oferă coduri scurte specifice temelor pe care le puteți utiliza în cadrul temei. Pentru a crea structura cu trei coloane, vom folosi codurile scurte.
Puteți scrie codurile scurte direct în Editorul vizual sau, din meniul editorului, faceți clic pe pictograma codului scurt (disponibilitatea și aspectul acestuia pot varia de la temă la temă) pentru a utiliza interfața încorporată a temelor încorporate.
Poți apuca codul pentru un exemplu de cod scurt de trei ori aici.
Tema Scop și temele de portofoliu asemănătoare oferă posibilitatea de a seta o imagine de fundal personalizată pe baza unei pagini. Pentru a utiliza acest lucru, derulați în jos sub editorul principal și căutați Setări pagină panou. Dacă nu este vizibil, mergeți la Opțiuni ecran (colțul din dreapta sus) și asigurați-vă că opțiunea "Setări pagină" este bifată.
În Setări pagină faceți clic pe butonul "Răsfoiți" pentru a încărca o imagine și apoi faceți clic pe "Inserare la postare" (în cadrul dialogului de gestionare a imaginilor) pentru a adăuga adresa URL a imaginii în câmp. În cazul meu, din moment ce am ales o altă imagine de model, voi seta, de asemenea, "Background Background Repeat" în "Repeat". Dacă utilizați o imagine de dimensiune completă, ați seta "Poziția de fundal personalizat" fie "Ecran complet", fie "Centered", în funcție de dimensiunea imaginii.
O pagină "Contact" oferă clienților posibilitatea de a vă contacta.
Pentru acest tutorial, ne vom concentra pe crearea unei pagini "Contact" utilizând șablonul "Contact", furnizat de tema "Scopul".
Din Pagini> Adăugați noi, creați o pagină și dați-i un titlu corespunzător (poate "Contactați-mă!"). Din Atribute de pagină alege a lua legatura de la Format scapă jos.
Înainte este inima acestui tutorial, crearea unui index de portofoliu și adăugarea de intrări în portofoliul nostru.
Pentru acest tutorial, ne vom concentra pe realizarea următoarelor:
Din Pagini> Adăugați noi, creați o pagină și dați-i un titlu corespunzător. Din Atribute de pagină alege Portofoliu de la Format scapă jos. În prezent, pagina de portofoliu va afișa automat înregistrările pe măsură ce le publicați.
Tema Domeniul de aplicare utilizează taxonomii personalizate în WordPress pentru a vă permite să organizați intrări de portofoliu după tip. Cele mai multe teme de portofoliu oferă funcționalități similare.
De la Portofoliile alegeți meniul Tipuri de portofolii.
Acum, puteți predefini tipurile de intrări de portofoliu pe care vă așteptați să le publicați.
Iată câteva sugestii de ținut minte:
Din Portofolii> Adăugați noi pentru a crea prima intrare în portofoliu. Dați-i un titlu și o descriere corespunzătoare. Apoi de la Tipul portofoliului interfață, alegeți tipul (tipurile) adecvate, ținând cont de faptul că o intrare ar putea să aparțină cu ușurință mai multor tipuri.
Apoi, setați opțiunile vizuale pentru înregistrare și încărcați imaginile sau, în funcție de tipul de portofoliu, puteți să încorporați în schimb un fișier audio sau video. În tema Domeniul de aplicare, setările sunt organizate sub Setările privind detaliile portofoliului chiar sub fereastra editorului principal.
În cele din urmă, setați a Imagine recomandată pentru înscrierea dvs., care va fi utilizată pentru a reprezenta înregistrarea în indexul portofoliului.
Tema de domeniu, împreună cu majoritatea temelor de portofoliu, este construită pentru a lucra cu un blog. Adăugarea unui blog este o decizie relativ importantă și, din simplitate, vom presupune că i-ați dat o gândire atentă și ați decis că a fost un meci.
Din Pagini> Adăugați noi creați o pagină nouă pentru blogul dvs. Dați-i un titlu și lăsați conținutul gol. Această pagină va deveni indexul postărilor din blog. Apoi, du-te la Setări> Citire și alegeți pagina pe care ați creat-o (numele meu a fost "Blog") din meniul derulant "Pagina de mesaje". Salvați modificările.
Acum că avem câteva pagini pentru a lucra cu timpul să adăugăm un meniu. Din Aspect> Meniuri creați un nou meniu (numesc "Navigare").
Apoi, atribuiți meniul antetului temei utilizând meniu principal scapă jos.
Acum, folosiți Pagini widget, chiar mai jos Locații tematice și Link-uri personalizate pentru a atribui paginile recente create. În cazul nostru, care include "Blog", "Portofoliu", "Contact", "Servicii" și "Despre". Apoi, glisați și fixați fiecare element de meniu pentru a le ordona în consecință. Salvați când ați terminat.
În mod implicit, tema Scopul va utiliza un set de patru widget-uri de bază în postările de blog și în bara laterală a paginilor. În timp ce poate doriți să le lăsați ca atare, șansele vor fi de gând să doriți să le personaliza.
Tema "Domeniul de aplicare", și multe altele, oferă mai multe seturi de locații widget. Pentru domeniul de activitate, aceste locații sunt:
Pentru a particulariza widget-urile, mergeți la Aspect atunci Widget-uri.
Lucrul cu widget-urile este în afara scopului acestui tutorial, dar aici sunt câteva recomandări pe care trebuie să le rețineți:
Uau! Suntem aproape acolo! Acum este momentul să faceți un pas înapoi și să faceți o revizuire.
Du-te prin fiecare pagină și intrare portofoliu cu o mentalitate editor, căutați pentru conținutul care are nevoie de actualizare și de reglaj fin. Uitați-vă la fiecare pagină pe care un client potențial l-ar vedea, provocându-vă să vă asigurați că ofertele de muncă și de servicii sunt prezentate împreună cu o chemare clară la acțiune.
Pe măsură ce revizuiți, luați notă de idei pentru actualizări viitoare și îmbunătățiri ulterioare. Rețineți, probabil, ceea ce vă place mai mult despre tema curentă și ceea ce doriți să vedeți îmbunătățit într-o versiune viitoare (asigurați-vă că ați lăsat autorul să știe) sau poate chiar într-o temă nouă în întregime pe drum.
După ce ați finalizat o examinare personală, trimiteți site-ul dvs. la câțiva prieteni și familie de încredere și solicitați feedback. Nu vă concentrați asupra feedback-ului asupra esteticii, ci mai degrabă asupra conținutului și organizării. Întrebați-le dacă ceea ce faceți și ceea ce oferiți este clar transmis. Solicitați sugestii pentru a îmbunătăți mesajul transmis.
O analiză de tip peer este importantă și are avantajul de a oferi o perspectivă terță parte asupra muncii dvs. și, dacă începeți, prima listă de persoane pe care le cereți să le revizuiți poate deveni chiar și primii clienți.
Am acoperit mult teren. Ați trecut de la o temă nouă la un portofoliu personalizat pentru afacerea dvs. independentă. Foarte bine!
Aveți întrebări? Întrebați-le în comentariile de mai jos. Dacă sunt tehnic întrebări pe care sunteți binevenit să le întrebați, deși de dragul expedienței, vă rugăm să îndreptați întrebările specifice temelor către autorii temelor.
Accentsconagua