向WordPress站点添加自定义代码

时间:2013-11-26 作者:xShirase

我已经在3个文件中编写了一个小型计算器,HTML/JS/CSS+1个图像,我需要将其集成到WordPress网站的主栏中。这是一个标准的计算器工具,一个带有2个下拉列表的div,以及在选择选项时显示的结果。

该工具需要像一篇文章一样出现,占据3列布局中的所有主列。也许它可以是一个短代码,但不是一个边栏小部件。

我只需要在页面中显示这段自定义代码。无其他要求。我是一名软件程序员,没有WP经验。最好的方法是什么?我需要制作插件吗?

1 个回复
SO网友:gmazzap

如果您的自定义代码应该在通常有帖子内容的地方输出内容,请使用shortcode.

在插件中转换代码,只需添加插件头,甚至只需

<?php
/**
 * Plugin Name: My Plugin
 */
在php文件的顶部。更多信息here.

之后使用add_shortcode 函数输出您的内容。See docs.

请记住,处理短代码的函数必须return 输出,而不是回显它。

之后,关于风格和脚本的建议。在WordPress中,向前端添加样式和脚本的正确方法是函数wp_enqueue_scriptwp_enqueue_style 都是在钩住wp_enqueue_scripts.

如果这样做,您可能想知道一种只在包含短代码的帖子中对脚本/和样式排队的方法,以便查看has_shortcode 作用

最后,使用两者wp_enqueue_* 函数,并且要插入您所说的图像,您需要知道插件文件夹的url。请不要硬编码,而是使用plugins_url 函数以正确检索它。

如果看不到你的代码,我就没什么可说的了,试着实现我所说的,如果你有问题,试着问一个更具体的问题。

结束

相关推荐

private functions in plugins

我开发了两个插件,其中一个功能相同(相同的名称,相同的功能)。当试图激活两个插件时,Wordpress会抛出一个错误,因为它不允许我以相同的名称定义函数两次。有没有一种方法可以使这个函数只对插件私有,而不使用面向对象编程,也不简单地重命名函数?我不想使用OOP,因为我首先要学习它。此外,我不想重命名该函数,因为我可能也想在其他插件中使用它,而重命名感觉不太合适。