javascript - 如何在 WordPress 网站上设置自定义功能?

标签 javascript wordpress

假设我有一个单页 Javascript 密集型 Web 应用程序。

但对于网站的其余部分,我希望能够轻松地使用 Wordpress 创建内容页面。

我应该:

  • 将 Web 应用程序放在根目录中,在子文件夹中安装 Wordpress 并对两者应用相同的主题(呃)?

  • 如何将应用程序编写为 Wordpress 的插件?如果是这样,我从哪里开始?

  • 其他?

编辑

所讨论的应用程序很简单,页面上有一个表单,其下方有自定义 div。 jQuery/Javascript 脚本通过根据表单中提交的内容操作这些 div 添加内容来完成这项艰苦的工作。

最佳答案

我个人会在主题中创建一个名为 application.php 的文件,并在其中写入以下内容

    <?php
    /*
    Template Name: ApplicationPage
    */
    ?>
//PASTE THE PHP CODE OF YOUR PAGE.PHP STARTING FROM GET_HEADER();
//REPLACE GET_CONTENT() WITH YOUR JAVASCRIPT

然后将 page.php 复制并粘贴到主题文件夹中。通过这种方式,您创建了一个仅用于您的应用程序的新模板。其中的 the_content() 将其替换为您的繁重的 JavaScript。

保存后,创建一个新页面,右侧应该有一个包含模板的下拉列表...此处选择 ApplicationPage 并按“保存”。

现在,当您访问此页面时,应该包含您在 application.php 中包含的自定义代码

为了更好地概述:http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

关于javascript - 如何在 WordPress 网站上设置自定义功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8763827/

相关文章:

javascript - 以编程方式选择 jQuery 按钮集中的 radio 使其崩溃

javascript - 在javascript中自动跳转,这可能吗?

javascript - 英国模式通过 javascript 设置 bgclose

wordpress - Iframe 上的悬停效果

php - 如何覆盖核心 Woocommerce 插件功能?

wordpress - @font-face 文本在 Chrome 中刷新时不可见...但并非总是如此?

Javascript 切换隐藏

javascript - 在页面之间共享 Webkit 转换数据

php - 多语言 WordPress 网站,提供 2 次安装建议

javascript - 可排序和可删除的 Jquery 不断替换 WordPress 中的数据