thema plugin template widget

Het verschil tussen Widgets – Plugins – Thema’s – Templates

, ,

WordPress heeft een aantal termen die al een geruime 10 jaar worden gebruikt. Voor de doorgewinterde WordPress liefhebbers zijn deze termen helder.
Maar wat nu als je voor het eerst met WordPress start? In dit artikel zullen we zo simpel en kort mogelijk laten zien wat de verschillen zijn tussen deze termen!

De widgets

Dit zijn flexibele toevoegingen aan je website die je specifiek in bepaalde ruimtes kunt zetten zoals de Sidebar (naast je content) of bijvoorbeeld in de Footer (onderaan je website).

Enkele kenmerken van widgets:

  • Gemakkelijk van plek te wisselen door ze te slepen met de muis
  • Veel grote plugins hebben een widget beschikbaar om informatie te tonen
  • Te gebruiken op vaste plekken zoals de Sidebar, Footer en soms ook de Header
  • Widgets zijn gemaakt als kleine onderdelen van je website

Klik hier om meer te lezen over de werking van widgets.

De plugins

Dit zijn toevoegingen aan je website, denk aan een contact formulier, of aan SEO. Plugins zijn ontwikkeld om de functionaliteit van je website uit te breiden maar ook om je het WordPress Dashboard te verbeteren.

Enkele kenmerken van plugins:

  • Gemiddeld tussen de 1-2 MB
  • Zijn zowel gratis als betaald te downloaden
  • Geven WordPress oneindig veel mogelijkheden
  • Zijn soms oorzaak van een gehackte website
  • Laden scripts in waardoor je website iets trager wordt
  • Moeten geregeld worden ge-update

Klik hier als je wilt leren over plugins.

De thema’s

Een thema bevat de opmaak van pagina’s. Soms alleen van de homepage- een blogpage en subpages maar bij luxe thema’s wordt ook de style van je contact form en landingspagina’s verzorgd.

Enkele kenmerken van thema’s:

  • Zijn zowel gratis al betaald te downloaden
  • Bepalen voor 70% wat een bezoeker van je website vind
  • Zijn wel eens lek waardoor je WordPress gehackt wordt
  • Hebben invloed op de snelheid van je website en de leesbaarheid voor zowel bezoekers als voor Google

De templates

Dit zijn losse pagina’s. Denk aan een landingpagina of een contactpagina of aan een style voor de blogberichten of portfolioberichten.

Enkele kenmerken van templates:

  • Ze zijn gemakkelijk toe te voegen aan je huidige thema
  • Een template op maat kan enorm veel werk schelen als je veel pagina’s hebt met een bepaalde opmaak
  • Door code specifiek op 1 template te laden zorg je ervoor dat andere pagina’s snel blijven werken

Wees selectief met de plugins & thema’s

Elke thema en plugin voegt code toe aan je website. Tussen die code zitten lekken en dat zorgt ervoor dat hackers en scripts in je website kunnen komen om bijvoorbeeld hun reclame te plaatsen.
Er zijn op moment van schrijven 4000+ lekken bekend in thema’s en plugins waar veel misbruik van wordt gemaakt door ge-automatiseerde scripts (bots).

Beperk het aantal plugins tot wat je écht nodig hebt en laat geen plugins en thema’s op de server staan die je niet gebruikt. Die zijn namelijk ook te benaderen door hackers!! Verklein dus het aanvalsoppervlak.

Tot slot, ongeacht welk thema of het aantal plugins in de site, zorg altijd voor een goede antivirus voor WordPress waarmee de mogelijkheden van de hackers en scripts worden beperkt.

lekke plugin of thema

Wat als ik een plugin of thema wil gebruiken dat lek is?

, ,

Je hebt net een hele mooie website gemaakt met een mooi thema en diverse plugins, en dan is je website gehackt!

Dat is enorm vervelend! Het is ons ook tientallen keren overkomen.. zelfs met alle voorkennis die we hebben.

Wat nu als ook nog eens blijkt dat je plugin of thema lek is maar de ontwikkelaars er niets aan doen? Ook al heb je ze op de hoogte gesteld van het lek.

Je hebt betaald voor een plugin, voor een thema.. maar de ontwikkelaar geeft geen reactie 🙁

Dat komt veel voor, zelfs als het lek gemeld wordt op hun support forums of via de mail.

Waarom doen de ontwikkelaars niets?

De ontwikkelaars van thema’s zijn geen hackers, geen beveiligers en gaan er vooral voor om zoveel mogelijk geld te verdienen.

Dit klinkt hard maar het is helaas de realiteit..

Maar wat moet ik nu doen?

Je kunt 2 dingen doen:

  1. Je neemt een nieuw thema, of andere plugin
  2. Je zorgt ervoor dat de lekke plugin geen problemen kan veroorzaken

Stap 1 uitvoeren

Je verwijderd de plugin/thema van de server met een FTP programma om zeker te zijn dat het lek ook echt verwijderd is.

Je zoekt een nieuw thema/plugin, en hoopt dat 1 van de 4000+ bekende lekken niet in je nieuwe thema of plugin zit.

Dat klinkt niet goed, 4000+ lekken?!

Even in perspectief:

Er zijn 42.565 gratis plugins
En naar schatting zo’n 30.000 betaalde plugins

En er zijn sinds 2003 zo’n 150+ WordPress releases uitgebracht waarvan velen voor de beveiliging.

De beveiliging binnen WordPress is wel op orde in tegenstelling tot de partijen die even een plugin of thema maken

Het aantal gratis WordPress thema’s is ook ontelbaar, en de premium themes ook.

WordPress is nog altijd gratis!

En dit lokt zowel gebruikers als hackers over de hele wereld.

Stap 2 uitvoeren

Dit kun je helaas niet met 1 beveiligings plugin fixen, aangezien die beveiligingsplugin de rechten van een bestand op je server niet zal beperken om te functioneren.

Je moet in dit geval zorgen dat een lek geen aanpassingen op server niveau kan doen.

Je haalt dan de schrijfrechten weg van bepaalde mappen zodat het lek er niets in kan aanpassen.

Wat doet een lek in een plugin of thema eigenlijk?

Vaak niets totdat de persoon die het lek kent er opdrachten aan gaat geven. Door middel van een injectie in de browser of via een input veld (XSS)

Slot

Het is dus een eigen keuze of je de plugin of theme volledig vervangt in de hoop dat deze extra werkzaamheden en kosten veiligheid opleveren, of dat je de website tijdelijk “bevriest” zodat hij zal blijven werken zoals hij nu doet.

premium themes

Premium theme’s: voor & nadelen van premium themes

,

Premium themes van Themeforrest, Elegant themes en veel andere grote theme developers worden zeer veel gebruikt. De thema’s zijn mooi, veelzijdig en zien er professioneel uit.

Dat weten de programmeurs maar al te goed, maar de hackers helaas ook. Hackers weten dat de theme’s miljoenen keren zijn gedownload en gebruikt worden over de hele wereld. Om die reden richten hackers zich op die premium themes en schrijven ze scripts die de lekken (exploits) van de themes gebruiken om bestanden neer te zetten op de server.

Wat die bestanden doen kun je hier lezen. En hoe je die geplaatste bestanden kunt herkennen kun je hier lezen.

De premium theme’s hebben enkele grote nadelen als het gaat om de veiligheid van je website. Ze bevatten 2 tot 20x meer code dan eigenlijk nodig is.

Waarom Premium themes meer code bevatten dan nodig is

De premium themes zijn ervoor gebouwd om flexibel te zijn, ze bieden daarom mogelijkheden om content op diverse manieren te tonen. Al deze functionaliteiten worden voor-geprogrammeerd.
In plaats van 3 templates voor de home, sub en single pages hebben ze er 8 + sitebuilders en nog een aantal bestanden die de templates aansturen als je binnen die vorm nog wilt schuiven met de content, of een slider, of functies zoals social media etc.

Ook al gebruik je deze functies niet, ze staan wel op de server en zijn voor hackers te benaderen en wanneer je website niet goed beveiligd is kunnen ze bestanden zelfs uitvoeren waardoor ze veel macht hebben.

Verkeerd gebruik van Premium themes

Mits juist gebruikt is een premium theme een “goedkope” oplossing voor het ontwikkelen van een website. Echter zie ik vaak de fout dat deze flexibele thema’s niet correct gebruikt worden en “voor het gemak” grafische aanpassingen buiten de mogelijkheden van het thema om in de code gezet worden. (hardcoding)

Wat je dan krijgt is dat je de theme niet kunt updaten! Aangezien een update nieuwe bestanden bevat en je dus grafische veranderingen krijgt. Vooral wanneer een programmeur de code erin heeft geschreven (wellicht ook door gebrek aan kennis van premium themes en alle mogelijkheden) kun je als website eigenaar geen update doen zonder alle aanpassingen van de vorige keer weer door te laten voeren in de nieuwe.

Vaak worden premium themes daarom niet ge-update en bevatten ze lekken.

Een premium theme “gratis” downloaden

Het “gratis” downloaden van een premium theme die eigenlijk betaald moet worden is de grootste fout die je kunt maken!

De personen die deze betaalde theme’s erop zetten plaatsen GRATIS een stukje extra code in de theme.

Die code publiceert informatie waarmee ze de theme terug kunnen vinden in Google, ze laten dan een query los op je website en hebben daardoor toegang tot je server, de website, je WordPress admin.

Kortom zoals ik in een vorig artikel schreef: goedkoop is duurkoop hacken is gratis.

Het juiste gebruik van een premium theme

Voor het gebruiken van een premium theme moet je jezelf inlezen in de mogelijkheden, daarna kijk je rustig even door alle menu’s die het thema in je admin heeft gezet en bekijk je de mogelijkheden zodat je een invulling kunt geven aan je website.

Bij de meeste premium theme’s zijn er voor-geprogrammeerde mogelijkheden voor het invullen en kiezen van de volgende zaken:

  • Je logo
  • De sliders (middels een build-in-slider of revolution slider)
  • De kleuren van het thema
  • De intro teksten, landingspagina teksten, de author teksten
  • De favicon (het kleine bookmark icoontje)
  • Lettertype keuzemogelijkheden
  • Formulieren
  • en meer..

En de thema’s bieden dan ook nog mogelijkheden voor in-content shortcodes, tabs en jquery oplossingen en meer.

Kortom, als je zo’n thema hebt gekocht kun je ontzettend veel, en is het geen goed plan om dingen “even gemakkelijk” te hardcoden in het thema zelf.

Wanneer je alle instellingen in het admin panel en WordPress zelf hebt gedaan, kun je nadat je een backup hebt gemaakt je thema updaten wanneer er een nieuwe versie uit is.
Diverse thema’s bieden hiervoor ge-automatiseerde updates, en andere moet je handmatig via de ftp doen.

Tip voor programmeur/vormgevers

Elegant themes geeft je voor 1 vast bedrag toegang tot alle themes. Ze hebben nog enkele plugins zoals extra shortcodes die je kunt downloaden en ze hebben thema’s in diverse categoriën.

Als je echt zeker wilt zijn van een veilig thema

Je kunt een thema ook op maat laten ontwikkelen door OntwerpExpert. Dan heb je een thema/website die doet wat jij wilt zonder dat je extra’s hebt die de website trager maken of openingen vormen voor hackers.

Een thema op maat aan  de hand van een psd ontwerp heb je al vanaf 225,- en wanneer je een ontwerp wilt laten maken in Photoshop kan OntwerpExpert dat ook voor je realiseren.
Een thema op maat is bovendien niet bekend bij de hackers, en dat zorgt ervoor dat je geen updates hoeft te volgen voor het thema.
Gemak dient de mens!

welk lettertype

Welk lettertype is dit?!

,

Heb je dat ook wel eens? Je ziet een mooi lettertype maar heb geen idee hoe het heet.

Gelukkig is er een online tool dat aan de hand van een afbeelding scant welk lettertype er mogelijk gebruikt is.

What the font! is de website met de gratis tool om erachter te komen welk lettertype er gebruikt is.

Dit scheelt jou of je vormgever veel tijd en geld aangezien er duizenden lettertypes op internet staan.

lettertypen-fonts

Als je dit lettertype op je website wilt gebruiken

Grote kans dat het beschikbaar is via Google fonts, dat zijn lettertypen die toe te passen zijn op je website zonder dat je er afbeeldingen van moet maken.

Lees mijn artikel over Google fonts als je er nog niet bekend mee bent.

Welke lettertypen het internet standaard ondersteund

Ben je benieuwd welke lettertypen het internet standaard ondersteund? Lees dan het artikel over Typografie en basic lettertypen en fonts

Zo! Nu ben je een stuk wijzer geworden over lettertypen en het achterhalen ervan. Het belang wordt vaak onderschat maar buiten een ontwerp zit je toch 90% naar de letters te staren op het internet 😉

responsive wordpress website

Je WordPress website responsive maken zonder plugins

,

Een responsive website, die kun je het beste zelf coderen of laten coderen door een programmeur/vormgever.

Waarom geen gebruik maken van plugins?

Er zijn diverse plugins die van jouw WordPress website een mobiele variant maken, een website die zich aanpast aan het formaat van een tables, smartphone of aan een brede monitor.

Iedere plugin die je gebruikt is een potentieel lek in de beveiliging.

Als je een mobiele site met plugins maakt, waarbij je moet denken aan een scaling plugin, een responsive menu plugin, een widgets plugin, een image resize plugin.. dan zit je al snel op 3-4 plugins alleen maar om een mobiele versie te tonen aan je bezoekers.

De website wordt er tevens niet bepaald sneller en veiliger op, en de website krijgt vaak een heel ander uiterlijk waardoor de desktop bezoekers niet dezelfde gebruikerservaring met je site hebben zoals ze die kregen op de desktop.

De website responsive maken zonder plugins

Als programmeur kun je een mobiele site maken door de bestaande elementen van de site te gebruiken en te voorzien van aangepaste formaten op basis van schermbreedte. Door middel van een stylesheet (CSS) op maat.

Mocht je niet weten hoe je moet beginnen met het maken van een mobiele site, lees dan hieronder de tutorial:  ,,Hoe je start met het coderen van een mobiele versie”

Als je geen programmeur bent kun je een programmeur inhuren die veel ervaring heeft met het omzetten van WordPress websites naar mobiele formaten.

Hoe je start met het coderen van een mobiele versie

De viewport

Gemakkelijk te vergeten, maar wel heel belangrijk! De viewport zorgt ervoor dat je media query de breedte van een scherm te weten komt.
<meta name="viewport" content="width=device-width, user-scalable=no">
Deze viewport metatag kan een apparaat/css ook aansturen op de grootte die weergeven moet worden voor het geheel.

We hebben de media query’s

Waarbij je op basis van de scherm grootte kunt aangeven wat te doen met de Div’s, titles, paragraphs.


@media screen and (min-width: 600px) and (max-width: 900px) {
/* Hier je css */
}

Alles wat je tussen die media query zet van 600 tot 900 pixels zal worden weergegeven bij dat scherm formaat.

Vergeet niet de query te sluiten!

Extra toelichting: Mocht je in je reguliere stylesheet al css code hebben met !important zul je deze moeten overschrijven met !important of de “belangrijkheid” weg moeten halen bij je reguliere css. Anders gebeurd er natuurlijk niets met het element.

Werkt de media query? Testen is weten!

Je hebt wel eens dat je code toevoegt aan een bepaald formaat en dan gebeurt er niets.. zorg eerst dat je zeker weet dat de css gebruikt wordt bij een bepaald formaat.

Wat ik vaak doe is eerst even een code schrijven dat de gehele body background verkleurt bij een bepaald formaat.

Bijvoorbeeld:

@media screen and (min-width: 600px) and (max-width: 900px) {
body { background-color: red !important; }
}

Dan bekijk je de website met je mobiel, tablet of je schaalt het scherm in je browser en je kijkt of de achtergrond tussen de 600 en 900 pixels rood wordt.

Fluid versus Fixed

De meningen verschillen enorm in de keuze voor Fluid of Fixed en daarom moet je gewoon doen wat jij het gemakkelijkst vindt.

De uitleg van Fluid en Fixed

Fluid is engels voor “vloeibaar” en houdt in dat je de wrappers (uiterste divs) op 100% zet. Het schaalt mee met de grootst mogelijke breedte van je apparaat.

Hierdoor bereik je dat je de maximale breedte kunt gebruiken maar met nadeel dat elke apparaat zijn eigen breedte heeft.

Fixed is een vaste waarde. Dan bepaal je per media query breedte hoe breed een wrapper wordt.

Hoe bepaal ik de flexibele breedtes

Dit kun je ook op verschillende manieren doen. Bijvoorbeeld vanaf 1000px, van 750 tot 1000px, en van 250 tot 750px.

Denk aan de 1000+ als op de computer, de 750 tot 1000 als voor de tablet in landscape modus, en de 250 tot 750 voor de tablet portrait modus en de telefoon op landscape modus.

Let op! Deze pixel breedtes wisselen jaarlijks aangezien de tablets steeds scherper worden en het per pixel gaat.

Dit was de start voor het maken van een responsive website zonder plugins!

Het gaat er in ieder geval om dat het relatief simpel te bereiken is zonder plugins, wat een betere basis vormt voor de snelheid en veiligheid van je WordPress website.

wordpress template op maat

Hoe maak je een eigen page template? Zo!

,

Een eigen template maken zodat je die willekeurig per pagina kunt gebruiken zorgt ervoor dat je pagina’s kunt tonen zonder-of-met sidebar. Speciale landingspagina’s kunt aanmaken of blogpagina’s.

Een eigen template maken is niet zo lastig! Als je maar weet hoe. Ik zal het in stappen laten zien..

Stap 1 – Open de page.php of single.php met je externe editor

Dit kun je doen met bijvoorbeeld Filezilla of met Notepad++.

ScreenHunter_68 Feb. 11 01.43

Stap 2 – Sla het bestand op met een andere naam

Wanneer je het bestand hebt geopend sla je die als eerste op met een andere naam, bij page.php kun je die opslaan als page-breed.php als voorbeeld. Het maakt niet veel uit hoe dit bestand heet voor de werking van de template, zolang je maar een nieuwe niet-bestaande naam gebruikt. En je het kan onthouden voor als je er nog eens in wilt werken.

Stap 3 – Plaats de template naam bovenaan je nieuwe template

<?php /* Template Name: Mijn nieuwe pagina */ ?>

ScreenHunter_68 Feb. 11 01.56
Deze bovenstaande code plaats je helemaal bovenaan je nieuwe bestand, verzeker jezelf ervan dat je in het nieuwe bestand aan het werken bent met je editor en sluit voor de zekerheid het basis page.php bestand.

De naam kun je veranderen naar wens, laat wel de /* */ erin staan want deze zorgen dat het een informatieve comment is. WordPress leest dit goed.

Stap 4 – Selecteer de template voor je pagina’s

Bij het overzicht van je pagina’s kun je klikken op “snel bewerken” en onder sjabloon kun je kiezen voor de nieuwe template.

ScreenHunter_68 Feb. 11 01.57

 

Zo simpel is het in WordPress! Je moet het alleen even weten.

Vindt jij het nog steeds ingewikkeld? Naast het herstellen en beveiligen van WordPress websites hebben wij soms tijd over en kunnen we zo een template voor je maken.

Informeer naar de mogelijkheden en beschikbaarheid.

Een eigen template, waarom?

Velen kiezen voor gemak en zetten 2-3 plugins in om een unieke pagina te genereren. Maar zoals je vaker op WPbeveiligen kunt lezen is het belangrijk om het aantal plugins te beperken. Een template is dan een goede oplossing, zo kun je blog pagina’s aanmaken of landing paginas.

wordpress widgets

WordPress widgets, zo werkt het!

,

WordPress widgets zijn kleine plugins die je de sidebar kunt zetten. Ze zijn gemakkelijk te activeren, te verplaatsen, of tijdelijk weg te zetten.

Widgets heb je in veel soorten, WordPress levert standaard widgets die de laatste berichten vertonen, een widget waarmee je in kan loggen op je admin, een widget die je berichten per maand vertoont, een widget die de laatste x aantal berichten vertoont, een widget met een kalender. De meest gebruikte widget is de textwidget waarmee je html en tekst kan tonen.

Je begrijpt het idee, veel mogelijkheden dus en zeer flexibel aangezien je ze simpelweg kunt slepen en niets hoeft te programmeren.

Bovendien zijn er veel modules/plugins die een widget genereren zodat je ze kunt gebruiken in de sidebar.

Zo ziet een widget eruit in je admin

voorbeeld tekst widget

Standaard staan de widgets ingeklapt, je kunt erop klikken zodat ze uitgeklapt worden en je ze kunt aanpassen. Hier zie je een textwidget, bij de titel kun je de naam van de widget bepalen die je ook in je website zult zien staan boven de widget. Daaronder kun je html en text plaatsen.

Voor het gebruiken van php binnen je widget kun je een module/plugin downloaden die php laat uitvoeren in de text widget.

Vergeet na het aanpassen niet op de “blauwe knop” te klikken om de wijzigingen op te slaan en live te publiceren.

WordPress widgets bewaren die je niet gebruikt

voorbeeld widgets die niet gebruikt worden

Stel je voor, je hebt een stukje tekst geschreven in de textwidget of je hebt een widget waar je veel instellingen voor kunt kiezen. Dan is het prettig om die te bewaren, ook al wil je hem op dat moment nog niet live zien. Dit kun je doen door de widget ingeklapt te slepen, je sleept hem dan naar de Gedeactiveerde widgets waar de instellingen bewaard blijven tot wanneer je hem wilt gebruiken.

WordPress widgets slepen

wordpress widget slepen

Het slepen spreekt redelijk voor zich, je hebt er wel een thema voor nodig met een sidebar. Mocht het slepen of opslaan niet goed gaan kan het zijn dat je browser ondersteuning niet voldoende is (oude browser) of dat je WordPress admin niet goed functioneert. Tip: Het opnieuw uploaden van het admin of het slepen met een andere browser kan dan helpen.

5 super widgets!

  1. De “Count per day” widget laat in je sidebar zien wat de bezoekersaantallen zijn.
  2. De widget die meekomt met de Contact forms 7 plugin geeft je de mogelijkheid om een contactformulier te tonen in de sidebar.
  3. De WP Polls widget toont een poll in je sidebar.
  4. Met de Nextgen Gallery plugin en bijgesloten widget kun je een slideshow of foto-album tonen in je sidebar.
  5. Php uitvoeren in je widget doe je met de PHP text widget plugin. Standaard laat WordPress het namelijk niet toe om php uit te voeren.
lettertype

Typografie – Basic lettertypen & Generated fonts

,

Wanneer je een website ontwikkelt of laat ontwerpen is die vooral bedoeld voor het weergeven van informatie. Denk aan persoonlijke informatie en productinformatie voor verkoop en/of business. Het opvallende aan veel websites is dat er door webdesigners gelet wordt op aspecten zoals de vormgeving, er wordt ook veel tijd besteed aan kleurgebruik en aan afbeeldingen. Kortom de globale uitstraling die de website heeft.

Wat veel vergeten wordt, en vaak ook erg saai gevonden wordt is de keuze van de lettertype. (Ook wel typografie genoemd)
Dit terwijl het zeer bepalend is voor de bezoeker of letters te lezen zijn, of letters chique zijn of zakelijk zodat zij de juiste gevoelswaarde krijgen.

Over welke lettertypen beschikt de browser standaard?

Standaard heeft de browser beschikking tot enkele soorten, voornamelijk de soorten die windows/mac ondersteunen.  Denk hierbij aan:

G Georgia Chique
A Arial Strak en zakelijk
V Verdana Regulier
H Helvetica Helder en strak
c Courier New Oud formeel, typemachine
I Impact Opvallend, dik, belangrijk
N Times new roman Chique als voor een brief
 C Comic Sans Losjes, Komisch


Er zijn nog meer lettertypen maar die lijken veel op deze, dat zijn variaties.

Het verschil tussen deze basic lettertypen zijn gemakkelijk te onderscheiden. Arial, Verdana, Helvetica, Impact zijn vrij strakke lettertypen zonder de puntige of ronde hoekjes. Georgia en New times roman hebben sierlijker vormen en extra hoekjes die de lettertypen een chiquere uitstraling geven. En over Comic Sans willen we het niet hebben, deze vrolijke lettertype wordt te veel voor serieuze websites gebruikt terwijl het vooral Comic is, denk hierbij aan clowns, kermis en grappige verhalen.

De meest gebruikte lettertypen

Het verschil tussen de basisvormen van fonts: Arial, Verdana en Helvetica worden vrijwel het meeste gebruikt. Deze zijn ook op kleine schermen, smartphones en dergelijken goed te lezen. Ze bevatten weinig extra hoekjes (pixels) en zijn recht.

Als je wilt wisselen tussen tekststylen  om de website interessanter te maken kunnen we je aanraden om dikgedrukt, of cursief te gebruiken of wellicht een grotere variant van een lettertype. Meer dan 1 (max 2) lettertypen op 1 pagina zijn een absolute afrader!

Dat wat betreft de basic lettertypen die de afgelopen jaren veel zijn gebruikt bij websites.

Dynamisch gegenereerde fonts

Dynamische fonts zijn sinds de opkomst van functioneel Jquery goed te genereren voor zowel de nieuwere browsers als de oudere en de meeste smartphones! En dat is goed nieuws voor webprogrammeurs en gebruikers van Content Management systemen die gemakkelijk mooie fonts willen gebruiken voor titels en navigatie van de website. De crossbrowser scripttaal jQuery genereerd lettertypes die standaard niet vertegenwoordigd worden door de browsers en/of de besturingssystemen.

De nieuwe fonts en zoekmachine’s

Het belangrijkste aspect van de nieuwe technieken is dat ze ook s.e.o (zoekmachine) verantwoord zijn. Ze zijn goed leesbaar door zoekmachines aangezien de broncode niet wordt gewijzigd! Ze worden dynamisch gewijzigd voor het oog van de bezoeker!

Lees meer over de dynamische fonts.

elegante wordpress themas

Elegante WordPress thema’s

,

WordPress themes vindt je in alle varianten, van “back to basics, less is more” tot themes die je overdonderen met de nieuwste jQuerie programmeringen waarbij beelden, buttons en mouse-overs zorgen voor een inter-actief effect.

Als programmeur hebben wij alles een keer ontworpen en geprogrammeerd, elke klant heeft zijn eigen visie, en daarom is het belangrijk dat een thema flexibel is. In dit artikel bespreek ik een bedrijf dat bijzonder inspirerend is en al jaren elegante WordPress thema’s maakt. Wellicht heb je er al een keer van gehoord, het bedrijf: Elegant Themes. Als je op de link klikt kun je direct enkele van hun ontwerpen zien. Het ontwerpen en programmeren van themes voor WordPress is hun core business. Geregeld zie je een nieuwe thema’s en tussentijds lanceren ze nieuwe features en plugins die hun thema’s meer dan interessant maakt. (Juist ook voor de nieuwelingen in het web-en-blog-wereldje!)

De shortcodes, bijzondere functies met enkele muisklikken

ElegantThemes versterkt de thema’s door middel van Shortcodes die bijzondere programmeringen oproepen binnen de content, denk bijvoorbeeld aan Jquery tabs, waarbij je zonder de website herladen meer informatie kan vertonen binnen een vlak. Mooie knoppen, uitschuifbare content vlakken. We denken aan Social buttons als Facebook, Twitter, Digg, ingezet in een pagina of post met een muisklik door middel van de Monach plugin die je er bij het pakket voor slechts $80-90 bij krijgt.

Veel premium thema’s kosten $50-60 per stuk bij andere ontwikkelaars, bij elegant thema’s krijg je toegang tot 85+ thema’s voor omgerekend $1 per stuk!

De voordelen van Elegant Themes

Het belangrijkste waar wij als beveiligers van WordPress sites blij van worden: als je de thema’s activeert heb je geen extra plugins nodig!
Bij veel premium thema’s moet je nog een contact plugin installeren, bij ElegantTheme’s zit de code voor een mooi formulier al in de contact pagina. De featured slider zit er ook al bij, waar je die bij vele andere premium plugins nog los moet installeren.

ElegantThemes maakt zulke complete thema’s waardoor je zo een 3-5 plugins bespaart. En wie de artikelen van ons vaker leest weet dat iedere extra plugin weer een deur is voor hackers en scripts.

De extra’s en thema’s die recent gelanceerd worden krijgen geregeld updates, niet alleen in de nieuwe thema’s maar ook in de thema’s die ze een jaar geleden of langer hebben gelanceerd!

Waar ElegantThemes al enkele jaren bekend om staat is het mooie en gebruiksvriendelijke admin panel dat meekomt als je een thema activeerd. Je vind het panel onder appearance/weergave waar je opties kan veranderen als: het logo, de plaats van het navigatie menu, de aanwezige of zichtbare menu-items, de aanwezige category’s en in veel thema’s vindt je zelfs een kleurenschema met 3-5 verschillende keuzes die de links, titels en achtergronden wijzigen in een bepaalde kleur.

Ook het inzetten van extra code in de header en footer is gemakkelijk te plaatsen via het panel, denk bijvoorbeeld aan de code voor Google Analytics of advertising codes.

WordPress themes zijn compatible in meerdere browsers, denk aan Mozilla Firefox, Internet explorer, Safari etc. Themes van Elegant Themes zijn snel geladen en w3c-valid. Deze aspecten stimuleren bezoekers om meerdere pagina’s te bezoeken en door te lezen, ook Google geeft je website met een goede programmatische structuur meer waarde.

Premium WordPress thema’s tegen een zeer lage prijs!

In tegenstelling tot de prijzen die je vaak ziet bij Premium thema’s zijn deze thema’s al beschikbaar vanaf 69-85 dollar per jaar! Alle thema’s!

Bezoek ElegantThemes eens en kijk of er een thema voor je website is die je mooi vind!

 

Wat is een WordPress theme?

,

Een wordpress theme (NL: Thema) is het uiterlijk van de website. Je kunt het zien als het plaatwerk van een auto.|

Screenshot_22 May. 29 13.04

WordPress zelf is de motor en zorgt voor de content. De theme geeft een output aan de content en zorgt ervoor dat het gemakkelijk te lezen is voor de bezoeker.

Screenshot_22 May. 29 13.05

WordPress themes heb je in verschillende maten en kleuren. Ook qua automatisatie is er veel verschil!

Een goede WordPress theme is belangrijk! Je kunt nog zo’n goede tekstschrijver zijn, of nog zo’n goed bedrijf.. Een wordpress theme kan jouw website maken of breken!

Wat is een goede WordPress theme?

  • 1 waar niet te veel plugins bij moeten worden gebruikt (security)
  • Een thema dat qua kleur te configureren is (voor als je geen code-kennis hebt)
  • Responsive, een thema moet ook goed werken op de mobiel en tablet
  • Aantal templates, hoeveel voorgeprogrammeerde layout’s zitten er standaard bij
  • Veiligheid, staat het thema niet bekend als zijnde gehackt (check hier)
  • Is het thema netjes gekocht door jou of de programmeur (geen Nulled!)