使用Vue.js运行WordPress插件脚本

时间:2018-09-12 11:08:32

标签: javascript wordpress vue.js

我正在考虑使用Vue.js和以下启动器创建WP主题:https://github.com/EvanAgee/vuejs-wordpress-theme-starter

我想知道那时是否可以正常使用WP插件。

例如我想使用Contact Form 7,这样可以很容易地加载HTML结构,但是我不确定如何在适当的时候运行此插件的JS。

那像WPML这样更复杂的插件呢?

我是否有可能访问任何插件的脚本并创建通用功能,即使我不知道功能名称,也可以运行插件脚本?

我认为用WP和Vue编写主题是个好主意,但我不想失去WordPress中最好的东西-插件。

我的意思是客户体验,而不是我自己的体验。

1 个答案:

答案 0 :(得分:0)

所引用的主题使用无头方法,因此,如果没有使用node.js的服务器端呈现(SSR)来让搜索引擎可以访问内容,就无法使用它。 WPML也不起作用,因为它仅加载最初加载的页面的内容,因此,当您从应用程序内部更改路由时,必须首先获取新路由的内容。此外,您可能还需要为新路线加载相关的脚本和样式,因为这些脚本和样式只能在特定页面/ post_id的/模板中入队。

将两个世界结合在一起是一个巨大的痛苦(Vue / SPA与WordPress)。我知道这一点是因为我现在已经工作7个月(自2019年1月/ 2019年2月),致力于商业功能全面且对SEO友好的Vue.js + WordPress主题。上个月,我正在进行Polylang的集成。而且很烂。不仅是因为Polylang很烂(尽管我仍在WPML上使用它,因为它具有更好的性能,但其可用性,功能和文档远远不及WPML),而且还因为提到的有关路由更改的技术问题。

但是我已经解决了所有麻烦,希望在9月底之前可以在wue-theme.app购买该主题。它还将集成WPML,WooCommerce,WP Rocket和Elementor。在此之前,我有一个免费的入门主题,可以解决有关Github的一般SEO问题:http://github.com/Tech-Nomad/wue-theme

您可能还需要检查类似的入门主题: https://github.com/bucky355/vue-wordpress