Category: WordPress-tips

  • 3 supertips over witregels in je WordPress-website

    Super-irritant voor de één, een blessing voor de ander: automatische witregels in WordPress.

    Om met de oplossing te beginnen: TIP 1 – Voor een simpele line break (tekst gaat direct door op de volgende regel) gebruik je in WordPress shift + enter.

    Waarom WordPress een witregel geeft als je [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][enter] toetst

    WordPress wil haar gebruikers (website-eigenaren zoals jij) helpen om aantrekkelijke websites te maken. Daarbij horen webteksten die uitnodigend zijn om te lezen.

    Internetgebruikers (waaronder jijzelf, én jouw bezoekers) lezen maar weinig op een website. Websites worden nu eenmaal anders gebruik dan bijvoorbeeld boeken, of zelf kranten, en met goede reden.

    Wat je bezoekers wél doen: ze scannen tekst snel op relevantie en houden van hapklare brokken en heldere volgende acties. Websites met grote lappen tekst worden gemiddeld helemaal niet aantrekkelijk gevonden. Korte alinea’s met heldere kopjes zijn wél populair.

    Irritant?

    Er zijn ook veel mensen die het maar niets vinden dat WordPress ongevraagd een witregel invoegt. Voor jullie zal het al helpen om te weten dat je met shift + enter dus wel gewoon op een volgende regel doorgaat.

    En er is nog een andere manier: TIP 2 – Je werkt normaal waarschijnlijk in het tabje Visueel (rechts bovenin je tekstbewerkingsblok). Switch naar het tabje Tekst en je kunt gewoon ‘enteren’ zoals je gewend bent. 

    Misschien helpt het je ook dat je nu het waarom begrijpt… en misschien wil je zelfs toch ook wel je eigen schrijfgedrag aanpassen. In ieder geval heb je nu de keuze.

    Tip voor op jouw website

    TIP 3 – Probeer het gewoon eens! Omarm de witregel :P. Als jij door wilt op een volgende regel, kies dan in plaats daarvan voor een nieuwe alinea. En als je normaal gesproken een nieuwe alinea zou beginnen, voeg dan ook een tussenkopje in.

    Extra voordeel: als je in je tussenkopjes de keywords van je website gebruikt, is dat ook weer goed voor je zoekmachineoptimalisatie. Dus twee vliegen in één klap.

    Succes ermee![/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

  • Waarom ik het Avada WordPress theme gebruik voor mijn websites

    Wat is een theme?

    Als WordPress je huis is, is je theme de inrichting. Dat bepaalt hoe alles eruitziet: licht, donker, speels, robuust, strak, fleurig, zacht of stoer.

    Je eigen stijl

    WordPress heeft wel een gratis ingebouwd theme, maar als je echt helemaal je eigen persoonlijkheid aan je website wilt geven, is het belangrijk om precies te kiezen wat bij je past en wat je onderneming nodig heeft, nu en later.

    Ik heb in de loop der jaren ruim over de 100 websites gemaakt en met bijna 100 verschillende themes gewerkt, en één van de themes die er uit springen, was Avada.

    Zwitsers zakmes

    Avada is (zoals de makers zelf zeggen) het Zwitserse zakmes van WordPress. Het is alle interieurstijlen die je je zou kunnen wensen in één. Het is ook al jarenlang het best verkochte WordPress-theme, blijft zich vernieuwen en levert uitstekende support.

    Solide en sexy

    Als je eenmaal je weg kent in de instellingen, tover je in een handomdraai de gewenste layout tevoorschijn. Dit scheelt veel ontwikkeltijd.

    Het is solide én sexy en… zowat alles waar je vroeger een plugin voor zou hebben willen installeren, zit bij Avada ingebouwd. Je betaalt eenmalig $ 59 voor het theme (prijs inclusief een halfjaar support – september 2016).

    Nadeel: waarschijnlijk meer dan je nodig hebt

    Er is ook een nadeel aan Avada: het is zo uitgebreid, het is onwaarschijnlijk dat je alle features gaat gebruiken. Alsof je een prachtige, grote, goed uitgeruste gereedschapskist hebt: voor elk wat wils, en op één of andere manier ook altijd net wat je zoekt, maar als je echt alleen een schilderijtje gaat ophangen net wat te veel van het goede ;). Voor wie WordPress net leert kennen, kan de hoeveelheid instellingen (ahum, mogelijkheden) ook indrukwekkend of overweldigend zijn. Dan is het fijn als je wat hulp hebt van een expert.

    More is better? Soms..

    Meestal zeg ik: less is more. In dit geval zeg ik: hangt ervan af :). Dit theme stelt mij in staat op bijna alle klantvragen ja te zeggen: Kan dit ook? Ja! Kan ik zus ook aanpassen? Ja! Is er een [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][shortcode] voor dat? Ja!

    Enthousiaste ondernemers worden er heel zelfredzaam van en omdat veel van mijn klanten iets nieuws ontwikkelen (net starten of toe zijn aan een volgende stap in hun bedrijf) is het belangrijk dat zij iets kopen waar ze in kunnen groeien, zonder al te afhankelijk te zijn van hun webbouwer.

    Plus… ik kan er zelf ontzettend snel mee werken. Dat vind ik fijn en het drukt de kosten voor iedereen.

    Slank alternatief

    Zoek je toch iets slankers? Genesis van StudioPress is een lichter framework waarmee WordPress-developers graag themes ‘from scratch’ ontwikkelen. Genesis is fantastisch en staat ook hoog aangeschreven. Om hiermee zelf je website te veranderen, moet je wel aardig ingevoerd zijn in WordPress. Voor klanten die geen WordPress-achtergrond hebben en wel zelfredzaam willen zijn met hun website, adviseer ik daarom meestal toch Avada, en daar gaat dit artikel over.

    Avada theme demo

    Je kunt hier de demo bekijken, die ziet er uit als een promotiewebsite voor Avada zelf. Alles wat je in die demo ziet, kun je met behulp van instellingen en ingebouwde [shortcodes] zelf ook realiseren in je eigen website.

    Dus de impactvolle afbeeldingen over de hele breedte, hoe de knoppen eruitzien en wat ze doen (popup of naar andere pagina), professioneel opgemaakte prijstabellen, mooi weergegeven testimonials, de verschillende slidertypes, kolommenlayout, subtiele beweegeffecten enz. Ik wil je hier niet ‘doodgooien’ met jargon dus stel voor dat je gewoon een kijkje neemt.

    De voorbeeldwebsites die je ziet (Travel, Webshop, Agency, Photography, Lifestyle, Café etc), zijn (meestal, en nadat je het theme hebt geactiveerd) met één druk op de knop te installeren. Wie het vaker heeft gedaan of een handige jongen/meid is, zal in een paar dagen echt iets heel moois kunnen maken.

    Responsive?

    Natúúrlijk. Als jouw website nu nog niet goed werkt op verschillende apparaten, wordt het hoe dan ook tijd voor een update.

    Conclusie

    Avada is als Ikea. Soms kun je er gewoon niet omheen. Want: mooi, praktisch, trendbewust en tijdloos tegelijk. Kan je hele leven met je meegroeien, is betrouwbaar én origineel. Het is design for the masses. (En ja, ‘t kan alsnog een klus zijn zo’n ding in elkaar te zetten ;P.)

    Mijn huisinterieur sprokkel ik liefst bij elkaar op verre reizen en obscure marktjes. Bij Ikea zie je me niet zo gauw (en 1x per jaar dan toch). Maar als ik websites bouw, eerlijk is eerlijk, pak ik het minder exotisch aan. Dan kies ik voor fris design en bewezen kwaliteit. Dan wordt ‘t dus vaak Ikea.

    Avada, dus.[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

  • WordPress-tip: Je dashboard opruimen

    Houd jij je werkplek ook graag schoon? Is het je wel eens opgevallen dat je WordPress-dashboard standaard allerlei informatie toont waar je helemaal geen behoefte aan hebt als je gewoon een nieuwe blogpost wilt schrijven of je pagina’s bijwerken?

    Houd je liever ruimte vrij voor productiviteit en inspiratie? Het is zó gefixt, je moet alleen het knopje even weten te vinden:

    Zorg dat je je dashboard voor je ziet (klik anders links bovenin het WordPress-adminmenu op Dashboard).
    Klik dan rechts boven in je scherm op Scherminstellingen. Een sliding bar met opties komt naar beneden. Ieder vinkvakje staat voor één van de infoblokken in je dashboard. Bekijk wat je wel en niet wilt hebben.

    scherminstellingen-wordpress-dashboard-opruimen

    Mijn suggesties:

    Heb je een blog, vink dan aan:

    • Op dit moment
    • Activiteit
    • En eventueel: versneld concept

    Ik gebruik die laatste optie graag om ideeën voor een blogpost die ik later wil uitwerken, snel te bewaren. Die ideeën staan dan meteen op de juiste plek.

    Als je plugins hebt geïstalleerd die juist info tonen op je dashboard omdat dat handig is (zoals Google Analytics), laat je die natuurlijk staan.

    Gebruik je de blogfunctie van WordPress niet, toon dan alleen Op dit moment.

    Opgeruimd staat netjes!

     

    P.S. Pro-tip: op dezelfde manier kun je je Bericht- en Paginabewerkingsschermen naar je wens inrichten!

  • WordPress-tip: Een afbeelding in de zijbalk plaatsen

    Vandaag kreeg ik een vraag van een klant:

    Ik wilde een foto vervangen op mijn website in de ‘sidebar blog’, maar dat is mislukt.
    Ik weet wel hoe je een foto in een pagina moet invoegen, maar in een widget werkt het blijkbaar weer anders en ik weet niet hoe.
    Wil je mij laten weten hoe ik in die widget weer een foto kan plaatsen?

    Twee manieren
    Er zijn twee manieren om een afbeelding (foto, tekening, banner, pdf) in de zijbalk te plaatsen:

    1. Met behulp van een afbeeldingswidget
    2. Door html te typen of plakken in een tekstwidget

    1.  Afbeeldingswidget

    Deze manier heeft als voordeel dat het uploaden van een plaatje in je zijbalk voortaan net zo werkt als in een pagina of bericht. Een nadeel: de afbeeldingswidget zit (nog) niet standaard met je WordPresspakket meegeleverd. Daarom moet je eerst een plugin downloaden en activeren. Daarna zal de widget beschikbaar zijn.

    Hier zijn de stappen:

    1. In je WordPress-admin, ga naar Plugins, Nieuwe plugin.
    2. In het volgende scherm zoek je via het zoekveld naar “Image widget”.
    3. Kies de plugin van Modern Tribe Inc. door te klikken op Nu installeren.
    4. De plugin wordt geinstalleerd en waarschijnlijk automatisch geactiveerd.
    5. Ga nu naar Weergave, Widgets. Dit is de pagina waar je widgets kunt plaatsen in de diverse ‘zijbalkgebieden’ van je website. De pagina bestaat uit drie delen: links het WordPress-menu, in het midden alle beschikbare widgets en ten slotte rechts de zijbalken.
    6. Vind de ‘Afbeelding widget’ en sleep die widget naar de gewenste zijbalk (of klik op de widget, selecteer de juiste zijbalk en klik Toevoegen).
    7. Je kunt nu een afbeelding toevoegen zoals je gewend bent te doen in een pagina of bericht. Eventuele tekst schrijf je in het veld ‘onderschrift’.

    2.  HTML typen of plakken in een tekstwidget

    Deze manier heeft als voordeel dat je meteen aan de slag kunt, zonder een plugin te hoeven installeren. Je moet wel een beetje comfortabel zijn met (het knippen en plakken van) html. (Lees deze manier sowieso even; het is altijd handig om te weten hoe je een WordPress-pagina of -bericht kunt gebruiken om html-code te genereren!)

    1. Open een nieuw bericht of pagina.
    2. Voeg hier de afbeelding in zoals je gewend bent te doen.
    3. Klik rechts bovenin op het tabje Tekst (naast WYSIWYG)
    4. Je ziet nu de html-code die bij het de ingevoegde afbeelding hoort. Deze code zegt iets over de locatie van de afbeelding, de uitlijning, de afmeting enz. Kopieer deze volledige html-code, die begint met < en eindigt met >.
    5. Ga nu naar Weergave, Widgets. Voeg een tekstwidget toe aan de zijbalk waar het plaatje moet komen.
    6. Plak de html-code in de tekstwidget. Wil je nog tekst typen die bij het plaatje hoort, dan kan dat gewoon in dezelfde widget.

    Een paar tips nog:

    • Bij het uploaden van een plaatje, kun je kiezen waar het naartoe linkt. Kies hier Geen (als je op het plaatje klikt, gebeurt er niets) of vul de url in van een relevante pagina in jouw website.
    • Zorg bij het invoegen van het plaatje (in de widget of pagina/bericht) dat het al de gewenste afmeting heeft. Je kunt de afmeting instellen als je op het punt staat om het plaatje in te voegen. Klik dan op Afbeelding bewerken en schaal de afbeelding naar het juiste formaat.

     

    Veel plezier!

  • WordPress: meerdere pagina’s of berichten tegelijk bewerken

    Soms wil je iets veranderen aan je website op meerdere of zelfs alle pagina’s of berichten tegelijk. Dat kan heel makkelijk, maar de functie zit een beetje verstopt. Toch is het heel handig om te weten. Wat je dan namelijk bijvoorbeeld kunt doen:

    • Reacties uitschakelen voor alle pagina’s
    • Alle berichten toewijzen aan één auteur
    • Meerdere pagina’s een bepaald sjabloon geven
    • Meerdere berichten een nieuwe categorie geven

     
    En hoe makkelijk gaat dat dan? Zo:

    1. In je adminpanel, ga naar Alle pagina’s of Alle berichten
    2. Vink alle pagina’s of berichten tegelijk aan met het bovenste vinkvakje, of kies alleen de pagina’s en berichten waar het om gaat
    3. Selecteer Bewerken in de dropdown ‘Acties’ er vlak boven en klik dan Uitvoeren:
       
      Schermafbeelding 2013-10-12 om 18.45.22

      4.  

    4. Pas aan en klik Bijwerken (blauwe knop rechts):
       
      Schermafbeelding 2013-10-12 om 18.47.05

     

    Nu kun je in WordPress meerdere pagina’s en berichten tegelijk bewerken. Easy-peasy!

  • WordPress: de 4 basics waarmee je je website beschermt tegen hackers

    Bericht van je hostingprovider: “We hebben je website offline gehaald, want er was onwaarschijnlijk veel verkeer op je website. Er is iets niet in de haak.”

    Schrikken, ja. Helaas gebeurt het nog steeds, en de laatste tijd wat vaker onder WordPressgebruikers wereldwijd. Als je de tips in dit artikel volgt, voorkom je dat jij de volgende bent.

    Wat er waarschijnlijk aan de hand is in bovenstaand scenario: hackers proberen via robots achter je wachtwoord te komen door duizenden keren een inlogverzoek op je website te doen, steeds met een ander wachtwoord.

    Andere klanten van je hostingprovider hebben hier ook last van, en dus besluit je host om jouw website offline te halen. Dit is als er alleen nog maar geprobéérd wordt om je site binnen te dringen. Tip 2 in de video gaat jouw redding zijn.

    Is het de hackers eenmaal gelukt je site binnen te dringen, dan ben je wel iets verder van huis; jouw website wordt vanaf dat moment gebruikt als parkeerplaats voor allerlei achterkamertjespraktijken van het internet. Je ziet het aan ongebruikelijk hoge bezoekersaantallen. Vaak zijn er bestanden geplaatst die niet op jouw website thuishoren maar wel via jouw domein kunnen worden bezocht, zoals ‘spannende’ plaatjes en contactformulieren voor clandestiene praktijken.

    [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_tagline_box backgroundcolor=”” shadow=”no” border=”1px” bordercolor=”” title=”Als je gebruikmaakt van de eindeloze mogelijkheden van het web, is het belangrijk dat je ook de basics kent van zelfbescherming.” description=”In de video hierboven zie je alles wat je moet weten”][/fusion_tagline_box]

    Succes! Mocht je website al geïnfecteerd zijn, neem dan contact op met je webbouwer. Hij/zij kan je helpen om je website te vernieuwen, weer ‘schoon’ te krijgen en te beschermen in de toekomst. Anders… volg bovenstaande tips op and you’re safe![/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

  • WordPress: Menu’s aanmaken en pagina’s rangschikken

    Deze video laat zien hoe je in WordPress een navigatiemenu aanmaakt, pagina’s op volgorde zet en hoe je dropdowns (sub-pagina’s) in het menu kunt zetten.

    Stap 1: Ga naar Weergave, Menu’s en maak een menu aan
    Stap 2: Wijs als Primaire menu het menu aan dat je zojuist heb aangemaakt
    Stap 3: Vink de pagina’s (en/of evt berichten, categorieën) aan die je in het menu wilt hebben en klik “Toevoegen aan menu”
    Stap 4: Sleep de menu-items op de gewenste plek; laat dropdowns/submenu-items inspringen
    Stap 5: Klik “Menu opslaan”

  • Automatische backup van je WordPress-site

    Let op: dit bericht is verouderd. Op dit moment raad ik een nieuwe backupplugin aan: BackupWordPress.

    Kun jij je laptop stante pede trashen als je er een gloednieuwe voor terugkrijgt? Of ben je dan te veel waardevolle zaken kwijt die dus (oei!) nergens anders dan op jouw computertje te vinden zijn?

    Wat voor de bestanden en instellingen op je computer geldt, gaat ook op voor je website. Alle gegevens die samen jouw website vormen, staan op de computer van je hosting provider. Als daar wat mee gebeurt, dan wil je niet afhankelijk zijn van je host of alles weer teruggezet kan worden zoals het was.

    Als ik een website voor klanten maak, is dit een standaardonderdeel van de installatie: de WordPress-plugin “WP-db-Backup” backupt de inhoud van je website. Al je berichten, pagina’s, widgets en reacties 1 x per uur, dag of week veilig in je inbox of gedownload naar je computer. Die je dan dus wel weer… backupt. Ja.

    Er is een premium plugin die je volledige WordPress-website veiligstelt: BackupBuddy. Op jouw verzoek gebruiken we die.