Share
Mange vil-være bloggere er skremt til inaktivitet av oppfatningen at å skape og kjøre en blogg er for teknisk utfordrende. Hvis du teller deg selv blant den gruppen, er dette innlegget for deg.
I virkeligheten, det faktum at du for øyeblikket leser dette, kvalifiserer deg nesten sikkert for å opprette et nettsted. Du trenger lite mer enn et grunnleggende nivå for datakompetanse for å lære hva som er nødvendig for å opprette og vedlikeholde din egen blogg. Gone er de dagene da du trengte å få hendene skitne med kode som HTML og CSS for å lage ditt eget hjørne på nettet - selv om slike ferdigheter er sikkert fortsatt nyttige i mange applikasjoner, er de ikke lenger en nødvendighet.
Når det gjelder å lage en blogg, alt du trenger er en god ide og et par timer med tiden din (eller enda mindre) for å komme opp og løpe. Videre, med et enormt utvalg av svært tilpassbare temaer å velge mellom, kan du opprette et profesjonelt utseende nettsted på kort tid med relativt enkelt. De neste tre innleggene i denne serien om å skape en vellykket autoritetsblogg vil fokusere på mutter og bolter for å lage din egen blogg, og dette innlegget vil fokusere spesielt på hvordan du lager en unik design for nettstedet ditt. La oss komme i gang!
Å gå tilbake rundt femten år pleide jeg å lage nettsteder ved å manuelt kode dem i Microsoft Notisblokk og laste opp hver HTML-side via FTP. Det var ikke lett. Men fort frem til 2013 og Å lage ditt eget nettsted kan ikke være mer komplisert en prosess enn å bruke en tekstbehandler.
For nettstedet ditt skal vi bruke verdens mest populære Content Management System: WordPress. Mer spesifikt, vi skal bruke self-hosted WordPress.
Men før vi går videre, kan vi ta opp de grunnleggende spørsmålene. Først av alt, hva er et Content Management System (eller CMS)? Wikipedia definerer det som følger:
Et dataprogram som tillater publisering, redigering og modifisering av innhold samt vedlikehold fra et sentralt grensesnitt.
Enkelt sagt, Det er å designe nettsteder hva Microsoft Word er å lage dokumenter. Det skaper et rammeverk hvorfra du kan starte et nettsted med et enkelt klikk. Videre lar det deg enkelt å endre og forbedre både utformingen og funksjonaliteten til nettstedet ditt på en enkel måte. Kort sagt, det er fantastisk og er (i min ydmyke mening) langt det beste alternativet for våre formål.
Men hvorfor bruke self-hosted WordPress i stedet for sin motpart, WordPress.com? Vel, det er ikke innenfor rammen av denne artikkelen å gå i detalj på den fronten, spesielt når så mange artikler har blitt skrevet om emnet før. Her er min favoritt på emnet hvis du vil utdanne deg selv. En av de største fordelene med egen hosting er det gjør at du kan tilpasse ditt WordPress-oppsett mye. Ta det fra meg -- Self-hosted WordPress er det riktige valget for å lage en autoritetsblogg.
Hvis du trenger veiledning om hvordan du kjøper et domenenavn, hosting og oppsett WordPress, se denne videoen der jeg viser deg hvordan du gjør det på bare noen få minutter. Det er enkelt.
Når du installerer WordPress, kommer den pakket med noen få gratis standardtemaer som Twenty Twelve. Mens du kan start blogging med en gang med ett av disse temaene, installere et premium-tema kan gjøre hele forskjellen i å gi en mer unik og behagelig opplevelse for besøkende på nettstedet ditt. Det trenger heller ikke å bryte banken - det temaet jeg skal anbefale til deg koster bare $ 60, og tilbyr imponerende design og fleksibilitet.
Jeg snakker om Canvas-rammene, som jeg anser for å være det beste premium-temaverket tilgjengelig for WordPress. Jeg betaler ikke bare lipservice heller - jeg bruker lerret for autoritetsblogger jeg eier; mest synlig forlater arbeid bak:
Du kan kjøpe lærred direkte fra Themeforest. Den leveres med komplette installasjonsinstruksjoner - ikke at du sannsynligvis trenger mye hjelp på den fronten; installasjonsprosessen er veldig grei. Det jeg vil fokusere på i denne opplæringen, er hvordan du skal forme og forme lerret for å lage et unikt utseende design for din egen autoritetsblogg.
For å gi deg en ide om mangfoldet av design du kan lage med lærred, er det to versjoner av samme grunnleggende nettside:
Nøyaktig samme nettsted, forskjellige innstillinger i lærred. Du kan bruke dette temaet til å lage omtrent alt.
Denne opplæringen er delt opp i fem seksjoner, hvorav hver vil vise deg hvordan du kan gjøre store endringer i lærredrammen relativt enkelt. Hver seksjon er frittstående og stoler ikke på de andre, så vær så snill å nærme tilpasningen av autoritetsstedet ditt uansett hvordan du ser det som passer.
Selv om det er en enorm mengde du kan gjøre når det gjelder tilpasning innenfor temaet Rammertema, i denne opplæringen fokuserer vi på en relativt liten liste over effektive tiltak du kan ta for å skape et virkelig unikt tema.
En av de mest merkbare endringene du kan gjøre på nettstedet ditt er å oppsettet. I denne delen vil vi endre bredden på nettstedet ditt, så vel som den generelle strukturen.
Navigere til Lerret> Temaalternativer> Styling & Layout fra WordPress sidebjelken. Bruk glidebryteren til å endre bredden på nettstedet ditt (inkludert eventuelle sidebjelker).
Vær oppmerksom på at maksimal anbefalt bredde er 1.600px. Hvis du går utover dette, vil nettstedet ditt sannsynligvis strekke seg utover bredden på mange besøkende og ikke anbefales.
Som en tommelfingerregel kan du ~ 600px for innholdskolonnen og ytterligere ~ 300px for noen kolonner. Selv om nettstedet ditt har to kolonner, er det ingen grunn til at nettstedets bredde strekker seg utover ~ 1,200px.
På samme skjermbilde velger du nettstedets hovedlayout.
Du har totalt seks alternativer. Den første er et null-kolonneoppsett (ligner Signal vs Noise-bloggen), og resten er et utvalg av varierende sidebaralternativer.
Den mest populære bloggoppsettet er en enkelt hoveddisplay med en sidebar-kolonne, vanligvis med sidebjørken til høyre for hovedinnholdet. Som du kan se fra ovenstående skjermbilde, er dette oppsettet valgt som standard. Hvis du vil gå med noe mer unikt, velger du en annen kolonnelayout, eller vær jevnere og gå med null-kolonneoppsett.
På samme skjermbilde velger du områdets sidestykke-widget-områder.
Footer-widgets vil bli vist under innholdet ditt og utvidet over hele bredden på nettstedet ditt (inkludert kolonner). De er "widgetiserte områder", som betyr at du kan dra og slippe forhåndsdefinerte "widgets" (for eksempel en søkeboks, nye innlegg, populære innlegg, etc.) i dem.
Du kan ha så mange som fire bunntekstprogrammer på nettstedet ditt, eller ingen i det hele tatt.
Innlemme din egen logo og en tilpasset bakgrunnsfarge eller et bilde kan umiddelbart gjøre et tema ditt eget. Heldigvis er det med Canvas-temaet lett å gjøre det.
Hvis du er grafisk utfordret (som meg), er det mange alternativer når det gjelder logo design som passer for hvert budsjett. To steder for å finne freelance-logo designere er FreelanceSwitch Jobbstyring og Envatos nye nettsted Microlancer.
Navigere til Lerret> Temaalternativer> Hurtigstart fra WordPress sidebjelken. Klikk på Laste opp knappen under Tilpasset logo seksjon for å laste opp en logo.
Navigere til Lerret> Temaalternativer> Generell styling fra WordPress sidebjelken. Velg en bakgrunnsfarge ved hjelp av fargevalgeren.
Nettstedet ditt gjør det ikke trenge å ha en bakgrunnsfarge, selv om du har en, er en enkel måte å sette ditt nettsted bortsett fra andre.
På samme skjerm klikker du på Laste opp knappen under Bakgrunnsbilde delen for å laste opp et bakgrunnsbilde. Bruk deretter Bakgrunnsbilde Gjenta, Bakgrunnsbilde Posisjon og Bakgrunnsvedlegg alternativer for å sikre at bakgrunnsbildet ditt presenteres på riktig måte.
Sammen med typografi er dette området der du kanskje har størst effekt. Canvas's omfattende tilpasningsalternativer gjør at du kan endre måten nettstedet ditt ser ut - fra navigasjonslinjen til sidelinjen og bunntekstene.
Ved å følge trinnene nedenfor kommer du over forskjellige alternativer knyttet til typografi. Du er velkommen til å eksperimentere med dem på dette stadiet, men de vil bli dekket i fjerde og siste trinn i denne opplæringen.
Navigere til Lerret> Temaalternativer> Primærnavigering fra WordPress sidebjelken. Du vil bli presentert med en rekke alternativer, inkludert (men ikke begrenset til):
Selv om det store antall alternativer kan virke overveldende, er hver selvforklarende.
Begynn med å endre fargene. Bruk fargevalgene til å definere a Bakgrunnsfarge, Flytt tekstfarge, Beveg bakgrunnsfargen, Nåværende element Tekstfarge og Nåværende element Bakgrunnsfarge. Vær oppmerksom på at fargene du velger må være gratis for hverandre. Det er lite bruk når du lager både bakgrunnsfargen og svingerteksten farge blå (da teksten vil forsvinne når du mouses over).
Deretter redigerer du navigasjonsgrensene. Definer grensebredder og farger for Deler, Dropdown Meny Border, Border Top, Border Bottom og Border venstre / høyre. Endelig, hvis du vil at navigasjonslinjen skal ha avrundede hjørner, velg et pikselbeløp i Navigasjon Avrundet hjørner drop down boksen.
Navigere til Lerret> Temaalternativer> Widgets fra WordPress sidebjelken. Du vil bli presentert med et sett med alternativer som ligner på i Primærnavigering skjerm, inkludert (men ikke begrenset til):
Det er bare en hovedfarge å endre, og det er Bakgrunnsfarge for widget. Du kan drastisk endre utseendet på nettstedets widgets ved å endre Widget Border, Widget Padding og Widget Title Bottom Border. Til slutt anbefaler jeg at du angir Widget Avrundet hjørner til samme verdi som du angir Navigasjon Avrundet hjørner i forrige trinn for å demonstrere kontinuitet i design.
Navigere til Lerret> Temaalternativer> Footer fra WordPress sidebjelken. Du vil bli presentert med et nesten identisk sett med alternativer i forhold til de som finnes i widgets skjerm, inkludert (men ikke begrenset til):
Jeg anbefaler at du angir disse alternativene på en måte som er kongruent med widgetinnstillingene. Sett Footer Bakgrunn sammen med Footer Border Top, Footer Border Bottom, Footer Border Left / Right og Footer Avrundede hjørner.
I denne veiledningen refererer typografi til skrifttype, farge og styling av all tekst på nettstedet ditt - fra primærnavigasjonen til postmetaen. På grunn av strukturen til Canvas-tilpasningsalternativene, er de typografiske innstillingene spredt gjennom ulike skjermbilder. Hvert av de følgende trinnene viser deg hvordan du endrer typografien for hver enkelt del av nettstedet ditt.
Navigere til Lerret> Temaalternativer> Primærnavigering fra WordPress sidebar og velg en Navigasjons skrifttype.
Navigere til Lerret> Temaalternativer> Innlegg / Sider fra WordPress sidebjelken. Du vil bli presentert med en rekke alternativer, inkludert (men ikke begrenset til):
De viktigste innstillingene for å endre er Post / Side Tittel Font Style og Post / Side Text Font Style. Disse vil ha den mest dramatiske effekten når det gjelder å skape et unikt sidedesign.
Navigere til Lerret> Temaalternativer> Generell styling fra WordPress sidebjelken. Bruk fargevalgene til å definere Link Farge og Link Hover Color.
Navigere til Lerret> Temaalternativer> Widgets fra WordPress sidebjelken.
Endre Widget Tittel og Widget Text.
Navigere til Lerret> Temaalternativer> Footer fra WordPress sidebar og endring Footer Font Style.
Nå skal du ha et virkelig unikt utseende nettsted, men reisen til å skape en vellykket autoritetsblogg er langt fra over.
I de neste to innleggene i denne serien vil jeg fokusere på hva du kan gjøre for å gjøre nettstedet ditt mer interessant og dynamisk for besøkende - både når det gjelder funksjonalitet og struktur. Etter det vil vi bevege oss på den virkelige nitty-gritty ved å fokusere på å skape og fremme godt innhold.
I mellomtiden, hvis du har noen spørsmål eller kommentarer, vennligst ikke nøl med å komme i kontakt via kommentarfeltet nedenfor. Lykke til!
Accentsconagua