Share
Det är en avgörande komponent för en framgångsrik freelance karriär att ha en webbplats för att detaljera dina tjänster och visa upp din portfölj.
Med det stora utbudet av högkvalitativa WordPress-teman som finns finns det ingen anledning till varför du inte kan ha en utmärkt portfölj för ditt arbete - även om du inte har haft tidigare webbutvecklingserfarenhet. Ja, det kan du själv göra.
I denna handledning kommer vi att ta ett premium WordPress-tema och arbeta genom varje steg i anpassningsprocessen för att utveckla en webbplats för din frilansportfölj.
Här är två överväganden att tänka på innan du tar itu med denna handledning:
Att välja rätt WordPress-tema för din portfölj kan vara svårt. Jag rekommenderar att du börjar med att bläddra i listan över portföljteman på Themeforest. För denna handledning använder jag Scope, designad av Orman Clark (en nyligen "Power Elite" författare på Themeforest). Medan exemplen kommer att vara specifika för Omfattning gäller de allmänna principerna för vilket tema du väljer.
Köp och ladda ner det tema du vill ha och pakka ut temapaketet.
Hoppa inte över det här steget. Även efter att ha slutförts hundratals av temainställningar I fortfarande läs dokumentationen först. Medan inte all dokumentation skapas lika, i flera fall än inte, går temautvecklaren till stora delar för att anpassa temat så smärtfritt som möjligt.
Logga in på din WordPress Admin och gå till Utseende> Teman. Klicka på "Installera teman" längst upp till höger om gränssnittet.
Klicka sedan på Ladda upp länk och sedan Välj FIL. Bläddra till platsen för ditt nyligen nedladdade tema och välj temat zip-filen.
Notera: Se till att zip-filen du laddar upp innehåller bara det aktuella temat. De flesta premium-teman kommer packade som en zip-fil med själva temat zippat upp inuti det ursprungliga paketet. Efter att du dekomprimerar filen du ursprungligen hämtade, leta efter zip-filen med namnet på temat.
Klicka nu Aktivera.
Med temat aktiverat är det dags att granska temaalternativ. Medan temat författare organiserar tematillbehör på en annan plats, ii de flesta fall kan du komma åt alternativen genom att gå till Utseende> Temaalternativ.
Utforska alternativen och bekanta dig med anpassningarna som temat erbjuder.
Med Scope-temat är vårt utbud av anpassningar relativt begränsade - vilket är bara bra! Det är ett fantastiskt tema ute i rutan. Vårt mål är att genomföra några stiluppdateringar och göra temat vårt eget. Från Tema alternativ gå till Styling Options.
För denna handledning kommer vi att ta itu med tre olika anpassningar:
Scope-temat kommer med en varm nyans av gul för en toppfärg, som visas i rubriken bakom bildtexten, som bakgrundsfärgen för ikonerna över hela webbplatsen och på länkar när du svävar över dem. Inom Styling Options lägg till en färg via Markera och länkfärg alternativ.
Du kan använda Färgväljare eller ange en färgkod manuellt. Jag använde Kuler.com för att hitta en nyans av grön som jag gillade. Två andra stora resurser för att välja färger är ColorSchemeDesigner.com och ColourLovers.com.
Därefter ersätter vi standard bakgrundsfärg med en bakgrundsbild av vårt val. Omfattning erbjuder flera alternativ för att arbeta med bakgrundsbilder. För denna handledning kommer vi att lägga till ett repeterande mönster som fyller bakgrunden. Välj först en bakgrundsbild och klicka på Ladda upp bild, då under Standard bakgrundsrepetition, välja Upprepa.
Bakgrundsmönster är ett bra sätt att gå. Jag hittade detta mönster på SubtlePatterns.com, vilket är en excellent plats för att hitta mönster som är fria att använda. En annan bra resurs är DinPattern.com.
Notera: Om du är intresserad av att använda fullständiga bakgrundsbilder, kolla in PhotoDune.net - du kan få en bra, royaltyfri bakgrundsbild för $ 3 eller $ 4, beroende på vilken storlek du väljer. När du väl valt en bild ställer du in Standard bakgrundsställningtill Fullskärm.
Scope-temat erbjuder möjligheten att lägga till vår egen Anpassad CSS. Som en sista touch kommer vi att ändra bakgrundsfärgen på sidfoten. Hexvärdet är inställt på # 222 som standard. Låt oss ändra det till ett något ljusare värde av # 333.
Nu, om du är ny på CSS, kan det se ut som grekisk till dig. Var inte rädd! Du kan hoppa över den anpassade CSS helt eller, om du känner dig mer äventyrlig, ta en titt på den här skärmbilden som jag sammanställt om hur man experimenterar med stilar i Safari, Chrome och Firefox..
Utöver vad vi har täckt här vill du också ladda upp en logotyp eller använda det enkla textlogotypalternativet som Scope-temat erbjuder. Omfattning erbjuder också möjligheten att ställa in en "Header Caption" som visas ovanför din navigationsmeny. Detta kan vara ett bra ställe att inkludera ett telefonnummer eller ett kort meddelande. Det här är också en bra tid att släppa in någon Analytics-spårningskod du har.
Om du vill gå ännu längre med anpassningar till temat måste du flytta bortom tematillval. Först, om du inte planerar att uppgradera temat, kan du redigera temafilerna direkt och göra ändringar i koden. Om du vill ha möjlighet att uppgradera i framtiden ställer du in ett barntema och gör dina ändringar där (rekommenderas).
Här är några ändringar som du kanske vill göra:
Scope-temat, tillsammans med de flesta andra premiumteman, ger en anpassad hemsida och alternativ för att hantera vilket innehåll som visas på hemsidan. Först måste vi skapa en ny sida. Gå till Sidor> Lägg till nytt. Ge sidan ett namn (jag kallade just det "Hemsida"), sedan i Sidegenskaper menyn väljer du Mall rullgardinsmenyn och välj Hemsida mall.
Nästa, Publicera din sida. Gå nu till Inställningar> Läsning. Överst ser du Framsidan visas. Byt växeln från "Dina senaste inlägg" till "En statisk sida", sedan för "Första sidan" välj din nyligen skapade hemsida i rullgardinsmenyn och Spara ändringar.
Att skapa en bra hemsida är ett hårt arbete. Första intryck betyder mycket - mycket. När du bara har börjat, har du inte mycket att jobba med. Om du redan har en hel del arbetslivserfarenhet är en hemsida en utmärkt plats för att lyfta fram en del av den erfarenheten när du drar besökare (och potentiella kunder) vidare in på din webbplats.
En bra hemsida ska ha följande:
Scope-temat (och de flesta "Premium" -typen "Portfolio" -stil) har ett mycket visuellt fokus för hemsidan. För dig som har en visuellt orienterad portfölj rekommenderar jag att du följer temarekommendationerna och använder glidarna och andra hemsidor som temat erbjuder.
En "Om" -sida är mycket viktig. När en potentiell kund anser dig för ett projekt vill de lära sig vad de kan om dig. En "Om" -sida ger dig möjlighet att berätta för din historia och skapa en personlig anslutning.
Från Sidor> Lägg till nytt, skapa en sida som heter "Om" (eller kanske "Om mig" eller "Om [Ditt namn]") och komma igång med innehållet.
Här är några riktlinjer för att komma ihåg:
Och här är några idéer att överväga:
På sidan "Tjänster" kan potentiella kunder veta vad du erbjuder och kan hjälpa dem att avgöra om du är en match för deras behov.
För denna handledning kommer vi att fokusera på att skapa en sida "Services" med följande attribut:
Från Sidor> Lägg till nytt, skapa en sida och ge den en lämplig titel. Från Sidegenskaper välja Full bredd från Mall falla ner.
Folk på WordPress.com beskriver en shortcode som "en WordPress-specifik kod som låter dig göra smutsiga saker med mycket liten ansträngning." Majoriteten av premiumtemautvecklare ger temaspecifika kortkoder som du kan använda inom temat. För att skapa vår tre-kolumnlayout ska vi använda kortnummer.
Du kan skriva kortkoderna direkt i Visual Editor eller, från redigeringsmenyn, klicka på kortkodsikonen (dess tillgänglighet och utseende kan variera från tema till tema) för att använda tematets inbyggda kortnummergränssnitt.
Du kan ta tag i koden för ett exempel på tre kolumnkortnummer här.
Scope-temat, och portföljteman som det, erbjuder möjligheten att ställa in en anpassad bakgrundsbild per sida. För att använda detta, bläddra ner under huvudredigeraren och leta efter Sidinställningar panel. Om det inte är synligt, gå till Skärmalternativ (högra högra hörnet) och se till att alternativet "Sidinställningar" är markerat.
Inom Sidinställningar klicka på "Bläddra" -knappen för att ladda upp en bild och klicka sedan på "Infoga till inlägg" (i dialogrutan för bildhantering) för att lägga till bildadressen i fältet. I mitt fall, eftersom jag har valt en annan mönsterbild, ställer jag också "Custom Background Repeat" till "Repeat". Om du använder en bild i full storlek ställer du in "Anpassad bakgrundsposition" till "Fullskärm" eller "Centrerad", beroende på bildstorlek.
En "Kontakt" -sida erbjuder potentiella kunder möjligheter att kontakta dig.
För denna handledning kommer vi att fokusera på att skapa en "Kontakt" -sida med hjälp av "Kontakt" -mallen, som tillhandahålls av Scope-temat.
Från Sidor> Lägg till nytt, skapa en sida och ge den en lämplig titel (kanske "Kontakta mig!"). Från Sidegenskaper välja Kontakta från Mall falla ner.
Nästa upp är hjärtat i denna handledning, skapar ett portföljindex och lägger till poster i vår portfölj.
För denna handledning kommer vi att fokusera på att utföra följande:
Från Sidor> Lägg till nytt, skapa en sida och ge den en lämplig titel. Från Sidegenskaper välja Portfölj från Mall falla ner. Portföljsidan visar nu automatiskt dina poster när du publicerar dem.
Scope-temat använder sig av anpassade taxonomier i WordPress för att låta dig organisera portföljposter per typ. De flesta portföljteman erbjuder liknande funktioner.
Från portföljer menyval Portföljtyper.
Nu kan du fördefiniera de typer av portföljposter som du förväntar dig att publicera.
Här är några förslag att komma ihåg:
Från Portföljer> Lägg till nytt för att skapa din första portföljpost. Ge den en lämplig titel och en beskrivning. Sedan från Portföljtyp gränssnitt, välj lämplig typ (er), med tanke på att en post lätt kan tillhöra mer än en typ.
Ange sedan de visuella alternativen för inmatningen och ladda upp dina bilder eller, beroende på "Portfolio Type", kan du bädda in en ljud- eller videofil istället. I Scope-temat är inställningarna organiserade under Inställningar för portföljdetaljer strax under huvudredigeringsfönstret.
Sista, sätt a Utvald bild för din post, som kommer att användas för att representera posten i portföljindexet.
Scope-temat, tillsammans med de flesta portföljtema, är byggt för att arbeta med en blogg. Att lägga till en blogg är ett relativt stort beslut och för enkelhets skull kommer vi att anta att du har gett det noggrant och tänkte att det var en match.
Från Sidor> Lägg till nytt skapa en ny sida för din blogg. Ge den en titel och lämna innehållet tomt. Den här sidan blir indexet för dina blogginlägg. Därefter, gå till Inställningar> Läsning och välj den sida du skapade (min var titeln "Blog") från rullgardinsmenyn "Inläggssida". Spara dina ändringar.
Nu när vi har några sidor att arbeta med är det dags att lägga till en meny. Från Utseende> Menyer skapa en ny meny (jag kallar min "Navigation").
Därefter tilldela menyn till temahuvudet med hjälp av Primärmeny falla ner.
Använd nu sidor widget, nedanför Tema platser och Anpassade länkar att tilldela de senaste sidorna du skapat. I vårt fall ingår "Blog", "Portfolio", "Contact", "Services" och "About". Dra och släpp sedan varje menyobjekt för att beställa dem i enlighet med detta. Spara när du är klar.
Som standard använder Scope-temat en uppsättning av fyra grundläggande widgets på sidbladen på dina blogginlägg och sidor. Medan du kanske vill lämna dem som det är oddsen, kommer du att vilja anpassa dem.
Scope-temat, och många gillar det, erbjuder flera uppsättningar av widgetplatser. För Omfattning är dessa platser:
För att anpassa widgetarna, gå till Utseende sedan widgets.
Att arbeta med widgets ligger utanför ramen för denna handledning, men här är några rekommendationer att tänka på:
Puh! Vi är nästan där! Nu är det dags att ta ett steg tillbaka och göra en recension.
Gå igenom varje sida och portföljen med en redaktörs mentalitet, leta efter innehåll som behöver uppdateras och finjusteras. Titta på varje sida som en potentiell klient skulle se det, utmana dig själv för att se till att dina arbets- och tjänsteerbjudanden presenteras bra tillsammans med ett tydligt uppmaning.
När du granskar noterar du idéer för framtida uppdateringar och ytterligare förbättringar. Notera kanske vad du tycker mest om det aktuella temat och vad du vill se förbättras i en framtida version (var noga med att låta författaren veta) eller kanske till och med i ett nytt tema helt under vägen.
När du har slutfört en personlig recension skickar du din webbplats till några betrodda vänner och familj och ber om feedback. Fokusera inte på feedback på estetiken utan snarare på innehåll och organisation. Fråga dem om vad du gör och vad du erbjuder är tydligt förmedlat. Be om några förslag för att förbättra meddelandet som förmedlas.
En peer review är viktig och har fördelen att erbjuda ett tredjepartsperspektiv på ditt arbete och om du bara har börjat kan den första listan med personer som du frågar om att granska din webbplats till och med bli dina första kunder.
Vi har täckt mycket av marken. Du har gått från ett helt nytt tema till en anpassad portfölj för din frilansaffär. Bra gjort!
Har frågor? Fråga dem i kommentarerna nedan. Om de är teknisk Frågor du är välkommen att fråga, vänligen skicka några temaspecifika frågor till temaförfattarna själva.
Accentsconagua