TNG med WordPress uten plugin

Screenshot TNG + WordPress
Annonse

Hvordan bruke slektsprogrammet TNG sammen med WordPress uten plugin.

Å kombinere WordPress med en slektsdatabase er enklere enn du kanskje tror.

Jeg ønsket ikke å bruke TNG-WordPress plugin, så jeg valgte å bruke Kloosterman Genealogy sin metode, men med en liten vri da jeg ikke ønsket dobbelt kode (doctype declaration)i header. Forøvrig, så er det er to metoder beskrevet på TNG Wiki om hvordan du går fram.

Først, må jeg si : Alt på eget ansvar og kodene fra din WordPress template er mest sannsynlig annerledes enn min.

Husk å lage Child theme (kopi) av din WordPress template. Jeg har selv brukt Child Themify til dette.

Jeg anbefaler deg også å laste ned kode editoren Notepad++

WordPress

Det første du trenger er en kopi av header php, fra din template i WordPress.

I dette eksemplet har jeg brukt templaten Twenty_Seventeen

Last ned header.php via cPanel eller et FTP program, som FileZilla. Du vil ha bruk for dette.

Har du lastet ned filen header.php fra WordPress? Hvis ja, så åpne den i Notepad++

Du skal nå fjerne alt som er over denne koden:

<?php wp_head(); ?>

Lagre filen som header-tng.php og last den opp i WordPress i mappen til ditt Child theme.


TNG filene

I TNG, så er det standard med disse 3 filene: meta.php, topmenu.php og footer.php

Du bør lage tre nye, med et annet navn, så de ikke blir overskrevet, ved oppdateringer.

  1. wp-meta.php
  2. wp-topmenu.php
  3. wp-footer.php

I wp-meta.php, så har jeg lagt inn denne koden:

<?php
require('/path/wordpress/wp-load.php');get_header ('tng');
?>

Behøver du å bruke custom css file i TNG (mytngstyle.css) så legger du til denne koden inn i wp-meta.php

<link href="<?php echo $cms['tngpath']; ?>css/mytngstyle.css" rel="stylesheet" type="text/css"/>

Får du dobbelt tittel som jeg hadde, så kan du prøve denne koden: (Fungerer ikke alltid)

<?php
require('/path/wordpress/wp-load.php');get_header ('tng');
add_filter('document_title_parts', 'filter_title_part');
function filter_title_part($title) {
return array('');
}
?>


En ny fil ->wp-topmenu.php Kodene kommer f.eks fra page.php i WP templaten: (CSS kodene varier på forskjellige templater.) Se på kildekoden din.

<div class="wrap">

Lagre filen som wp-topmenu.php


Ny fil -> wp-footer.php – Her la jeg inn slutt taggene på div  fra templaten Twenty_Seventeen. (CSS kodene varier på forskjellige templater.)

</div></div></div>
<?php
get_footer ();
?></div><!--main-->

Lagre filen som wp-footer.php

Last opp de tre filene til TNG mappen via cPanel eller ditt FTP program.

  1. wp-meta.php 
  2. wp-topmenu.php
  3. wp-footer.php 

Nå går du inn på din nettside der du har TNG. Velg Oppsett >> Konfigurasjon >> Generelle

Nettstedsutforming og definisjon Her endrer du navn til:

Tilpasset toppmeny: wp-topmenu.php
Tilpasset bunnmeny: wp-footer.php
Tilpasset meta: wp-meta.php

Skjermbildet av TNG

Screenshot TNG + WordPress

Det var alt og jeg håper du får dette til.