如何使用Vanilla JS在基本的Wordpress SPA中实现路由

时间:2019-05-21 22:28:52

标签: ajax wordpress single-page-application

我是Web开发和Wordpress的新手。我对如何使用Wordpress进行基本SPA路由感到困惑

我有一个网站使用Wordpress作为CMS,并使用AJAX将内容加载到Div中,具体取决于用户单击的链接。

链接是首页,新闻等

主页是默认的Index.php页面。

当某人单击新闻时,其他一些数据将被加载到“内容” div中。 然后,我将使用pushstate将地址栏更新为www.mysite.com/news。

但是,如果直接在地址栏中输入www.mysite.com/news,我不确定如何回到这一点。

当我直接将上面的内容放入WordPress时,当前的wordpress只是显示一个示例新闻项,重定向到www.mysite.com/2019/05/02/news-item /

我知道这是一个基本问题,但是我已经读了很多书,在互联网上似乎没有任何简单的解释可以轻易找到。大多数教程使用某些框架,而且似乎比我想实现的要复杂。

谢谢, 穆巴拉克

1 个答案:

答案 0 :(得分:0)

这很简单!在页面上更改永久链接结构:

yourdomain.com/wp-admin/options-permalink.php 

匹配您应用的路由。