Blog Design for Dummies Cheat Sheet - dummies

Av Melissa Culbertson

Du har en blogg … nå, gjør designet ser spektakulært ut og jobbe bra! Når du lærer inn og ut av bloggdesign, kan du lage en bloggdesign som illustrerer stemmen din og oppfordrer besøkende til å lese innholdet ditt. Før du vet det, har du en virkelig fantastisk bloggdesign som du kan være stolt av.

Slik starter du en bloggdesign

Gode designere har en metode til galskapen. Det er mye vanskeligere å designe uten å tenke gjennom bloggens emner, din stemme, dine bloggingmål og mer. Skriv ned svarene dine på følgende instruksjoner for å legge grunnlaget for en kraftig bloggdesign som passer deg til en T.

• Hva er bloggen din om?

• Hva vil du at bloggen din skal være kjent for?

• Oppgi to til fem bloggingmål.

• Beskriv noen kjennetegn om publikum.

• Hvorfor skriver du på bloggen din?

• Skriv ned adjektiver som beskriver tonen i de siste blogginnleggene dine.

Se på svarene på disse, og arbeid disse egenskapene i bloggens utseende og for å avgjøre plassering av bestemte designelementer, linker og anrop til handling.

Ord som kjenner til blogdesign

Når du siver gjennom alternativene for bloggen din, spesielt krav til bak-scener-verktøy som støtter designens utseende, kan følgende liste Vær en praktisk guide til vilkår du kanskje ikke vet.

ankertekst: Et klikkbart ord eller en setning som er hyperkoblet til en nettside.

alt attributt : Teksten i dette attributtet vises når en besøkende ikke kan se et bilde. Årsaken kan være en sakte Internett-tilkobling, eller en besøkende med nedsatt syn kan bruke en nettleser som leser innholdet i alt-attributtet høyt.

blogg tema: En samling av filer som samarbeider for å produsere funksjonaliteten og utformingen av bloggen din, uten å endre grunnleggende blogging programvare.

bloggramme: Et tema som tjener som grunnlag for bloggen din. Fra det grunnlaget kan du da bygge din egen tilpassede design med et barnemne.

CSS: Står for Cascading Style Sheet . CSS er et sett med kommandoer som lar deg tilpasse utseendet på bloggdesignen din ved å utforme visning av ulike elementer på bloggen din, fra skriftfargen til et mellomrom rundt et bilde.

HTML: Står for Hypertext Markup L anguage . Ved å "markere" tekst i et HTML-dokument, instruerer du en nettleser for å vise den teksten på et nettsted på en bestemt måte. Dette kan være alt fra å skifte tekst til en hyperkobling for å vise et bilde.

meta description: Kort avsnitt som søkemotorer bruker til å beskrive hele bloggen din, en side eller et blogginnlegg.

PHP: Står for PHP: Hypertext Preprocessor . Et vanlig skriptspråk som mange blogging-plattformer bygger på. PHP er avgjørende for å holde alle delene av bloggen din sammen.

plug - i: Et stykke programvare som gir ekstra funksjonalitet til et større program som WordPress.

navigasjonsdesign: Design fokuserer på hvordan besøkende beveger seg gjennom bloggen din.

permalink: En URL som peker på et bestemt blogginnlegg eller en side, i stedet for hjemmesiden.

RSS: Står for Really Simple Syndication eller Rich Site Summary . Et RSS-feed er en måte å levere innhold til en abonnent uten at abonnenten faktisk besøker bloggen din.

søkemotoroptimalisering (SEO): Prosessen med å øke nettstedets synlighet i søkemotorens ubetalte søkeresultat.

widget: Lite programmer som du kan legge til i bloggen din, sidebar eller bunntekst. Noen blogging-plattformer, for eksempel WordPress. org og WordPress. com, kom med innebygde widgets.

vektorbilde: En illustrasjon bestående av linjer og poeng.

En sjekkliste for å lage bloggen din Design

Å designe en blogg krever litt omsorg og oppmerksomhet. Når du jobber gjennom å designe bloggen din, følg denne sjekklisten for å sikre at du ikke savner noen store designelementer.

• Forstå kjernevilkårene.

• Lag mål for å justere designen din.

• Bygg en stilguide når du arbeider gjennom designet.

• Samle designideer gjennom forskning, brainstorming og blogganalysen din.

• Bestem fonter for bloggen din.

• Bestem hvilke farger som skal brukes og hvor mange.

• Velg på en bloggoppsettstype og bloggtema for skallet ditt.

• Opprett en bloggoverskrift.

• Design en bloggbakgrunn eller velg en bakgrunnsfarge.

• Legg til relevant innhold til en bloggbunntekst.

• Arbeid søkemotor optimalisering i bloggen din.

• Kontroller at bloggen din er mobilvennlig.

• Opprett en navigasjonsmeny.

• Bestem hva som går inn i sidebjelken og design grafikk om nødvendig.

• Bestem hvordan du skal designe design i blogginnleggene dine.

• Legg til navigasjonselementer, som måter å utforske nytt og gammelt innhold på.

• Ta med design og bilder inn i bloggsidene dine.

Installer plugger for å legge til funksjoner for bloggen din

Plug-ins forbedrer bloggens design, navigasjon og funksjonalitet. Her finner du en liste over programtillegg som hjelper deg med å legge til funksjoner i bloggen din, alt samlet på ett sted og organisert av søknad for enkel tilgang.

Alle disse plugin-modulene fungerer for WordPress. org blogger. Hvis du ikke er på WordPress. org, se etter en stjerne (*) for å angi plugin-modulene som også kan brukes på andre plattformer.

Denne listen representerer bare en liten del av programtilleggene som er tilgjengelige. Du kan finne flere plugin-moduler innen WordPress, på nettsteder som CodeCanyon, eller ved hjelp av en søkemotor.

Plugin-moduler for søkemotoroptimalisering

Optimalisering av bloggen din og individuelle blogginnlegg for søkemotorer kan øke trafikken til nettstedet ditt. Disse plugin-modulene gjør det enkelt å optimalisere nettstedet ditt og blogginnleggene dine:

Alt-i-ett SEO-pakke

SEO Ultimate

WordPress SEO av Yoast

Av disse tre tilbyr bare Yoast mulighet til å opprette en XML-sitemap (en katalog med sider du vil at søkemotorer skal finne). Hvis du bruker en SEO-plugin uten denne funksjonaliteten, eller hvis du ikke trenger disse SEO-plugin-modulene på grunn av temaets innebygde SEO-innstillinger, kan du bruke følgende plugin for å opprette en XML Sitemap: < Google XML Sitemaps

Plugin-moduler for populære innlegg og relaterte innlegg

God bloggnavigasjonsdesign drifter besøkende dypere inn i bloggen din ved å vise koblinger til mer innhold. Disse plugin-modulene lar deg markere dine mest populære innlegg eller innlegg som ligner innlegget den besøkende leser for øyeblikket.

LinkWithin

nRelate Mest populær

og nRelatert relatert innhold (Klikk Logg inn for å registrere deg og komme i gang) WordPress Populære innlegg

Innstillingsalternativer for nRelate-relatert innhold plugg inn.

Plugin-moduler for sosiale deling

Når bloggen din besøker innholdet ditt, vil de dele det i sosiale nettverk som Facebook eller Twitter. Disse plugin-modulene legger til funksjonalitet for blogginnleggene dine og sidene, slik at besøkende enkelt kan gjøre det, og sprer innholdet ditt til nye målgrupper.

AddThis

Digg Digg

Shareaholic

Del dette

Enkelt sosialt

Kommentatorplugin

Mens mange bloggere holder fast på sin plattforms opprinnelige kommentarsystem, liker andre å bruke en tredje- party kommentarsystem som disse:

Disqus

IntenseDebate

Livefyre

I tillegg kan du bruke denne plugin-modulen til å sende en kommentar når noen (enten du eller en annen kommenterer) har svart på dem kommentar.

Kommentar Svarvarsling

Spam-Fighting Plug-ins

Ingen blogger liker å få spammeldinger i sine kommentarer (selv om de noen ganger er morsomme å lese). Disse plugin-modulene bidrar til å bekjempe spam.

Akismet

Pluss-plugin for vekstpakke

WP Ban

Plugins for bildevisning

Blogger lev alltid opp med flott bildeopptak. Når du vil vise flere bilder, har disse plugin-programene dekket deg.

Catablog

Fancy Gallery

NextGEN Gallery

PhotoMosaic

Hurtiggalleri

(Se den følgende figuren.) Plugin for hurtiggalleri fungerer med flere bloggplattformer

TouchCarousel < Bildeoppdagingsplugin

Nesten alle blogginnleggene dine skal ha minst ett bilde for å trekke leseren inn i innholdet ditt. Hvis du sliter med å finne det riktige bildet, kan disse plugin-modulene hjelpe deg med å finne bilder uten å forlate WordPress:

PhotoDropper

Zemanta

Flickr Photo Post

Kontaktformularinnstikkinger

Når Du må opprette et skjema, uansett om leserne skal kontakte deg eller samle informasjon, har du mange plugin-alternativer som kan velges fra:

Kontaktskjema 7

Fast sikker kontaktskjema

Kontactr

Gravity Skjemaer

Wufoo

Tastaturplugger

Tappevokser er en plassbesparende måte å presentere informasjon på i sidebjelken.Disse plugin-modulene gjør det enkelt å lage en faneboks:

Easy Tab WordPress Widget

Hei-faner WordPress Widget

(Se følgende figur.)

Tabber Widget Demo av Hello Tabs WordPress Widget

Diverse plugger

Dette er pluginene jeg nevner i boken, men det passer ikke inn i noen av de andre kategoriene.

Tilpasset forfatter Byline

: Lar deg legge til en bylinje for gjesteforfattere eller bidragsytere som ikke har tilgang til å logge inn på bloggen din.

Genesis Widgetized Footer : Hvis du bruker WordPress. org Genesis Framework, lar denne plugin-modulen deg bruke widgets i din footer.

FT Signature Manager : Gir forfattere på bloggen din muligheten til å sette opp en signatur som vises nederst i innleggene sine.

WordPress. com Jetpack : Gir en WordPress. org blog kraftige funksjoner som allerede er innebygd i WordPress. com som søkemotoroptimaliseringsfunksjoner, kontaktskjemaer og muligheten til å publisere et blogginnlegg fra enhver e-postklient.

WP Post Signatur : Lar deg legge til en signatur på slutten av hvert blogginnlegg.

WPtouch : Hvis ditt bloggtema ikke har en responsiv design (slik at oppsettet justeres avhengig av størrelsen på den besøkende skjermen), gjør denne plugin-modulen din blogg lettere å vise på en mobil enhet.