Tagarchief: blog

wordpress thema

Technopsis zoekt nieuw WordPress thema

Wordpress themaBekijk in het EngelsTechnopsis is vrij recent verhuisd van een gratis Blogger domein naar een eigen .com domein. Tijdens deze verhuizing zijn we ook overgestapt van de Blogger software naar de veelzijdigere WordPress software. Dit was een geweldige stap voorwaarts voor ons. Onze site ziet er stukken beter uit en is veel makkelijker te navigeren. We zijn nog altijd enorm tevreden over onze overstap, maar we raken nu al de grenzen aan van het gratis thema wat we nu gebruiken. Het thema dat we nu gebruiken is niet zo flexibel als we zouden willen, en sommige dingen zijn gewoonweg slecht gemaakt.

Daarom zijn we op zoek naar een nieuw (premium) WordPress thema. We zoeken er een die ongeveer dezelfde look en feel van de huidige website behoudt, maar beter in elkaar steekt. We willen bijvoorbeeld graag de slider houden die we nu al op de hoofdpagina hebben en moet het thema een zwevende social media deel-balk hebben, of overweg kunnen met een plugin die daarvoor kan zorgen zodat deze ook op de hoofdpagina te gebruiken is. Het belangrijkste is echter dat het thema overweg kan met de polylang plugin die ervoor zorgt dat wij onze website in meerdere talen kunnen draaien.

Op dit moment zijn we druk op zoek naar een alternatief, gratis of betaald, maar hebben tot nu toe nog niets gevonden wat aan onze verwachtingen voldoet.

Daarom vragen we jou om hulp!

Ken jij een WordPress thema dat voldoet aan onze eisen?


Laat het ons weten in de reacties hieronder!

 

UPDATE: 

Momenteel zijn mijn pijlen gericht op het Volt theme van Themeforest. Dit thema is geheel zelf in te richten en heeft ongeveer dezelfde look en feel van ons huidige thema. Verder is een stuk veelzijdiger als wat we nu hebben en is het professioneel gecodeerd.

Het enige wat ik nog niet zeker weet is hoe het omgaat met de Polylang plugin, maar het heeft ook zijn eigen ingebouwde functies om meerdere talen te ondersteunen!

Heb jij eerder gewerkt met een Themeforest theme, laat ons dan weten hoe dat beviel in de reacties hieronder!

Website snelheid

Blog – 5 tips om website snelheid te verhogen

Bekijk in het EngelsEindelijk heb je dat je website of blog in de lucht en je begint deze te vullen met nuttige inhoud. Na enkele lappen tekst en een berg aan fotomateriaal merk je echter dat je website snelheid steeds lager word en het word zelfs zo erg dat je lezers al wegklikken voordat je site helemaal geladen is. Tijd om je website een flinke zet in de rug te geven. Leer hoe je jouw website snelheid eenvoudig verhoogt met deze 5 simpele tips!

1: Cachen is koning!

website snelheidWebsite cachen is een simpele maar enorm effectieve methode om de werklast van je webserver wat te verlichten en zo je website sneller te laten laden. Cachen houdt in dat je verschillende pagina’s als eenvoudige tijdelijke HTML files verstuurd naar de lezer, zodat deze niet meer eerst hoeft te wachten tot jouw servers een frisse nieuwe versie van de pagina geladen hebben. Ook de gecachte versie vaak makkelijk en sneller binnen te halen voor de eindgebruiker. Deze caches kunnen om de paar minuten ververst worden, maar dit maakt is nog altijd vele malen sneller dan het maken van een nieuwe versie voor elke bezoeker die je hebt. Dit is dus voordeliger en sneller voor de eindgebruiker, maar ook voor jouw servers.

Er zijn meerdere manieren om dit te gebruiken om jouw website of blog sneller te maken, maar vooral voor WordPress gebruikers is het gedaan in een handomdraai. Er zijn meerdere plugins die je caches geheel automatisch instellen. W3 Total cache is waarschijnlijk de meest krachtige en veelzijdige, maar daarom ook de lastigste om in te stellen. Verder had deze plugin bij mij wat conflicten met andere plugins en moest ik deze daarom weer uitschakelen. Ik ben toen overgestapt op WP Super cache. Dit heeft vele malen minder functies, maar is ook bijna meteen helemaal ingesteld. Dit is vooral aan te raden voor de wat nieuwere gebruiker.

2: laad je Javascript bibliotheek direct vanaf Google!

Javascript libraryEen tweede enorm effectieve manier om de snelheid van jouw blog of website te verhogen is de servers van Google gebruiken. Je kan hier bepaalde vaak gebruikte Javascript bibliotheken vanaf laten halen, en zo jouw eigen servers ontlasten terwijl de eindgebruiker de internationale en razendsnelle servers van Google gebruikt voor een groot deel van je website. Google is aardig genoeg geweest door deze openbaar toegankelijk te maken en zo het gebruikersgemak voor iedereen te verhogen.

Wederom is dit voor WordPress gebruikers een fluitje van een cent en hoef je slechts een plugin te installeren. De plugin kijkt welke bibliotheken er gebruikt worden op jouw website of blog en stuurt de eindgebruiker dan daarvoor door naar de locatie op de servers van Google. Je website snelheid is zo binnen luttele seconden een stuk hoger geworden!

3: Verhoog de website snelheid door het combineren van codes

Een derde manier om de snelheid van je website of blog eenvoudig te verhogen is door het combineren van verschillende gebruikte codes. Dit verminderd het aantal keer dat een gebruiker jouw servers moet aanspreken en daardoor de tijd die het duurt voor je site geladen is. Zo kun je bijvoorbeeld jouw Javascript code samenvoegen met de CSS.

Wederom is dit voor WordPress gebruikers te doen door een simpele plugin te installeren. Deze minify-tool combineert de verschillende codes in een enkele code waardoor je website gelijk een stuk sneller wordt!

4: Combineer afbeeldingen om de website snelheid te verhogen

Een andere krachtige methode om de snelheid van je website te verhogen is het samenvoegen van verschillende statische afbeeldingen tot één grote sprite. Dit zorgt er ook voor dat de eindgebruiker minder vaak jouw servers hoeft te benaderen en verkleind de totale grote van de afbeeldingen, zodat de website op twee vlakken sneller word geladen. Geen zorgen, je alt-teksten en titels van je afbeeldingen blijven intact.

Een Google medewerker heeft hier in zijn vrije tijd een handige tool voor in elkaar gezet. Op spriteme.org kun je de tool aan je favorieten toevoegen. De tool start je op zodra je op je eigen website bent gekomen, en deze zal dan advies uitbrengen over welke afbeeldingen samengevoegd kunnen worden. Zodra je dit juist heb ingesteld zat de tool de sprite automatisch samenstellen en de nodige veranderingen voor je CSS uitschrijven. Het is nu enkel nog zaak de sprite te uploaden naar je eigen server en de locatie van de afbeeldingen aan te passen.

5: Comprimeren voor website snelheid!

gzipDe vijfde en laatste methode om je website eenvoudig een hogere snelheid te geven is door het simpelweg kleiner maken van de data die je naar de eindgebruiker stuurt. Net al een zipje voor normale bestanden kunnen websites ingepakt worden. De hoeveelheid data die er dan doorgestuurd word is kleiner en dit scheelt voor de server veel verstuurwerk, plus dat het de website een stuk sneller maakt. Dit werkt echter alleen als de browser de inpakmethode ondersteunt. Gzip is hiervoor waarschijnlijk de makkelijkste en meest gebruikte methode. Ook dit is eenvoudig via een WordPress plugin te installeren. Binnen enkele seconden bespaar je bandbreedte en is je website snelheid een stuk verhoogt!

Ik gebruik of heb alle methodes hierboven getest en mijn site is dan ook een heel stuk sneller geworden als vroeger. Ik heb ondertussen een score van 90 in Google’s page-speed test. Het is nog geen 100, maar we komen al in de buurt!

Wat vind jij de beste methode om je website sneller te maken? Laat het ons hieronder weten!

Blog inklapbare berichten

Blog – Inklapbare berichten

blogger inklapbare berichtenBekijk in het EngelsDe vorige keer hebben we de functies van blogger kort bekeken en beschreven. Als je je blog toen hebt aangemaakt heb je waarschijnlijk ook even een bericht geschreven en geupload naar de blogger servers. Het zal je dan ook zeker niet zijn ontgaan dat het bericht in zijn geheel op de voorpagina terecht is gekomen. Vooral als je langere berichten op je blog zet kan dit erg onoverzichtelijk worden, en is dit dus verre van ideaal. In dit bericht leg ik simpel en stapsgewijs uit hoe je een ‘Lees meer’ knop aan je ingeklapte samenvattingen toevoegt, zodat je voorpagina net en overzichtelijk blijft.

Zorg dat die berichten kleiner worden!

Als je voornamelijk lange berichten met veel beeldmateriaal op je blog zet dan valt het al snel op dat je voorpagina eigenlijk onbruikbaar word. Een simpele oplossing hiervoor is het gebruik van een ‘Lees meer’ knop. Dit zorgt ervoor dat je hoofdpagina slechts de eerste alinea, of hoeveel jij wilt weergeeft en dat daaronder een lees meer knop word weergegeven die de lezer naar het gehele bericht brengt. Dit zorgt er ook nog eens voor dat je meer pagina weergaves krijgt omdat mensen ipv één nu twee pagina’s bekijken. Om dit uit te voeren moeten we wel een beetje gaan editten in de HTML code. Geen paniek, dit is makkelijker dan je zou denken.

blogger html templateDe eerste stap die je moet nemen is het backuppen van je huidige sjabloon. Log in bij blogger.com en ga naar de slablonen bladzijde. Klik hier op back-up/terugzetten sjabloon rechtsboven in de pagina. Sla het bestand ergens op waar je het niet kwijt raakt. Ik zelf gebruik daar mijn blogbackup map voor. Zodra je dit hebt gedaan kunnen we verder. We gaan blogger nu vertellen hoe hij jouw berichten moet weergeven. Dit gaan we doen door middel van de sjablonen pagina. Hier klik je op HTML bewerken. Zorg ervoor dat je het vakje ‘widget-sjablonen uitvouwen’ altijd is aangevinkt, zodat je geen code mist.

We gaan nu op zoek naar de </head> tag. Deze is gemakkelijk te vinden via de CTRL-F zoekfunctie.

Zodra je deze gevonden hebt ga je eerst na of er een ]]></b:skin> tag in de buurt is. Is dit het geval, dan moet je de volgende code tussen de </head> tag en de ]]></b:skin> tag in zetten.

Staat de bovenstaande code niet in je document dan kun je de onderstaande code simpelweg boven de </head> tag zetten:

<style>
 <b:if cond='data:blog.pageType == "item"'> 
 span.fullpost {display:inline;}
 <b:else/>
 span.fullpost {display:none;} 
 </b:if>
 </style>

Je kunt het aangepaste sjabloon nu opslaan. Het is verstandig om even de hoofdpagina te bekijken van je blog, om te zien of er iets veranderd is. Dit zou niet het geval moeten zijn. Mocht er wel iets veranderd zijn dan is er iets fout gegaan. Je kan de code nogmaals bekijken om te zien of er iets fout is gegaan, of gewoonweg je vorige back up opnieuw laden.

We gaan nu nogmaals terug naar de HTML code van je sjabloon. We gaan nu zoeken naar <data:post.body/.

De volgende code moet direct na voorgaande code geplakt worden:

<b:if cond='data:blog.pageType != "item"'>
 <a expr:href='data:post.url' target='_blank'>Lees meer!<a>
 </b:if>

Je kunt natuurlijk typen wat je wilt in plaats van ‘Lees meer’. Sla je sjabloon nogmaals op. We zijn bijna klaar.

De laatste stap is het toevoegen van een lijn code in je blog berichten zelf om blogger te laten weten waar je bericht precies in tweeën gehakt moet worden. Je kunt dit stuk code standaard toevoegen aan je berichten sjabloon, maar in de praktijk heeft dit vaak een averechts effect en worden berichten op een vreemde manier verdeeld. Ik heb daarom gewoon de nodige code opgeslagen in een tekstbestandje, of je kunt deze gewoon elke keer weer hier vinden.

Ik dwaal af, tijd om ter zake te komen. Als je eenmaal een bericht hebt getypt kun je daarna de HTML code van dat bericht aanpassen.  Hier ga je op zoek naar het laatste stuk tekst dat je wil weergeven op de hoofdpagina. Direct daarna plak je het volgende:

<span class=”fullpost”>

Zorg wel dat je dit pas na de sluittags van de tekst zet. Een voorbeeldje:

<span lang="EN-US">Once you have come up with a good topic to start a blog about, it is time to set up a basic blog. Now you may think you need to create a website from scratch or that you will need to rent server space or something, but luckily there are lots of website who accommodate starting blogger. Learn how to set up your free blog in this post.<o:p></o:p></span></div>
<div>

Als dit de code is van je eerste stuk tekst dan wil je dat hier onder ergens de fullpost tag te staan komt. Je wil echter niet de sluitingstags scheiden van hun bijhorden tekst. Je wil de tag ergens achter de zin learn how to set up your blog in this post zetten, maar daar horen sluit tags bij. Elke tag die begint met een / wordt gezien als een sluit tag. Daarom moet je in dit voorbeeld de fullpost tag zetten na de laatste sluit tag, en dat is </div>. De uiteindelijke code komt er dan zo uit te zien:

blogger. Learn how to set up your free blog in this post.<o:p></o:p></span></div>
<span>
<div>

Nu zijn we echt bijna klaar. Het laatste wat je nog moet doen is blogger laten weten waar je fullpost eindigt. Dit doe je door helemaal onder aan de HTML code een </span> tag toe te voegen. Gewoon helemaal naar beneden scrollen, achter de laatste code eenmaal op enter drukken en </span> typen. Dat was het, je bent klaar!

Tip: zorg dat je de fullpost tags en de /span tags als laatste toevoegt. Dit minimaliseert de kans dat blogger zelf dingen gaat veranderen in de code. Maak dus eerst de tekst op zoals jij wilt, en voeg daarna deze tags toe.

Succes!

Blog inklapbare berichten

Blog – Je eigen blog simpel aanmaken met Blogger

Blog opzettenBekijk in het EngelsEen tijdje geleden hebben we gekeken naar het vinden van een onderwerp om een blog over te beginnen. Zodra dit is gelukt is het tijd om de volgende stap te zetten: Het daadwerkelijk aanmaken van een blog. Nu denk je waarschijnlijk dat dit ongelooflijk ingewikkeld is met webdevelopment en het huren van webruimte en dergelijke, maar gelukkig zijn er meer dan genoeg websites op het internet die de beginnende blogger helpen. Leer hoe je een blog snel en eenvoudig opzet.

Een blog aanmaken

Voor vrijwel iedere beginnende blog schrijver kan ik blogger.com aanraden. Deze gratis website laat je snel een blog aanmaken en heeft een krachtige editor ingebouwd om het blog aan te passen aan jouw persoonlijke smaak. Dit systeem is ongelooflijk makkelijk te gebruiken en razendsnel. Het enige wat je nodig hebt is een Google account. Maak deze aan of log met jouw username in op blogger.com en twee seconden later krijg je de optie om een nieuw blog aan te maken. Zodra je op de ‘create new blog’ knop drukt krijg je de optie om je blog een naam te geven, en een webadres. Verder kun je hier de opmaak van je blog aanpassen, en kun je daarvoor kiezen uit een groot aantal templates. Zijn deze vooraf aangemaakte instelling niets voor jou? Geen probleem, blogger geeft je de mogelijkheid alles handmatig aan te passen, en zelfs geavanceerde gebruikers mogen rustig aanpassingen maken aan de HTML code. Al deze aanpassingen kunnen altijd gemaakt worden, ook al is je blog al lang te vinden op internet.

blogger dashboardZodra je blog is aangemaakt word je automatisch doorgestuurd naar de hoofdpagina van de blog editor, het dashboard. Hier zie je in eerste instantie een grafiek van het aantal bezoekers en wat informatie over het verkeer van je blog. Ook zitten hier alle knoppen die nodig zijn om je blog aan te passen.

Onder de knop berichten kun je je daadwerkelijke blog berichten aanmaken, aanpassen en publiceren. Dit is waarschijnlijk het belangrijkste gedeelte van je dashboard, want hier komt al je inhoud vandaan.

Het kopje pagina’s brengt je naar het gedeelte waar je verschillende pagina’s voor je blog kan aanmaken. Deze pagina’s zijn echter geheel statisch en zijn dus enkel te gebruiken om bijvoorbeeld informatie over de auteur kwijt te kunnen, of om een pagina met verwante links aan te maken.

In het tabblad reacties kun je de reacties op je berichten bekijken en modereren. Hier kun je de instellingen voor spambeveiliging instellen.

Het statistieken gedeelte is een krachtig hulpmiddel om uit te zoeken waar je verkeer vandaan komt, en op wat voor zoektermen men vooral bij jouw blog uitkomt. Hier kan later op ingespeeld worden.

Het inkomsten tabblad geeft je de mogelijkheid om eenvoudig Adsense advertenties te activeren op je blog. Het enige wat hiervoor nodig is, is een Adsense account. Deze is dan eenvoudig te koppelen aan je blogger account. Is dit eenmaal gedaan dan kun je via deze pagina eenvoudig instellen wat voor advertenties er op je pagina te zien zijn, al is het meestal de beste optie om Google dit zelf te laten bepalen. Als je munt wilt slaan uit je blog is dit waarschijnlijk een van de belangrijkste zaken om goed op orde te hebben. Je krijgt over het algemeen een bepaald bedrag per 1000 page views en voor elke klik op een van je advertenties. Zorg er wel voor dat de advertenties je potentiele lezers niet afschrikken. Je kan advertenties dus beter strategisch verspreiden op je pagina.

Onder indeling kun je verschillende modules aanmaken op je blog, en deze naar hartenlust verslepen om zo optimaal gebruik te maken van je ruimte. Hier kun je instellen hoe je sidebar gevuld is, en in welke volgorde de inhoud daarvan weergegeven moet worden. Het is hier erg belangrijk dat je de Adsense advertenties een strategische plek geeft.

blogger html templateOnder sjabloon vind je een krachtig, maar gebruiksvriendelijk stukje gereedschap wat je helpt bij het aanpassen van de look en feel van je blog. Op dit tabblad kun je onder de motorkap sleutelen van je website. Zodra je op aanpassen klikt krijg je een groot scala aan mogelijkheden aangeboden om de kleuren en achtergronden aan te passen van je blog. Onderaan het tabblad sjabloon kun je kiezen uit verschillende sjablonen die door Google zelf zijn aangemaakt. Het is verstandig om hier een basis mee neer te zetten, en dit dan verder aan te passen via de knop aanpassen.

Interessanter is misschien nog de knop HTML bewerken. Met deze functie kun je pas echt gaan sleutelen aan het frame van je blog. Hier kun je direct stukken code neerzetten die direct effect hebben op hoe jouw blog zich gedraagt. Hier kun je bijvoorbeeld een code toevoegen voor de ‘lees meer’ knop die ervoor zorgt dat niet alles op je hoofdpagina weergegeven word, maar slechts een samenvatting te zien is. Lees hier later meer over.

Op deze pagina kun je ook instellingen voor mobiel gebruik aanpassen.

Het laatste tabblad laat je de algemene instellingen voor je blog aanpassen. Hier vind je bijvoorbeeld dingen als wie je blog mag zien, wat het adres is van je blog en hoe je een feed uitgeeft. Zorg dat je al deze instellingen minimaal een keer door bent gelopen. Dit kost je slechts een minuutje of twee.

Zodra je je blog hebt ingesteld zoals jij dat wilt ben je klaar om te gaan bloggen. Gefeliciteerd met het succesvol aanmaken en instellen van je eerste blog! Je kan natuurlijk altijd nog aanpassingen maken via deze pagina, of kleine verbeteringen doorvoeren, zoals inklapbare berichten toevoegen, maar nu is het misschien een goed idee om je eerste blogpost online te zetten. Succes!

 

Blog inklapbare berichten

Een blog opzetten – Een topic vinden

start een blogBekijk in het EngelsJe wilt een blog beginnen maar weet niet zo goed waar je moet beginnen? Het eerste wat je nodig hebt is natuurlijk een onderwerp om over te schrijven. Het onderwerp dat je kiest is helemaal je eigen keus, maar er zijn wel hulpmiddelen te vinden die je kunnen helpen bij het vinden van een onderwerp.

Een van de belangrijkste dingen die je nodig hebt voor een succesvol blog is een solide onderwerp. Ook is het altijd handig om zo min mogelijk competitie te hebben op jouw onderwerp. Dit is een van de eerste stappen in het optimaliseren van je blog voor zoekmachines, oftewel search engine optimization (SEO). Nu denk je waarschijnlijk hoe je dat ooit op een gemakkelijke manier kan achterhalen. Gelukkig heeft Google daar een oplossing voor. Google Adwords.

google adwordsGoogle Adwords vertelt je aan de hand van een onderwerp hoe vaak er op dat specifieke onderwerp gezocht word in Google ’s zoekmachine, maar ook welke relevante termen daar omheen gebruikt kunnen worden. Ook laat Google Adwords zien hoeveel concurrentie je ongeveer hebt per bepaalde zoekterm. Je kunt je zoektermen aan blijven passen tot je de perfecte gevonden hebt. Het perfecte onderwerp moet vaak gezocht worden en weinig concurrentie hebben. Heb je deze eenmaal gevonden dan kun je hier je blog omheen bouwen.

Je kunt de adwords tool hier vinden en beginnen met het optimaliseren van je blog voor zoekmachines al voor je jouw blog hebt aangemaakt.

Typ simpelweg het onderwerp in waar jij een blog over wilt beginnen en kijk in hoeverre dat een wijze keuze is, en of je misschien moet denken aan een andere invalshoek. Houd er wel rekening mee dat je blog nog altijd niet van succes is gegarandeerd, ook al heb je de perfecte omgeving gevonden voor jouw onderwerp. Hier zal je toch echt zelf werk in moeten steken. Ik ga hier later verder op in. In de tussentijd kun je alvast op zoek gaan naar geschikte sleutel woorden om een blog omheen te bouwen. Hoe meer je zelf geïnteresseerd bent in het onderwerp van je blog, hoe beter. Je gaat namelijk enorm veel schrijven over dit onderwerp!