Jump to content
TNG Community
Laurids Petersen

TNG and Wordpress integrated

Recommended Posts

Laurids Petersen

Hi

I have made my family website as an integration between TNG and Wordpress.

I use TNG for the family-tree and Wordpress for all the stories.
All stories in WordPress are linked to the mentioned people in TNG and in TNG - when looking at a person (or familiy) you can see (and link to) stories in WordPress. All maintained by programming.

The reasons I have made it this way is:
1) Compared to the possibilities in Wordpress the media-section in TNG, I think TNG has too few options
2) I am not the only one maintaining the website. It has been essential to me that my co-editors should not distinguish between frontend and backend. So with some MOD's and a control via menus, they can maintain family tree and stories from frontend

Feel free to check the website: www.surlykkerne.dk   (It's in Danish :-) )

/Laurids

 

Edited by Laurids Petersen

Share this post


Link to post
Share on other sites
ashareem

Nicely done. If I may ask, how you managed the inegration between Wordpress and TNG?

Share this post


Link to post
Share on other sites
Laurids Petersen

Hi ashareem

I'm (retired) programmer, so it is not "out of the box" :-) However - it is not that many lines of code.

The following is a little nerdy - but that's how I did it.

  • The integration is maintained from the post's in WordPress. Here I use the plugin "WP User Frontend" and made 3 additional fields: 1 for Persons, 1 for Families and 1 for Places.
  • For each post I can type the relevant ID's (eg the ID of the person mentioned in the post).
  • If one or more ID's is typed I:
    • create en record with the abstract from WordPress post and a link to the WordpressPost in the TNG-table: media_table (that is where the stories are in TNG)
    • And then I create links for the relevant person (or family/place) to media_table in the TNG-table: medialinks_table (links the person/family/place to the story in TNG)

The uniform appearance between WordPress and TNG is made by CSS.

Share this post


Link to post
Share on other sites
KevyNC

Thanks for sharing -- very nice! 

Share this post


Link to post
Share on other sites
dbeezley

I've worked TNG for years. Most of the time it was in Joomla. I recently pulled my TNG database out of Joomla into a TNG template. In the meantime, I've transitioned my site to WordPress. The fellow I have helping with the WP site is not familiar with TNG. While aspects of the site are still under development, I'd like to game-plan integration. Would you (or someone) be willing to consult with me and my colleague about possibilities and strategies?

Here is the main site: https://beasgen.net. TNG is currently at https://beas-trees.beasgen.net. The template was moved from the Guild MemberWebsite and is rough. The database is fine. I was planning to leave it on the subdomain, but I realize integration would require moving it to the main domain.

Doug Beezley, Cincinnati OH

Share this post


Link to post
Share on other sites
Laurids Petersen

You are welcome. I would like to help (if I can)

/Laurids

Share this post


Link to post
Share on other sites
ashareem

Laurie’s, thank you for the explanation. I have attempted several times to accomplish such integration, but it has proved beyond my brain width. 😔

Share this post


Link to post
Share on other sites
klooster

Well it's almost addictive, improving your website loading / performance speed, I think this the best I can do,  from just over 3.2 seconds total loading time to a wopping 1.0 largest content loading with 0 ms blocking time and a speed performance of 96% and a Accessibility of 100%. Tested with Lighthouse  from CHROME Developer tools (LightHouse is the same testing machine that GMetrix uses)

One of the best WP plugins I used was PerfMaster PerfMaster( $ 24,95), but boy did that help and the free CloudFare plugin. It took quite a bit of tweaking, but sure worth the time and money.

 

 

Schermafbeelding 2021-12-04 om 14.01.11.png

Share this post


Link to post
Share on other sites
RickM
15 hours ago, klooster said:

Well it's almost addictive, improving your website loading / performance speed, I think this the best I can do,  from just over 3.2 seconds total loading time to a wopping 1.0 largest content loading with 0 ms blocking time and a speed performance of 96% and a Accessibility of 100%. Tested with Lighthouse  from CHROME Developer tools (LightHouse is the same testing machine that GMetrix uses) 

One of the best WP plugins I used was PerfMaster PerfMaster( $ 24,95), but boy did that help and the free CloudFare plugin. It took quite a bit of tweaking, but sure worth the time and money.

I'm pleased I was able to point you in the right direction Cees

Indeed your site loads like lightening strikes.. Fast

 

Share this post


Link to post
Share on other sites
klooster

You sure did Rick, thanks!

Share this post


Link to post
Share on other sites
klooster

Last call, finally made it, now  all green with GTmetrix and an A grading!!

 

Schermafbeelding 2021-12-08 om 07.25.19.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×