Share
Veel potentiële bloggers worden geïntimideerd door nietsdoen aan de perceptie dat het maken en uitvoeren van een blog te technisch uitdagend is. Als je jezelf tot die groep rekent, dan is deze post iets voor jou.
In werkelijkheid, het feit dat u dit momenteel leest, kwalificeert u vrijwel zeker om een website te maken. Je hebt weinig meer dan een basisniveau van computerkennis nodig om te leren wat er nodig is om je eigen blog te maken en te onderhouden. Voorbij zijn de dagen dat je je handen vies moest maken met code zoals HTML en CSS om je eigen hoek op het web te creëren - hoewel dergelijke vaardigheden zeker nog steeds bruikbaar zijn in veel toepassingen, zijn ze niet langer een noodzaak.
Als het gaat om het maken van een blog, alles wat je nodig hebt is een goed idee en een paar uur van je tijd (of nog minder) om aan de slag te gaan. Bovendien kunt u met een enorme selectie van zeer aanpasbare themakaders om uit te kiezen, met een relatief gemak in korte tijd een professioneel uitziende website maken. De volgende drie berichten in deze serie over het maken van een succesvolle autoriteitsblog richten zich op de praktische details van het maken van je eigen blog. Deze post zal zich specifiek richten op het maken van een uniek ontwerp voor je website. Laten we beginnen!
Rond de vijftien jaar maakte ik websites door ze handmatig in Microsoft Notepad te coderen en elke HTML-pagina via FTP te uploaden. Het was niet gemakkelijk. Maar snel vooruit naar 2013 en het maken van uw eigen website kan niet ingewikkelder zijn dan het gebruik van een tekstverwerker.
Voor uw website gaan we 's werelds meest populaire Content Management Systeem gebruiken: WordPress. Meer specifiek gaan we zelf gehoste WordPress gebruiken.
Maar voordat we verder gaan, gaan we in op de elementaire vragen. Allereerst, wat is een Content Management Systeem (of CMS)? Wikipedia definieert het als volgt:
Een computerprogramma waarmee inhoud kan worden gepubliceerd, bewerkt en aangepast, evenals onderhoud vanuit een centrale interface.
Simpel gezegd, het is voor het ontwerpen van websites wat Microsoft Word is om documenten te maken. Het creëert een kader van waaruit u een website kunt lanceren met een klik op de knop. Bovendien kunt u hiermee eenvoudig zowel het ontwerp als de functionaliteit van uw website drastisch wijzigen en verbeteren. Kortom, het is geweldig en is (naar mijn bescheiden mening) verreweg de beste optie voor onze doeleinden.
Maar waarom zou u zelf gehoste WordPress gebruiken in plaats van zijn tegenhanger, WordPress.com? Welnu, het valt niet binnen de reikwijdte van dit artikel om daar uitvoerig op in te gaan, vooral wanneer er al zoveel artikelen over het onderwerp zijn geschreven. Hier is mijn favoriet over het onderwerp als je jezelf wilt opvoeden. Een van de belangrijkste voordelen van zelfhosting is dat u uw WordPress-instellingen uitgebreid kunt aanpassen. Neem het van mij aan -- self-hosted WordPress is de juiste optie voor het maken van een autoriteitsblog.
Als u aanwijzingen nodig heeft over het aanschaffen van een domeinnaam, hosting en het instellen van WordPress, bekijk dan deze video waarin ik u laat zien hoe u dit in slechts enkele minuten kunt doen. Het is een eitje.
Wanneer u WordPress installeert, wordt deze geleverd met een paar gratis standaardthema's zoals Twenty Twelve. Terwijl jij kan begin direct met bloggen met een van deze thema's, het installeren van een premium-thema kan het verschil maken in het bieden van een meer unieke en aangename ervaring voor bezoekers van uw site. Het hoeft ook niet de bank te breken - het thema dat ik u ga aanbevelen kost slechts $ 60 en biedt een verbluffend ontwerp en flexibiliteit.
Ik heb het over het Canvas-raamwerk, dat ik beschouw als het beste premium themakader dat beschikbaar is voor WordPress. Ik betaal het niet alleen voor lippendienst - ik gebruik Canvas voor autoriteitsblogs die ik bezit; met name Leaving Work Behind:
U kunt Canvas rechtstreeks bij Themeforest kopen. Het wordt geleverd met complete installatie-instructies - niet dat je daar waarschijnlijk veel hulp voor nodig hebt; het installatieproces is heel eenvoudig. Waar ik me in deze tutorial op wil richten, is hoe je Canvas vormt en vormt om een uniek ontwerp voor je eigen autoriteitsblog te maken.
Om u een idee te geven van de diversiteit aan ontwerpen die u met Canvas kunt maken, zijn hier twee versies van dezelfde basiswebsite:
Exact dezelfde website, verschillende instellingen binnen Canvas. U kunt dit thema gebruiken om zowat alles te maken.
Deze tutorial is opgesplitst in vijf secties, waarvan elk je zal laten zien hoe je belangrijke wijzigingen in het Canvas-framework met relatief gemak kunt aanbrengen. Elke sectie is op zichzelf staand en vertrouwt niet op de anderen, dus voel je vrij om de aanpassing van je autoriteitssite te benaderen op de manier die jij geschikt acht.
Hoewel er een enorm bedrag is dat je kunt doen op het gebied van maatwerk binnen het Canvas-themakader, concentreren we ons in deze tutorial op een relatief kleine lijst van high-impact acties die je kunt nemen om een echt uniek thema te creëren.
Een van de meest opvallende wijzigingen die u op uw site kunt aanbrengen, is de lay-out. In deze sectie zullen we de breedte van uw site en de algemene structuur wijzigen.
Navigeren naar Canvas> Thema-opties> Styling en lay-out vanuit je WordPress zijbalk. Gebruik de schuifregelaar om de breedte van uw website (inclusief zijbalken) te wijzigen.
Houd er rekening mee dat de maximale aanbevolen breedte 1.600px is. Als u verder gaat dan dit, zal uw site waarschijnlijk de breedte van veel bezoekersschermen overschrijden en wordt het niet aanbevolen.
Als vuistregel is ~ 600px toegestaan voor uw inhoudskolom en een extra ~ 300px voor elke kolom. Zelfs als uw site twee kolommen heeft, is er geen reden om de breedte van uw site verder te laten gaan dan ~ 1.200 px.
Selecteer in hetzelfde scherm de hoofdlay-out van uw site.
Je hebt in totaal zes opties. De eerste is een lay-out met nul kolommen (vergelijkbaar met het blog Signaal versus ruis) en de rest bestaat uit een selectie van verschillende zijbalkopties.
De populairste bloglayout is een enkele hoofdkolomweergave met een zijbalkkolom, meestal met de zijbalk rechts van de hoofdinhoud. Zoals u kunt zien op de bovenstaande schermafbeelding, is die lay-out standaard geselecteerd. Als u iets unieks wilt gaan doen, kiest u een andere kolommenlay-out of bent u nog brutaler en kiest u voor een kolomlay-out met nul.
Selecteer in hetzelfde scherm de voettekstergebieden van uw site.
Footer-widgets worden onder uw inhoud weergegeven en uitgebreid over de volledige breedte van uw site (inclusief kolommen). Het zijn 'widgetized areas', wat betekent dat u vooraf gemaakte 'widgets' (zoals een zoekvak, recente posts, populaire posts, etc.) erin kunt slepen.
U kunt maximaal vier voetteksten op uw site plaatsen, of helemaal geen widgets.
Door uw eigen logo en een aangepaste achtergrondkleur of afbeelding toe te voegen, kunt u een thema meteen zelf maken. Gelukkig is het met het Canvas-thema gemakkelijk.
Als je grafisch wordt uitgedaagd (zoals ik), zijn er tal van opties op het gebied van logo-ontwerpen die bij elk budget passen. Twee plaatsen om freelance-logo-ontwerpers te vinden zijn het FreelanceSwitch Job Board en de nieuwe site Microlancer van Envato.
Navigeren naar Canvas> Thema-opties> Snel aan de slag vanuit je WordPress zijbalk. Klik op de Uploaden knop onder de Aangepast logo sectie om een logo te uploaden.
Navigeren naar Doek> Thema-opties> Algemene styling vanuit je WordPress zijbalk. Kies een achtergrondkleur met de kleurenkiezer.
Uw site niet nodig hebben om een achtergrondkleur te hebben, hoewel het hebben van een een eenvoudige manier is om je site te onderscheiden van anderen.
Klik in hetzelfde scherm op de Uploaden knop onder de Achtergrond afbeelding sectie om een achtergrondafbeelding te uploaden. Gebruik dan de Achtergrondafbeelding herhalen, Achtergrondpositie en Achtergrond Attachment opties om ervoor te zorgen dat uw achtergrondafbeelding op de juiste manier wordt gepresenteerd.
Samen met typografie is dit het gebied waarop je aantoonbaar de grootste impact kunt hebben. Met de uitgebreide aanpassingsopties van Canvas kunt u de weergave van uw site volledig veranderen - van de navigatiebalk tot de zijbalk- en voetteksten-widgets.
Door de onderstaande stappen te volgen, kom je verschillende opties tegen met betrekking tot typografie. Je bent van harte welkom om in deze fase met hen te experimenteren, maar ze worden behandeld in de vierde en laatste stap van deze tutorial.
Navigeren naar Canvas> Thema-opties> Primaire navigatie vanuit je WordPress zijbalk. U krijgt een aantal opties te zien, inclusief (maar niet beperkt tot):
Hoewel het enorme aantal opties overweldigend lijkt, is elk voor zichzelf spreekt.
Begin met het veranderen van de kleuren. Gebruik de kleurselectie om een a te definiëren Achtergrond kleur, Tekstkleur zweven, Achtergrondkleur zweven, Kleur van huidige itemtekst en Achtergrondkleur van huidig item. Merk op dat de kleuren die je kiest complementair moeten zijn - er is weinig aan te doen om zowel je achtergrondkleur als de hover-tekstkleur blauw te maken (omdat de tekst verdwijnt wanneer je eroverheen gaat).
Bewerk vervolgens de navigatieranden. Definieer randbreedten en kleuren voor de verdeler, Dropdown Menu Border, Rand boven, Rand onder en Rand links / rechts. Ten slotte, als u wilt dat uw navigatiebalk afgeronde hoeken heeft, selecteert u een pixelbedrag in de Navigatie Afgeronde hoeken drop-down box.
Navigeren naar Canvas> Thema-opties> Widgets vanuit je WordPress zijbalk. U krijgt een reeks opties te zien die vergelijkbaar zijn met die in de Primaire navigatie scherm, inclusief (maar niet beperkt tot):
Er is slechts één hoofdkleur die kan worden gewijzigd en dat is de Widget achtergrondkleur. U kunt het uiterlijk van de widgets van uw site drastisch wijzigen door het wijzigen van de Widget Border, Widget-vulling en Widget-titel Onderrand. Ten slotte raad ik je aan om in te stellen Widget afgeronde hoeken dezelfde waarde die u hebt ingesteld Navigatie Afgeronde hoeken in de vorige stap om de continuïteit van het ontwerp aan te tonen.
Navigeren naar Canvas> Thema-opties> Voettekst vanuit je WordPress zijbalk. Je krijgt een bijna identieke set opties te zien die vergelijkbaar zijn met die in de widgets scherm, inclusief (maar niet beperkt tot):
Ik raad aan om deze opties in te stellen op een manier die overeenkomt met de widgetinstellingen. Stel de Voettekst achtergrond samen met Voettekst Bovenkant, Voettekst Rand onder, Voettekstrand links / rechts en Voettekst afgeronde hoeken.
Ten behoeve van deze tutorial verwijst typografie naar het lettertype, de kleur en de vormgeving van alle tekst op uw site - van de primaire navigatie tot de meta-post. Vanwege de structuur van de Canvas-aanpassingsopties, zijn de typografische instellingen verspreid over verschillende schermen. In elk van de volgende stappen wordt uitgelegd hoe u de typografie voor elk afzonderlijk gedeelte van uw website kunt wijzigen.
Navigeren naar Canvas> Thema-opties> Primaire navigatie van uw WordPress zijbalk en selecteer een Navigatie Fontstijl.
Navigeren naar Canvas> Thema-opties> Posts / pagina's vanuit je WordPress zijbalk. U krijgt een aantal opties te zien, inclusief (maar niet beperkt tot):
De belangrijkste instellingen om te veranderen zijn Post / pagina titel Fontstijl en Tekststijl Post / pagina tekst. Deze hebben het meest dramatische effect als het gaat om het maken van een uniek paginaontwerp.
Navigeren naar Doek> Thema-opties> Algemene styling vanuit je WordPress zijbalk. Gebruik de kleurselectie-elementen om het te definiëren Link kleur en Link Hover Color.
Navigeren naar Canvas> Thema-opties> Widgets vanuit je WordPress zijbalk.
Verander de Widget titel en Widget-tekst.
Navigeren naar Canvas> Thema-opties> Voettekst vanuit je WordPress zijbalk en wijzigen Voettekststijl.
Inmiddels zou je een echt uniek uitziende website moeten hebben, maar je reis naar het maken van een succesvolle autoriteitsblog is nog lang niet afgelopen.
In de volgende twee berichten in deze serie zal ik me concentreren op wat u kunt doen om uw site interessanter en dynamischer te maken voor bezoekers, zowel qua functionaliteit als qua structuur. Daarna gaan we verder met de echte nitty-gritty door ons te richten op het creëren en promoten van geweldige inhoud.
Als u in de tussentijd vragen of opmerkingen heeft, aarzel dan niet om contact op te nemen via het gedeelte Opmerkingen hieronder. Succes!
Accentsconagua