将FullPage.js集成为Wordpress插件：我可以调整此插件以与其他插件一起工作吗？

Question

I recently followed this post on integrating FullPage.js as a WordPress plugin.

I'm having trouble getting the plugin to work with other plugins - such as "All in one Event Calendar". The calendar works it just won't display on pages using FullPage.js

I understand the limitations that a plugin meant for landing pages has, but I was wondering if there was any way to edit the existing FP plugin template so that it can utilize other plugins while also taking over the theme's template?

Perhaps editing this statement?:

function fullpage_template( $original_template ) {

  if ( get_post_meta( get_the_ID(), 'fullpage_js', true ) ) {
  return dirname(__FILE__) . '/templates/fullpage.php';
  } else {
  return $original_template;
  }

}

I really appreciate any assistance on this!

Answer 1

You might be having problems because you are using verticalCentred:true or scrollOverflow:true.

As said in the fullpage.js FAQs

My other plugins don't work when using fullPage.js

Short answer: initialize them in the afterRender callback of fullPage.js.

Explanation: if you are using options such as verticalCentered:true or overflowScroll:true of fullPage.js, your content will be wrapped inside other elements changing its position in the DOM structure of the site. This way, your content would be consider as "dynamically added content" and most plugins need the content to be originally on the site to perform their tasks. Using the afterRender callback to initialize your plugins, fullPage.js makes sure to initialize them only when fullPage.js has stopped changing the DOM structure of the site.