Deze website is gebouwd met WordPress en voor het verwerken van de genealogische software is er gebruik gemaakt van The Next Generation (TNG) software van Darrin Lythgoe. WordPress is gratis te downloaden, voor de TNG software betaal je $ 34,99. De TNG software is geïntrigeerd in WordPress, hoe ik dat heb gedaan beschrijf ik hieronder.

De theme die ik gebruik is Avada en deze is voor $ 69,= te koop. 

Verder heb ik gebruik gemaakt van de methode zoals die staat omschreven op de website van Cees Kloosterman. Hieronder leg ik uit hoe ik het gedaan heb. Mocht je nog vragen hebben neem dan contact op.

Installatie

  • Installeer WordPress in je “root folder” van je website.
  • Installeer je TNG software in een “sub root folder”. In mijn geval is dat “genealogie”. Ik heb WP en TNG ieder op een eigen database draaien, het mag ook beiden op één. Maar dat is maar net wat je wil en wat de mogelijkheden zijn bij je hostingbedrijf.
  • Maak nu op je PC, met bijvoorbeeld “kladblok”, de 3 onderstaande bestanden aan.
    – WPTNG-topmenu.php
    – WPTNG-footer.php
    – WPTNG-meta.php
  • Wanneer je deze allemaal hebt aangemaakt dan vul je deze met onderstaande codes. Alleen de code wat “< >” staat in het bestand plakken.

WPTNG-topmenu.php
<?php
require (“../wp-blog-header.php”);
get_header ();
 ?>

WPTNG-meta.php
<?php
global $cms; ?>
<link href=”<?php echo $cms[‘tngpath’]; ?>

WPTNG-footer.php
<?php
get_footer (); 
?>

Deze 3 bestanden uploaden naar de “root” waar je de TNG software hebt geïnstalleerd. Vervolgens ga je via de “backend” naar de instellingen van TNG. En ga je naar “site opmaak en definitie”.
Wijzig bij “Persoonlijke kopregels (Header)” in WPTNG-topmenu.php, “Persoonlijke voetregels (Footer)” in WPTNG-footer.php en bij “Persoonlijke meta” in WPTNG-meta.php.

Backend instellingen van TNG bij “site opmaak”

Ga in de “backend” van je TNG website naar instellingen en dan naar “Sjabloon instellingen”. Bij “Sta sjabloon selectie toe” selecteer je “nee”. Verder moet bij “Sjabloon” het vakje leeg zijn. Dus hier geen template selecteren!

Backend instelling TNG bij “Sjabloon”

Ga nu naar je WordPress website en maak een “aangepaste” link naar je TNG website. Ik heb bijvoorbeeld gekozen voor de achternamen. De link ziet er dan als volgt uit: https://www.familiestamboom.eu/genealogie/surnames.php.

Probleem oplossing Access-Control-Allow-Origin (CORS origin)

Het kan zijn dat wanneer je de website hebt geïntrigeerd in WordPress dat bijvoorbeeld de header en menu niet goed wordt weergegeven op het moment dat je op de een TNG link klikt. Kijken dan goed of alles goed staat in het menu, dat de links juist staat. Kijk goed of je link begint met “www”.
Voeg onderstaande code toe aan .htaccess file:

<IfModule mod_headers.c>
<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
</IfModule>