Skip navigation Menu
Extra informatie

Hayona B2B WordPress Thema

InterPedia is eigendom van online marketing bureau Hayona. Voor WordPress projecten heeft Hayona veel kant-en-klare thema’s geprobeerd, maar bijna altijd met teleurstellende resultaten. Ze zijn meestal te uitgebreid, te zwaar, houden geen rekening met SEO, zijn niet responsive, etc. Uiteindelijk bleek de beste oplossing het ontwikkelen van een eigen WordPress thema. Hiermee kan razendsnel een mooie website gemaakt worden die responsive is, geschikt voor SEO en gemakkelijk aanpasbaar. Dit thema is beschikbaar voor abonnees van InterPedia.

Download het Hayona B2B Thema hieronder. Gebruik ook de onderstaande installatie instructies!

Download het thema hayona-b2b-1.3.zip

Lees mij – installatie instructies

Bedankt!

Bedankt voor het kiezen van het het ‘Hayona B2B’ WordPress thema. We hebben dit thema ontwikkeld, zodat je snel en makkelijk een website op kan zetten. Daarbij ligt de focus op gebruiksvriendelijkheid, conversie en zoekmachine optimalisatie. We blijven dit thema ontwikkelen dus houdt InterPedia.nl in de gaten voor updates.

We hopen dat je dit thema met veel plezier zal gebruiken.

Hayona

Installatie van WordPress

Om dit thema te installeren, dient WordPress al op je webruimte geïnstalleerd te zijn. Als WordPress nog niet op je webruimte staat, kan je deze downloaden op http://nl.wordpress.org/. Sommige webhosts bieden een automatische installatie van WordPress aan. Dan hoef je niks te downloaden en kun je WordPress installeren vanuit het webhosting administratiepaneel.

Handmatige installatie:

  1. Download WordPress op http://nl.wordpress.org/.
  2. Pak het .zip bestand uit en volg de instructies in ‘readme.html’.

Installatie van het thema

  1. Download hayona-b2b.zip van InterPedia.nl en pak het .zip bestand uit.
  2. In de uitgepakte map staat een bestand, genaamd hayona-b2b-thema.zip. Dit is het eigenlijke thema.
  3. Ga na inloggen in WordPress naar ‘Weergave > Thema’s’.
  4. Klik bovenaan op ‘Nieuwe toevoegen’ en vervolgens op ‘Uploaden’.
  5. Klik op ‘Bestand kiezen’ en selecteer het bestand hayona-b2b-thema.zip. Klik vervolgens op ‘Nu installeren’.
  6. Klik na de installatie op ‘Activeren’.

Je hebt het thema nu geïnstalleerd, maar het werkt nog niet helemaal naar behoren. Daarvoor moet je nog een aantal stappen zetten.

Plugins

Om het thema werkend te krijgen zijn 2 plugins vereist *. Daarnaast zijn er nog een aantal plugins die wij aanbevelen om het thema optimaal tot zijn recht te laten komen.

Klik binnen WordPress op ‘Plugins > Nieuwe plugin’ en gebruik het zoekveld om onderstaande plugins te vinden, te installeren en te activeren.

  • Advanced custom fields *
  • OptionTree *
  • Black Studio TinyMCE widget
  • Contact Form 7
  • Display Widgets
  • Easy Fancybox
  • WordPress SEO (Yoast)

Meer informatie over deze en meer plugins: https://www.interpedia.nl/cms/wordpress/beste-wordpress-plugins

Homepage en nieuwspagina instellen

  1. Klik binnen WordPress op ‘Pagina’s > Nieuwe pagina’.
  2. Vul ‘Home’ in als titel van de pagina.
  3. Kies in de rechterkolom in het blokje ‘Pagina-attributen’ onder sjabloon voor ‘Homepage’.
  4. Vul in eerste instantie voor het publiceren de verplichte velden. (‘Header afbeelding’ en ‘Homepage content titel’)
  5. Klik rechts bovenin op de blauwe knop ‘Publiceren’.
  1. Klik binnen WordPress op ‘Pagina’s > Nieuwe pagina’.
  2. Vul ‘Nieuws’, ‘Blog’ o.i.d. in als titel van de pagina.
  3. Klik rechts bovenin op de blauwe knop ‘Publiceren’.
  1. Klik binnen WordPress op ‘Instellingen > Lezen’.
  2. Kies achter ‘Startpagina toont’ voor ‘Een statische pagina’.
  3. Kies achter ‘Voorpagina’ voor de zojuist aangemaakte pagina ‘Home’.
  4. Kies achter ‘Berichtpagina’ voor de zojuist aangemaakte pagina ‘Nieuws’ of ‘Blog’.
  5. Klik onderaan op de blauwe knop ‘Wijzigingen opslaan’.

Leesbare URL’s

Voor de vindbaarheid van je website in Google is het belangrijk dat je gebruik maakt van leesbare URL’s. Volg onderstaande stappen om dit aan te zetten.

  1. Klik binnen WordPress op ‘Instellingen > Permalinks’.
  2. Kies voor ‘Berichtnaam’.
  3. Klik onderaan op de blauwe knop ‘Wijzigingen opslaan’.

OptionTree

Zet onderstaande stappen om gebruik te kunnen maken van de thema instellingen zoals het uploaden van een eigen logo.

  1. Klik binnen WordPress op ‘OptionTree’.
  2. Klik op de daarna verschenen pagina op ‘Import’.
  3. Kopieer en plak onderstaande code in het veld ‘Settings’ en klik op ‘Import settings’. Na het klikken op ‘Import settings’ verdwijnt de code weer. Dit is de bedoeling.

  • Kopieer en plak onderstaande code in het veld ‘Theme options’ en klik op ‘Import theme options’. Na het klikken op ‘Import theme options’ verdwijnt de code weer. Dit is de bedoeling.

Thema opties

  1. Klik binnen WordPress op ‘Weergave > Thema opties’.
  2. Upload uw logo (300 x 65 pixels).
  3. Voeg uw Google Analytics code toe.
  4. Vul optioneel de andere instellingen in.
  5. Klik rechtsboven of rechtsonder op ‘Save changes’.

Homepage vullen

  1. Klik binnen WordPress op ‘Pagina’s’ en klik vervolgens op de eerder aangemaakte pagina ‘Home’.
  2. Vul de extra velden van je homepage in en volg de instructies die bij de velden staan.
  3. Als de homepage helemaal gevuld is, klik je rechtsboven op de blauwe knop ‘Bijwerken’.

Menu’s instellen

In het Hayona B2B thema kun je gebruik maken van 2 verschillende menu’s. Een hoofdmenu dat zichtbaar wordt naast het logo en een zogenaamd metamenu dat wordt weergegeven in de grijze balk aan de bovenkant van de website. Met de Menu-functionaliteit van WordPress zijn deze menu’s eenvoudig en flexibel te beheren. Ze moeten alleen nog ingesteld worden.

  1. Klik binnen WordPress op ‘Weergave > Menu’s’.
  2. Klik bovenin op ‘maak een nieuw menu’.
  3. Geef het nieuwe menu de naam ‘Hoofdmenu’ en sla het menu op door aan de rechterkant op de blauwe knop ‘Menu aanmaken’ te klikken.
  4. Herhaal stap 2 en 3, maar noem het menu dit keer ‘Metamenu’.
  5. Ga bovenin naar het tabblad ‘Locaties beheren’.
  6. Selecteer Hoofdmenu bij Hoofdmenu en Metamenu bij Metamenu en klik op ‘Wijzigingen opslaan’.
  7. Ga bovenaan terug naar het tabblad ‘Menu’s bewerken’.
  8. Kies bovenin welk menu je wilt bewerken door deze te kiezen in het dropdown menu en op ‘Selecteren’ te klikken.
  9. Gebruik de linkerkolom om nieuwe pagina’s aan het menu toe te voegen. Om de pagina’s in het menu te organiseren kan je gebruik maken van het ‘drag & drop’ principe. Klik vervolgens op de blauwe knop ‘Menu opslaan’.

Vink onderaan optioneel ‘Voeg automatisch nieuwe top-level pagina’s toe aan dit menu’ aan om nieuwe pagina’s automatisch toe te voegen aan het menu.

Volg onderstaande stappen als je een home symbooltje wilt gebruiken als homepage knop in het menu.

  1. Upload het bijgleverde home symbool home.jpg naar je mediabibliotheek en plak de url in onderstaande HTML code op de plaats van de hashtag.
  2. Zorg dat de home pagina in het menu is toegevoegd zoals hierboven beschreven staat.
  3. Klik aan de rechterkant van het menu item op het pijltje.
  4. Plak de HTML code onder ‘Navigatielabel’.
  5. Klik op de blauwe knop ‘Menu opslaan’.

Footer

  1. Klik binnen WordPress op ‘Weergave > Widgets’.
  2. Sleep de ‘Black Studio TinyMCE’ widget naar ‘Footer’ in de rechterkolom.
  3. Vul de widgets met links en sla ze op door te klikken op de blauwe knop ‘Opslaan’.

Contactformulier

Zet de volgende stappen om het contactformulier op je contact pagina te zetten.

  1. Klik binnen WordPress op ‘Contact’.
  2. Kopieer de shortcode van het formulier uit de gelijknamige kolom.
  3. Plak deze code in de pagina waar je wilt dat het formulier verschijnt.
  4. Maak een bedankpagina aan waar men op terecht komt na het invullen van een formulier.
  5. Klik binnen WordPress op ‘Contact’ en vervolgens op het betreffende formulier.
  6. Scroll helemaal naar beneden naar ‘Aanvullende instellingen’ en plak daarin onderstaande code.
    • on_sent_ok: “location.replace(‘?p=123’);”
  7. Vervang ‘123’ door het ID-nummer van je bedankpagina. Het ID nummer kun je vinden in de URL tijdens het bewerken van de betreffende pagina.
    • VOORBEELD: http://www.jouw-website.nl/wp-admin/post.php?post=123&action=edit

Aanvullend advies bij het gebruik van het contactformulier:

  • Ga in het te bewerken formulier naar het kopje ‘Mail’ en verander het onderwerp naar een statisch onderdeel. Bijvoorbeeld: ‘E-mail formulier website’. Dit voorkomt spam.
  • Ga in het te bewerken formulier naar het kopje ‘Mail’ en verwijder de URL uit het veld onder ‘Berichttekst’ die onderaan staat. Dit voorkomt spam.

Breadcrumbs

Zet de volgende stappen om de breadcrumbs aan te zetten.

  1. Klik binnen WordPress op ‘SEO > Interne links’.
  2. Zet bovenaan een vinkje voor ‘Gebruik kruimelpad’.
  3. Klik onderaan de pagina op de blauwe knop ‘Wijzigingen opslaan’.

Extra: Shortcodes

Button: [button url=”http://google.nl” extern=”1″ nofollow=”1″ alt=”1″ div=”1″]Button tekst[/button]

Infoblock: [block img=”123″]Content[/block]

Infoblock 2: [b2b img=”123″ url=”#” extern=”1″ nofollow=”1″]Content[/b2b]