Hjem Personlig finansiering Blog Design for Dummies Cheat Sheet - dummies

Blog Design for Dummies Cheat Sheet - dummies

Indholdsfortegnelse:

Video: Customer Journey Mapping – How to create a journey map (2019) 2024

Video: Customer Journey Mapping – How to create a journey map (2019) 2024
Anonim

Af Melissa Culbertson

Du har en blog … nu, gør designet ser spektakulært ud og fungere godt! Når du lærer ind og ud af blogdesign, kan du oprette et blogdesign, som illustrerer din stemme og opfordrer besøgende til at læse dit indhold. Før du ved det, har du et rigtig fantastisk blogdesign, som du kan være stolt af.

Sådan starter du en blogdesign

Gode designere har en metode til vanvid. Det er meget sværere at designe uden at tænke gennem din blogs emner, din stemme, dine bloggingmål og meget mere. Skriv ned svarene på følgende vejledninger for at lægge grunden til et kraftigt blogdesign, der passer dig til en T.

  • Hvad er din blog om?

  • Hvad vil du have din blog til at være kendt for?

  • Angiv to til fem bloggingmål.

  • Beskriv et par egenskaber om dit publikum.

  • Hvorfor skriver du på din blog?

  • Skriv adjektiver, der beskriver tonen i dine seneste blogindlæg.

Se på svarene på disse, og arbejd disse kvaliteter i din blogs udseende og for at hjælpe med at bestemme placeringen af ​​bestemte designelementer, links og opfordringer til handling.

Ord der kender til blogdesign

Når du siver gennem mulighederne for dit blogdesign, specielt krav til bag-scener-værktøjer, der understøtter dit designs udseende, kan følgende liste Vær en praktisk guide til vilkår, du måske ikke kender.

ankertekst: Et klikbart ord eller en sætning, der er hyperlinket til en webside.

alt attribut : Teksten i denne attribut vises, når en besøgende ikke kan se et billede. Årsagen kan være en langsom internetforbindelse, eller en besøgende med en synshæmmelse kan bruge en browser, der læser indholdet i alt-attributten højt.

blogtema: En samling af filer, der samarbejder for at producere din blogs funktionalitet og design uden at ændre den grundlæggende blogging software.

blogramme: Et tema der tjener som grundlag for dit blogdesign. Fra dette fundament kan du dan bygge dit eget brugerdefinerede design med et barnemne.

CSS: Står til Cascading Style Sheet . CSS er et sæt kommandoer, der giver dig mulighed for at tilpasse udseendet af dit blogdesign ved at stylere visningen af ​​forskellige elementer på din blog, fra skrifttypens farve til et mellemrum omkring et billede.

HTML: Står til Hypertext Markup L anguage . Ved at "markere" tekst i et HTML-dokument, instruerer du en webbrowser til at vise den pågældende tekst på en hjemmeside på en bestemt måde. Dette kan være alt fra at skifte tekst til et hyperlink for at vise et billede.

meta description: Kort afsnit, som søgemaskiner bruger til at beskrive hele din blog, en side eller et blogindlæg.

PHP: Står til PHP: Hypertext Preprocessor . Et almindeligt anvendt script sprog, som mange blogging platforme er bygget på. PHP er afgørende for at holde alle dele af din blog sammen.

plug - i: Et stykke software, der giver ekstra funktionalitet til et større softwareprogram som WordPress.

Navigeringsdesign: Design centreret omkring, hvordan besøgende bevæger sig gennem din blog.

permalink: En URL, der peger på et bestemt blogindlæg eller en side, snarere end startsiden.

RSS: Står til Really Simple Syndication eller Rich Site Summary . Et RSS-feed er en måde at levere indhold til en abonnent uden, at abonnenten faktisk besøger din blog.

søgemaskineoptimering (SEO): Processen med at øge en websteds synlighed i søgemaskinens ubetalte søgeresultater.

widget: Små applikationer, som du kan tilføje til din blogoverskrift, sidebjælke eller sidefod. Nogle blogging platforme, såsom WordPress. org og WordPress. com, kom med indbyggede widgets.

vektor billede: En illustration bestående af linjer og punkter.

En tjekliste for oprettelse af din blogdesign

Designe en blog kræver en vis omhu og opmærksomhed. Når du arbejder ved at designe din blog, skal du følge denne tjekliste for at sikre, at du ikke går glip af større designelementer.

  • Forstå kerne design principper.

  • Opret mål, hvor du kan tilpasse dit design.

  • Bygg en stilguide, mens du arbejder gennem dit design.

  • Saml designideer gennem forskning, brainstorming og din bloganalyse.

  • Bestem skrifttyperne til dit blogdesign.

  • Bestem hvilke farver der skal bruges, og hvor mange.

  • Vælg på en blog layout type og blog tema til skallet i dit design.

  • Opret en blog header.

  • Design en blog baggrund eller vælg en baggrundsfarve.

  • Tilføj relevant indhold til en blog footer.

  • Arbejd med søgemaskineoptimering i dit blogdesign.

  • Sørg for, at din blog er mobilvenlig.

  • Opret en navigationsmenu.

  • Bestem hvad der går ind i dit sidebjælke og design grafik, hvis det er nødvendigt.

  • Bestem hvordan du arbejder design i dine blogindlæg.

  • Tilføj navigationselementer, som måder at udforske nyt og gammelt indhold på.

  • Indarbejde design og billeder på dine blogsider.

Installer propper for at tilføje funktioner til din blog

Plug-ins forbedrer din blogs design, navigation og funktionalitet. Her finder du en liste over plug-ins, som hjælper dig med at begynde at tilføje funktioner til dit blogdesign, alle samlet på ét sted og organiseret af applikation for nem adgang.

Alle disse plugins fungerer til WordPress. org blogs. Hvis du ikke er på WordPress. org, se efter en stjerne (*) for at angive plug-ins, som også kan bruges på andre platforme.

Denne liste repræsenterer kun en lille del af de tilgængelige plugin-moduler. Du kan finde flere plug-ins i WordPress, på websteder som CodeCanyon, eller ved at bruge en søgemaskine.

plug-ins til søgemaskineoptimering

Optimering af din blog og individuelle blogindlæg til søgemaskiner kan øge trafikken til dit websted. Disse plug-ins gør det nemt at optimere dit websted og dine blogindlæg:

Alt-i-en SEO Pack

SEO Ultimate

WordPress SEO af Yoast

Ud af disse tre tilbyder kun Yoast evnen til at oprette et XML-sitemap (en mappe med sider, som du vil have søgemaskiner at finde). Hvis du bruger en SEO-plugin uden denne funktionalitet, eller hvis du ikke har brug for disse SEO plug-ins på grund af dit temas indbyggede SEO-indstillinger, kan du bruge følgende plug-in til at oprette en XML Sitemap: < Google XML-sitemaps

Populære indlæg og relaterede indlæg plug-ins

Gode blognavigationsdesign fremdriver besøgende dybere ind i din blog ved at vise links til mere indhold. Disse plug-ins giver dig mulighed for at fremhæve dine mest populære indlæg eller indlæg, der ligner det indlæg, som den besøgende læser i øjeblikket.

LinkWithin

nRelate Mest populære

og nRelate Beslægtet indhold (Klik Log ind for at tilmelde dig og komme i gang) WordPress Populære indlæg

Indstillinger for indstillinger for nRelate-relateret indhold plugin.

Indstillinger for social deling

Når din blog besøgende besøger dit indhold, vil de dele det inden for sociale netværk som Facebook eller Twitter. Disse plug-ins tilføjer funktionalitet til dine blogindlæg og sider, så besøgende nemt kan gøre det, og spredes dit indhold til nye målgrupper.

AddThis

Digg Digg

Shareaholic

ShareThis

Simple Social

Kommentatorprogrammer

Mens mange bloggere holder fast i deres platforms indfødte kommentarsystem, kan andre lide at bruge et tredjeparts- party kommentarsystem som disse:

Disqus

IntenseDebate

Livefyre

Derudover kan du bruge denne plugin til at e-maile en kommenterer, når en person (enten du eller en anden kommenterer) har svaret på deres kommentar.

Kommentarer til svarmeddelelse

Spam-Fighting Plug-ins

Ingen blogger kan lide at få spambeskeder i deres kommentarer (selvom de undertiden er sjove at læse). Disse plugin-moduler hjælper med at bekæmpe spam.

Akismet

Growmap Anti Spambot-plugin

WP Ban

Billedfremvisningsprogrammer

Blogger lever altid op med stor billedsprog. Når du vil fremvise flere billeder, er disse plugin-moduler dækket.

Catablog

Fancy Gallery

NextGEN Galleri

PhotoMosaic

Quick Gallery

(Se nedenstående figur.) Plugin til Quick Gallery fungerer med flere blogplatforme

TouchCarousel < Indlæsning af plugins

Næsten alle dine blogindlæg skal have mindst et billede for at trække læseren ind i dit indhold. Hvis du kæmper for at finde det rigtige billede, hjælper disse plug-ins dig med at finde billeder uden endog at forlade WordPress:

PhotoDropper

Zemanta

Flickr Photo Post

Kontaktformular Indsæt

Når Du skal oprette en formular, uanset om det er læsere, der skal kontakte dig eller indsamle oplysninger. Du har mange plug-in muligheder at vælge fra:

Kontaktformular 7

Hurtigt sikkert kontaktformular

Kontactr

Gravity Formularer

Wufoo

Tabbed Box Plugins

Tabkasser er en pladsbesparende måde at præsentere oplysninger på i din sidebjælke.Disse plug-ins gør det nemt at oprette en faneblad:

Easy Tab WordPress Widget

Hej faner WordPress Widget

(Se den følgende figur.)

Tabber Widget Demo af Hello Tabs WordPress Widget

Diverse plugins

Dette er de plugins jeg nævner i bogen, men det passer ikke ind i nogen af ​​de andre kategorier.

Brugerdefineret forfatter Byline

: Lader dig tilføje en bylinje til gæstskribenter eller bidragsydere, der ikke har adgang til at logge ind på din blog.

Genesis Widgetized Footer : Hvis du bruger WordPress. org Genesis Framework, giver denne plugin dig mulighed for at bruge widgets i din footer.

FT Signature Manager : Tillader forfattere på din blog evnen til at oprette en underskrift, der vises nederst på deres indlæg.

WordPress. com Jetpack : Giver en WordPress. org blog kraftfulde funktioner, der allerede er indbygget i WordPress. com som søgemaskineoptimeringsfunktioner, kontaktformularer og evnen til at offentliggøre et blogindlæg fra enhver e-mail-klient.

WP Post Signatur : Tillader dig at tilføje en underskrift i slutningen af ​​hvert blogindlæg.

WPtouch : Hvis dit blogtema ikke har et responsivt design (så layoutet justeres afhængigt af størrelsen af ​​den besøgendes skærm), så gør denne plugin din blog lettere at se på en mobil enhed.

Blog Design for Dummies Cheat Sheet - dummies

Valg af editor

Sådan konverteres et billede til CSS3 - dummies

Sådan konverteres et billede til CSS3 - dummies

Et særligt kendetegn ved Ultimate Gradient Generator er evnen til at omdanne dit eksisterende billede til en CSS3-gradient, som du kan bruge på dit websted. Dette er en interessant måde at definere nogle komplekse gradienter med ringe indsats; Bemærk dog, at denne funktion virker bedst med billeder som den nedenfor. Selvom ...

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Tekst som en abstrakt præsentation af konkrete begreber, ideer og objekter kræver skrifttyper til præsentation. Skrifttypen, der vælges i CSS3 til teksten, gør ofte så meget at formidle en idé som selve teksten. Brug lidt tid på at se lykønskningskort, og du finder ud af, at formidlere af disse missiver bruger skrifttyper til at præsentere ...

Hvordan man rydder op på din webkode - dummies

Hvordan man rydder op på din webkode - dummies

Om du handcodes dit website eller arbejder med en kode / WYSIWYG editor, skal du altid gøre en øvelse for at kontrollere den hierarkiske rækkefølge, syntaks og stavning af din HTML, CSS, JavaScript, jQuery og anden programmeringskode. Selv når du bruger de bedste tilgængelige programmer, kan din kode på et tidspunkt indeholde fejl, fordi du er menneskelig. ...

Valg af editor

Hvordan man Rough Out et websted i SketchUp - dummies

Hvordan man Rough Out et websted i SketchUp - dummies

Måske vil du modellere en lille bit af nonflat terræn, der omgiver en byggemodel i SketchUp. Måske forsøger du at reproducere eksisterende websider, eller måske er du ved at designe landskabet for et projekt. Der er en pæn teknik til sager som denne: Du kan bruge From Contours til hurtigt ...

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

På toppen af ​​alle knapper, menuer og vinduer du vælger og erstatter SketchUp Components - dummies

Kan straks se i fanen Vælg i SketchUp's Components dialogboks, kan du også finde gemte indstillinger gemt væk i en kontekstmenu. Menuen dukker op, når du højreklikker på en In Model-samlingskomponent: Vælg forekomster: Måske har du 15 eksemplarer (kopier) af ...

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Sådan sættes dit synsfelt i Google SketchUp 8 - dummies

Synsfelt er hvor meget af din Google SketchUp model du kan se i dit model vindue ad gangen. Forestil dig dit syn som en kegle, med den spidsfulde ende, der peger på dine øjne, og keglen bliver større, da den kommer længere væk fra dig. Alt, der falder indenfor keglen ...

Valg af editor

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Sådan oprettes fjernbetjening i bånd på Junos Devices - dummies

Til fjernbetjening, skal du først bestemme, hvilken grænseflade du vil have som din administrationsgrænseflade. Generelt er forvaltningstrafik ikke overdreven eller endog betydelig, så det er sandsynligvis nok at vælge nogen af ​​de langsommere grænseflader på din router. På de fleste enheder er en Fast Ethernet-forbindelse mere end tilstrækkelig til at håndtere forvaltningstrafik. ...

Sådan opsættes SRX Services Gateway - dummies

Sådan opsættes SRX Services Gateway - dummies

Den mest almindelige måde at konfigurere en nyinstalleret Juniper SRX Services Gateway er ved at bruge RJ-45 seriekonsolporten. Enhver skal faktisk være på enheden for at installere den (fjerninstallation af hardware kan være mulig en dag, men det er langt væk). En anden grund er at adgang via et hvilket som helst af ...