Blog Design For Dummies Cheat Sheet - dummies

Door Melissa Culbertson

Je hebt een blog … maak het ontwerp er nu spectaculair en werk fantastisch! Wanneer u de ins en outs van het blogontwerp leert, kunt u een blogontwerp maken dat uw stem illustreert en bezoekers aanmoedigt uw inhoud te lezen. Voordat je het weet, heb je een echt geweldig blogontwerp waar je trots op kunt zijn.

Een blog ontwerpen

Goede ontwerpers hebben een methode om gek te worden. Het is veel moeilijker om te ontwerpen zonder na te denken over de onderwerpen van je blog, je stem, je blogdoelen en meer. Noteer uw antwoorden op de volgende aanwijzingen om de basis te leggen voor een krachtig blogontwerp dat bij u past op een T.

• Waar gaat je blog over?

• Waar wilt u dat uw blog bekend om staat?

• Geef twee tot vijf blogdoelen op.

• Beschrijf een paar kenmerken van uw publiek.

• Waarom schrijf je op je blog?

• Schrijf bijvoeglijke naamwoorden op die de toon van je recente blogberichten beschrijven.

Kijk naar de antwoorden op deze en werk deze kwaliteiten vervolgens in het uiterlijk van je blog en om te helpen de plaatsing van bepaalde ontwerpelementen, links en calls-to-action te bepalen.

Woorden die u moet weten voor blogontwerp

Terwijl u de opties voor uw blogontwerp doorzoekt, met name vereisten voor hulpmiddelen achter de schermen die het uiterlijk van uw ontwerp ondersteunen, kunt u de volgende lijst gebruiken: een handige gids zijn voor termen die u misschien niet kent.

ankertekst: Een klikbaar woord of woordgroep met een hyperlink naar een webpagina.

alt attribuut : De tekst in dit kenmerk wordt weergegeven wanneer een bezoeker een afbeelding niet kan zien. De reden kan een trage internetverbinding zijn of een bezoeker met een visuele beperking kan een browser gebruiken die de inhoud in het alt-attribuut hardop leest.

blogthema: Een verzameling bestanden die samenwerken om de functionaliteit en het ontwerp van uw blog te produceren, zonder de standaardblogsoftware te veranderen.

blog framework: Een thema dat dient als basis voor uw blogontwerp. Vanuit die basis kunt u vervolgens uw eigen ontwerp met een kindthema maken.

CSS: staat voor Cascading Style Sheet . CSS is een verzameling opdrachten waarmee u het uiterlijk van uw blogontwerp kunt aanpassen door de weergave van verschillende elementen in uw blog te structureren, van de kleur van het lettertype tot een spatie rond een afbeelding.

HTML: staat voor Hypertext Markup L taal . Door tekst in een HTML-document te markeren, geeft u een webbrowser de opdracht om die tekst op een bepaalde manier op een website weer te geven. Dit kan van alles zijn, van het veranderen van tekst in een hyperlink tot het weergeven van een afbeelding.

metabeschrijving: korte paragraaf die door zoekmachines wordt gebruikt om uw gehele blog, een pagina of een blogbericht te beschrijven.

PHP: staat voor PHP: Hypertext Preprocessor . Een veelgebruikte scriptingtaal waarop veel blogplatforms zijn gebaseerd. PHP is van cruciaal belang om alle delen van uw blog samen te laten werken.

plug - in: Een stukje software dat extra functionaliteit biedt voor een grotere softwaretoepassing zoals WordPress.

navigatieontwerp: Ontwerp gericht op hoe bezoekers zich door uw blog verplaatsen.

permalink: Een URL die verwijst naar een specifieke blogpost of -pagina in plaats van naar de startpagina.

RSS: staat voor Really Simple Syndication of Rich Site Summary . Een RSS-feed is een manier om inhoud aan een abonnee te leveren zonder dat die abonnee daadwerkelijk uw blog bezoekt.

zoekmachine-optimalisatie (SEO): Het proces om de zichtbaarheid van een website in de niet-betaalde zoekresultaten van een zoekmachine te vergroten.

widget: Weinig toepassingen die u aan uw blogkop, zijbalk of voettekst kunt toevoegen. Sommige blogplatforms, zoals WordPress. org en WordPress. com, kom met ingebouwde widgets.

vectorafbeelding: een illustratie bestaande uit lijnen en punten.

Een controlelijst voor het maken van uw blogontwerp

Het ontwerpen van een blog vereist enige zorg en aandacht. Terwijl je aan het ontwerpen van je blog werkt, volg je deze checklist om ervoor te zorgen dat je geen belangrijke ontwerpelementen mist.

• Begrijp kernontwerpprincipes.

• Maak doelen waarmee u uw ontwerp kunt uitlijnen.

• Bouw een stijlgids terwijl u door uw ontwerp werkt.

• Ontwerpideeën verzamelen door middel van onderzoek, brainstorming en uw bloganalyses.

• Bepaal de lettertypen voor uw blogontwerp.

• Bepaal welke kleuren u wilt gebruiken en hoeveel.

• Selecteer een type blogopmaak en een blogthema voor de schaal van uw ontwerp.

• Maak een blogkop.

• Ontwerp een blogachtergrond of selecteer een achtergrondkleur.

• Voeg relevante inhoud toe aan een voettekst van een blog.

• Werk zoekmachineoptimalisatie in uw blogontwerp.

• Zorg ervoor dat uw blog mobielvriendelijk is.

• Een navigatiemenu maken.

• Bepaal wat in uw zijbalk past en ontwerp indien nodig afbeeldingen.

• Bepaal hoe je ontwerp in je blogberichten kunt verwerken.

• Navigatie-elementen toevoegen, zoals manieren om nieuwe en oude inhoud te verkennen.

• Ontwerp en afbeeldingen opnemen in uw blogpagina's.

Plug-ins installeren om functies toe te voegen aan uw blog

Plug-ins verbeteren het ontwerp, de navigatie en de functionaliteit van uw blog. Hier vindt u een lijst met invoegtoepassingen waarmee u functies kunt toevoegen aan uw blogontwerp, allemaal op één plek verzameld en geordend op applicatie voor eenvoudige toegang.

Al deze plug-ins werken voor WordPress. org blogs. Als u niet op WordPress bent. org, zoek naar een asterisk (*) om de plug-ins aan te geven die ook op andere platforms kunnen worden gebruikt.

Deze lijst vertegenwoordigt slechts een klein deel van de beschikbare plug-ins. U kunt meer plug-ins vinden in WordPress, op sites zoals CodeCanyon of met behulp van een zoekmachine.

Plug-ins voor zoekmachineoptimalisatie

Het optimaliseren van uw blog en individuele blogposts voor zoekmachines kan het verkeer naar uw site vergroten. Met deze plug-ins kunt u uw site en uw blogberichten eenvoudig optimaliseren:

Alles-in-één SEO-pakket

SEO Ultimate

WordPress SEO door Yoast

Van deze drie biedt alleen Yoast de volgende mogelijkheid om een ​​XML-sitemap te maken (een directory met pagina's die u door zoekmachines wilt laten vinden). Als u zonder deze functionaliteit een SEO plug-in gebruikt, of als u deze SEO-plug-ins niet nodig heeft vanwege de ingebouwde SEO-instellingen van uw thema, dan kunt u de volgende plug-in gebruiken om een ​​XML-sitemap te maken: < Google XML Sitemaps

Populaire berichten en gerelateerde berichten plug-ins

Met een goed ontwerp voor blognavigatie worden bezoekers dieper in uw blog gebracht door links naar meer inhoud weer te geven. Met deze plug-ins kun je je meest populaire berichten of berichten markeren die lijken op de post die de bezoeker momenteel aan het lezen is.

LinkWithin

nRelate Populairst

en n Gerelateerde gelinkte inhoud (klik op Aanmelden om aan te melden en aan de slag te gaan) WordPress Populaire berichten

Instellingen voor de nRelate Related Content inpluggen.

Plug-ins voor sociaal delen

Wanneer uw blog bezoekers uw inhoud leuk vinden, willen ze deze delen in sociale netwerken zoals Facebook of Twitter. Deze invoegtoepassingen voegen functionaliteit toe aan uw blogposts en -pagina's zodat bezoekers dit eenvoudig kunnen doen, waardoor uw inhoud wordt verspreid naar een nieuw publiek.

AddThis

Digg Digg

Shareaholic

ShareThis

Eenvoudige sociale

invoegtoepassingen

Hoewel veel bloggers bij het native systeem voor reacties van hun platform blijven, gebruiken anderen graag een derde Party-reactiesysteem als volgt:

Disqus

IntenseDebate

Livefyre

Daarnaast kunt u deze plug-in gebruiken om een ​​commentator te e-mailen wanneer iemand (u of een andere commentator) heeft geantwoord op hun commentaar.

Reactie op reactiebericht

Spam-vecht plug-ins

Geen enkele blogger vindt het leuk om spamberichten binnen zijn / haar opmerkingen te krijgen (zelfs als ze soms grappig zijn om te lezen). Deze plug-ins helpen bij het bestrijden van spam.

Akismet

Growmap Anti Spambot-plug-in

WP-verbod

Plug-ins voor beeldweergave

Blogs worden altijd vrolijker met fantastische beelden. Wanneer u meerdere afbeeldingen wilt laten zien, kunt u gebruikmaken van deze plug-ins.

Catablog

Fancy-galerij

NextGEN-galerij

PhotoMosaic

Quick-galerij

(zie de volgende afbeelding.) De Quick Gallery-plug-in werkt met meerdere blogplatformen

TouchCarousel < Beeldzoekende invoegtoepassingen

Bijna al uw blogberichten moeten ten minste één afbeelding bevatten om de lezer naar uw inhoud te trekken. Als u moeite hebt om de juiste afbeelding te vinden, kunt u met deze plug-ins afbeeldingen vinden zonder zelfs WordPress te verlaten:

PhotoDropper

Zemanta

Flickr-foto's

Plug-ins voor contactformulieren

je moet een formulier aanmaken, of voor lezers om contact met je op te nemen of om informatie te verzamelen, je hebt veel plug-in opties om uit te kiezen:

Contactformulier 7

Snel veilig contactformulier

Kontactr

Zwaartekracht Formulieren

Wufoo

Box met tabbladen

Tabbladen zijn een ruimtebesparende manier om informatie in uw zijbalk weer te geven.Met deze plug-ins kunt u eenvoudig een box met tabs maken:

Easy Tab WordPress Widget

Hello Tabs WordPress Widget

(Zie de volgende afbeelding.)

Tabber Widget Demo van de Hello Tabs WordPress Widget

Diverse plug-ins

Dit zijn de plug-ins die ik in het boek vermeld, maar die niet in een van de andere categorieën passen.

Aangepaste auteurnaamregel

: hiermee kunt u een naamregel toevoegen voor gastschrijvers of bijdragers die geen toegang hebben tot uw blog.

Genesis Widgetized Footer : als u de WordPress gebruikt. org Genesis Framework, met deze plug-in kunt u widgets in uw voettekst gebruiken.

FT Signature Manager : geeft auteurs op uw blog de mogelijkheid een handtekening in te stellen die onder aan hun berichten wordt weergegeven.

WordPress. com Jetpack : geeft een WordPress. org-blog krachtige functies die al in WordPress zijn ingebouwd. com zoals functies voor zoekmachineoptimalisatie, contactformulieren en de mogelijkheid om een ​​blogpost te publiceren vanaf elke e-mailclient.

WP Post Signature : hiermee kunt u een handtekening toevoegen aan het einde van elk blogbericht.

WPtouch : als uw blogthema geen responsief ontwerp heeft (zodat de lay-out wordt aangepast aan de grootte van het scherm van de bezoeker), maakt deze plugin uw blog gemakkelijker te bekijken op een mobiel apparaat.