Share
Många skulle vara bloggare skrämmas till inaktivitet av uppfattningen att skapa och driva en blogg är för tekniskt utmanande. Om du räknar dig själv med den gruppen så är det här inlägget för dig.
I verkligheten, det faktum att du läser det här nästan säkert kvalificerar dig att skapa en webbplats. Du behöver lite mer än en grundläggande nivå för datakunskap för att kunna lära dig vad som behövs för att skapa och underhålla din egen blogg. Borta är de dagar då du behövde få dina händer smutsiga med kod som HTML och CSS för att skapa ditt eget hörn på webben - även om sådana färdigheter säkert är ändå användbara i många applikationer, är de inte längre en nödvändighet.
När det gäller att skapa en blogg, allt du behöver är en bra idé och några timmar av din tid (eller ännu mindre) för att komma igång. Dessutom, med ett enormt urval av mycket anpassningsbara temakonstruktioner att välja mellan, kan du skapa en professionell webbsida på kort tid med relativ lättnad. De följande tre inläggen i den här serien om att skapa en framgångsrik auktoritetsblogg kommer att fokusera på muttrar och bultar för att skapa din egen blogg, och detta inlägg kommer att fokusera specifikt på hur man skapar en unik design för din webbplats. Låt oss börja!
Kommer tillbaka omkring femton år brukade jag skapa webbplatser genom att manuellt koda dem i Microsoft Anteckningsblock och ladda upp varje HTML-sida via FTP. Det var inte lätt. Men snabbt fram till 2013 och Skapa din egen webbplats kan inte vara mer komplicerad än en processor.
För din webbplats kommer vi att använda världens mest populära Content Management System: WordPress. Mer specifikt kommer vi att använda självhäftad WordPress.
Men innan vi går vidare kan vi ta itu med de elementära frågorna. Först av allt, vad är ett Content Management System (eller CMS)? Wikipedia definierar det som följer:
Ett datorprogram som tillåter publicering, redigering och ändring av innehåll samt underhåll från ett centralt gränssnitt.
Enkelt sagt, Det är att designa webbplatser som Microsoft Word är att skapa dokument. Det skapar en ram där du kan starta en webbplats med ett knapptryck. Dessutom gör det enkelt att drastiskt ändra och förbättra både design och funktionalitet på din webbplats med lätthet. Kort sagt, det är fantastiskt och är (i min ödmjuka åsikt) överlägset det bästa alternativet för våra syften.
Men varför använda självhäftad WordPress i stället för sin motsvarighet, WordPress.com? Tja, det ligger inte inom ramen för denna artikel för att gå in i detalj på den fronten, speciellt när så många artiklar har skrivits om ämnet innan. Här är min favorit om ämnet om du vill utbilda dig själv. En av de viktigaste fördelarna med egen värd är att du kan anpassa ditt WordPress-system i stor utsträckning. Ta det ifrån mig -- självhäftad WordPress är det rätta alternativet för att skapa en auktoriserad blogg.
Om du behöver riktning om hur man köper ett domännamn, värd och setup WordPress, se den här videon där jag visar dig hur man gör det på några minuter. Det är lätt som en plätt.
När du installerar WordPress kommer den förpackad med några gratis standardteman som Twenty Twelve. Medan du kan börja blogga genast med en av dessa teman, installera ett premium tema kan göra hela skillnaden i att ge en mer unik och tilltalande upplevelse för besökare på din webbplats. Det behöver inte heller bryta banken - det tema jag ska rekommendera till dig kostar bara $ 60 och erbjuder fantastisk design och flexibilitet.
Jag pratar om Canvas-ramverket, som jag anser vara den bästa premiumtemaramen som finns tillgänglig för WordPress. Jag betalar inte bara läpptjänsten heller - jag använder Canvas för autoritetsbloggar jag äger; framförallt lämnar arbetet bakom:
Du kan köpa Canvas direkt från Themeforest. Den levereras med kompletta installationsanvisningar - inte att du kommer att behöva mycket hjälp på den fronten; Installationsprocessen är väldigt enkel. Vad jag vill fokusera på i denna handledning är hur man formar och formar Canvas för att skapa en unik design för din egen auktoritetsblogg.
För att ge dig en uppfattning om mångfalden av design som du kan skapa med Canvas, här är två versioner av samma grundläggande hemsida:
Exakt samma webbplats, olika inställningar inom Canvas. Du kan använda detta tema för att skapa nästan vad som helst.
Denna handledning delas upp i fem sektioner, varav varje kommer att visa dig hur man gör stora förändringar i Canvas-ramverket relativt enkelt. Varje sektion är fristående och litar inte på de andra, så gärna kontakta anpassningen av din auktoritets webbplats, oberoende av vad du ser.
Medan det finns en enorm mängd som du kan göra när det gäller anpassning inom ramen för Canvas tema, fokuserar vi i denna handledning på en relativt liten lista över effektiva åtgärder du kan vidta för att skapa ett verkligt unikt tema.
En av de mest märkbara förändringarna du kan göra till din webbplats är dess layout. I det här avsnittet kommer vi att ändra bredden på din webbplats såväl som den allmänna strukturen.
Navigera till Canvas> Temaalternativ> Styling & Layout från din WordPress sidobalk. Använd skjutreglaget för att ändra bredden på din webbplats (inklusive sidor).
Observera att den maximala rekommenderade bredden är 1.600px. Om du går längre än så kommer din webbplats sannolikt att sträcka sig bortom bredden på många besökares skärmar och rekommenderas inte.
Som tumregel tillåter du ~ 600px för innehålls kolumnen och ytterligare 300px för alla kolumner. Även om din webbplats har två kolumner finns det ingen anledning att din webbplats bredd sträcker sig över ~ 1.200px.
På samma skärm väljer du webbplatsens huvudlayout.
Du har totalt sex alternativ. Den första är en nollkolumnlayout (liknande Signal vs Noise-bloggen) och resten är ett urval av olika sidopanterns alternativ.
Den mest populära blogglayouten är en enda huvudkolumnvisning med en sidofältkolumn, vanligtvis med sidfältet till höger om huvudinnehållet. Som du kan se från ovanstående skärmdump, är den här layouten som standard vald. Om du vill gå med något mer unikt, välj en annan kolumnlayout eller vara ännu djupare och gå med en nollkolumnlayout.
På samma skärm markerar du webbplatsens sidfält widget-områden.
Footer-widgets visas under ditt innehåll och sträcker sig över hela sidans bredd (inklusive kolumner). De är "widgetiserade områden", vilket innebär att du kan dra och släppa färdiga "widgets" (t.ex. en sökruta, senaste inlägg, populära inlägg etc.) i dem.
Du kan ha så många som fyra sidfot widgets på din webbplats, eller ingen alls.
Innehåller din egen logotyp och en egen bakgrundsfärg eller bild kan omedelbart göra ett eget tema. Lyckligtvis är det med Canvas-temat lätt att göra det.
Om du är grafiskt utmanad (som jag) finns det många alternativ när det gäller logotyper som passar varje budget. Två ställen att hitta freelance-logotypdesigners är FreelanceSwitch-arbetsstyrelsen och Envats nya webbplats Microlancer.
Navigera till Canvas> Temaalternativ> Snabbstart från din WordPress sidobalk. Klicka på Ladda upp knapp under Anpassad logotyp avsnitt för att ladda upp en logotyp.
Navigera till Canvas> Temaalternativ> Allmänt Styling från din WordPress sidobalk. Välj en bakgrundsfärg med färgväljaren.
Din webbplats gör det inte behöver att ha en bakgrundsfärg, men att ha en är ett enkelt sätt att ställa in din webbplats bortsett från andra.
På samma skärm klickar du på Ladda upp knapp under Bakgrundsbild avsnitt för att ladda upp en bakgrundsbild. Använd sedan Bakgrundsbild Repeat, Bakgrundsbildposition och Bakgrundsbevakning alternativ för att se till att din bakgrundsbild presenteras på rätt sätt.
Tillsammans med typografi är detta det område där du kan ha den största inverkan. Kanfas omfattande anpassningsalternativ gör det möjligt att helt ändra hur din webbplats ser ut - från navigeringsfältet till sidfältet och sidfoten.
Genom att följa stegen nedan kommer du att stöta på olika alternativ relaterade till typografi. Du är välkommen att experimentera med dem i detta skede men de kommer att omfattas av det fjärde och sista steget i denna handledning.
Navigera till Canvas> Temaalternativ> Primärnavigering från din WordPress sidobalk. Du kommer att presenteras med ett antal alternativ, inklusive (men inte begränsat till):
Även om det stora antalet alternativ kan tyckas överväldigande är var och en självförklarande.
Börja med att ändra färgerna. Använd färgväljarna för att definiera a Bakgrundsfärg, Höger textfärg, Bakgrundsfärg, Aktuellt objekt Textfärg och Nuvarande föremål Bakgrundsfärg. Observera att färgerna du väljer måste vara komplement till varandra - det är liten användning när du gör både din bakgrundsfärg och svängningstextfärg blå (eftersom texten kommer att försvinna när du mousserar över).
Ändra sedan navigationsgränserna. Definiera kantbredder och färger för Delare, Dropdown Meny Border, Border Top, Border Bottom och Border vänster / höger. Slutligen, om du vill att navigeringsfältet ska ha rundade hörn, välj ett pixelbelopp i Navigation Avrundade hörn drop down box.
Navigera till Canvas> Temaalternativ> Widgets från din WordPress sidobalk. Du kommer att presenteras med en uppsättning alternativ som liknar den i Primärnavigering skärm, inklusive (men inte begränsat till):
Det finns bara en huvudfärg att ändra och det är Bakgrundsfärg för widget. Du kan drastiskt ändra utseendet på din webbplats widgets genom att ändra Widget Border, Widget Padding och Widget Title Bottom Border. Slutligen rekommenderar jag att du ställer in Widget rundade hörn till samma värde som du anger Navigation Avrundade hörn i föregående steg för att visa kontinuitet i designen.
Navigera till Canvas> Temaalternativ> Footer från din WordPress sidobalk. Du kommer att presenteras med en nästan identisk uppsättning alternativ jämfört med dem som finns inom widgets skärm, inklusive (men inte begränsat till):
Jag rekommenderar att du ställer in dessa alternativ på ett sätt som är förenligt med widgetinställningarna. Ställ in Footer Bakgrund tillsammans med Footer Border Top, Footer Border Bottom, Footer Border Left / Right och Footer rundade hörn.
I denna handledning avses med typsnittet teckensnitt, färg och styling av all text på din webbplats - från primärnavigering till postmeta. På grund av strukturen hos alternativen Canvas customization är de typografiska inställningarna spridda över olika skärmar. Vart och ett av följande steg visar hur du ändrar typografi för varje distinkt avsnitt på din webbplats.
Navigera till Canvas> Temaalternativ> Primärnavigering från din WordPress sidobalk och välj en Navigation Font Style.
Navigera till Canvas> Temaalternativ> Inlägg / Sidor från din WordPress sidobalk. Du kommer att presenteras med ett antal alternativ, inklusive (men inte begränsat till):
De viktigaste inställningarna att ändra är Post / Sidtitel Typsnitt och Post / Sidtext Textstil. Dessa kommer att ha den mest dramatiska effekten när det gäller att skapa en unik siddesign.
Navigera till Canvas> Temaalternativ> Allmänt Styling från din WordPress sidobalk. Använd färgväljarna för att definiera Länkfärg och Link Hover Color.
Navigera till Canvas> Temaalternativ> Widgets från din WordPress sidobalk.
Ändra Widget Title och Widget Text.
Navigera till Canvas> Temaalternativ> Footer från din WordPress sidofält och ändra Footer Font Style.
Nu borde du ha en riktigt unik webbplats, men din resa till att skapa en framgångsrik auktoritetsblogg är långt ifrån.
I de följande två inläggen i denna serie kommer jag att fokusera på vad du kan göra för att göra din webbplats mer intressant och dynamisk för besökare - både vad gäller funktionalitet och struktur. Därefter kommer vi att flytta till den riktiga nitty-gritty genom att fokusera på att skapa och marknadsföra bra innehåll.
Under tiden, om du har några frågor eller kommentarer, tveka inte att ta kontakt via kommentarfältet nedan. Lycka till!
Accentsconagua