正文 

当前位置： 首页 > 知识 >

如何在 wordpress 帖子区域中添加自定义 javascript？

     2023-02-19     219

关键词：

【中文标题】如何在 wordpress 帖子区域中添加自定义 javascript？【英文标题】：How to add custom javascript in wordpress posts area? 【发布时间】：2017-01-12 20:57:35 【问题描述】：

我想在 WordPress 中添加一个 JavaScript 测验。我已经尝试过以 HTML 方式使用这种方法。但它不起作用。

Here 是这个 java 脚本测验链接。

【问题讨论】：

链接到 jsfiddle 时需要有代码... 我已经用html代码在wordpress帖子区添加了所有的javascript、jquery和css文件，但没有什么可显示的，只有帖子标题在那里显示。 请将外部托管代码编辑到帖子中；这样做将确保即使链接断开，它仍然有用。我的脚本 is not allowed to do this 因为潜在的许可问题。 【参考方案1】：

如果您可以访问 wordpress 模板，则可以使用简单的简码。例如使用以下代码（注意测试）：

class MyShortCodes 
    public function __construct() 
        $this->init();
    

    public function init() 
        add_shortcode('my_javascript', array($this, 'my_javascript'));
        add_shortcode('my_javascript_file', array($this, 'my_javascript_file'));
    

    public function my_javascript($attributes, $content = null) 
        return ''; // REPLACE THIS BY YOUR JAVASCRIPT CODE.
    

    public function my_javascript_file($attributes, $content = null) 
        // Except for pasting all the JavaScript into the post's content,
        // enqueue the JavaScript file here and only add a call to it in the
        // post's content above.
        wp_enqueue_script('my_javascript_file', get_bloginfo('template_directory') . '/js/my_javascript_file.js');
    


new MyShortCodes();

将此文件放在您的 wordpress 模板的 include 目录中，并将其包含在 functions.php 中：

require_once 'includes/my_shortcodes.php';

如您所见，有两种选择：您可以通过调用 [my_javascript] 短代码（并编辑 my_javascript 函数以包含您的所有代码）将完整的 JavaScript 代码粘贴到帖子的正文中，或者您可以使用 [my_javascript_file] 将包含封装为对象或函数的代码的 JavaScript 文件（例如模板中的 quiz.js ）排入队列（即使显示更多帖子，它也会被包含一次），并且只包含一个小的通过[my_javascript] 在每篇文章中添加JavaScript sn-p（只需调用quiz.js 中提供的函数即可）。

还可以简要查看短代码文档：https://codex.wordpress.org/Shortcode_API。

【讨论】：

如何在 wordpress 中显示自定义帖子类型类别？

】如何在wordpress中显示自定义帖子类型类别？【英文标题】：Howtodisplaycustomposttypecategoryinwordpress?【发布时间】：2014-04-1416:13:21【问题描述】：最近我在wordpress中创建了一个自定义帖子类型，并添加了名为category和tags的分类法。... 查看详情

如何在自定义帖子类型ui菜单图标区域添加字体真棒图标？(代码片段)

...将这些文件粘贴到functions.php和style.css中，并且知道查看wordpress给出的body类的自定义post类型类要将WordAwesome用于WordPress自定义帖子类型，您需要编写一些CSS：只需定位一个CPT菜单项（检查WordPress管理侧栏以找到正确的CSSID），如... 查看详情

Wordpress - 如何通过其分类过滤添加的自定义帖子？

】Wordpress-如何通过其分类过滤添加的自定义帖子？【英文标题】：Wordpress-howtofiltertheaddedcustompostthroughitstaxonomy?【发布时间】：2022-01-1908:08:23【问题描述】：我在我的functions.php中添加了一个新的自定义帖子，如何通过其分类对现... 查看详情

如何在WordPress的自定义帖子类型中附加pdf文件？

】如何在WordPress的自定义帖子类型中附加pdf文件？【英文标题】：HowtoattachthepdffileinthecustomposttypeintheWordPress?【发布时间】：2022-01-1910:45:22【问题描述】：我正在使用WordPress。我创建了一个自定义帖子类型。现在我必须添加文件... 查看详情

在 Wordpress 中，如何将自定义帖子类型的默认管理员排序顺序设置为自定义列？

】在Wordpress中，如何将自定义帖子类型的默认管理员排序顺序设置为自定义列？【英文标题】：InWordpress,howdoIsetthedefaultadminsortorderforacustomposttypetoacustomcolumn?【发布时间】：2015-10-0417:28:30【问题描述】：我设置了一个名为clientarea... 查看详情

php在wordpress中添加自定义帖子状态(代码片段)

查看详情

php在wordpress中添加自定义帖子状态(代码片段)

查看详情

如何在自定义分类中查询自定义帖子类型的帖子？在 wordpress 3.0 中

】如何在自定义分类中查询自定义帖子类型的帖子？在wordpress3.0中【英文标题】：Howtoquerypostsforacustomposttypeinacustomtaxonomy?inwordpress3.0【发布时间】：2010-09-2414:15:23【问题描述】：我一直在寻找所有地方，我正在尝试查询以查找此... 查看详情

如何在 wordpress 中显示自定义帖子类别名称列表

】如何在wordpress中显示自定义帖子类别名称列表【英文标题】：Howtodisplaycustompostcategorynamelistinwordpress【发布时间】：2016-08-0805:25:17【问题描述】：我的wordpress网站中有两种自定义帖子类型（图库和活动）。我想在画廊帖子类型... 查看详情

如何在 WordPress 中显示自定义的最近帖子？

】如何在WordPress中显示自定义的最近帖子？【英文标题】：HowdoIshowcustomrecentpostsinWordPress?【发布时间】：2021-11-0307:08:15【问题描述】：现在显示如下：nowit\'sshowinglikethis我希望它看起来像这样：Iwantittolooklikethis【问题讨论】：看... 查看详情

如何在 Wordpress 中自定义帖子块？

】如何在Wordpress中自定义帖子块？【英文标题】：HowtocustomizepostblockinWordpress?【发布时间】：2022-01-2112:28:27【问题描述】：我想编辑wordpress主题中的一个块。我想制作一个自定义wp:image块并由此进行转换：这样的：我搜索了有关... 查看详情

Wordpress 如何创建自定义帖子模板

】Wordpress如何创建自定义帖子模板【英文标题】：Wordpresshowtocreatecustomposttemplate【发布时间】：2017-11-2012:01:49【问题描述】：Wordpress如何从INDEX.php的部分创建自定义帖子模板！在我的首页(Index.php)我有一个很棒的PostGrid。我想在每... 查看详情

如何在wordpress中为帖子创建自定义属性[关闭]

】如何在wordpress中为帖子创建自定义属性[关闭]【英文标题】：Howtocreatecustomattributeforpostinwordpress[closed]【发布时间】：2021-10-2119:23:36【问题描述】：我需要一些自定义属性用于wordpress中的帖子，我正在创建一个过滤功能，当任何... 查看详情

在 WordPress 管理列帖子/产品自定义帖子类型中显示 Slug

】在WordPress管理列帖子/产品自定义帖子类型中显示Slug【英文标题】：DisplaySluginWordPressAdminColumnsposts/productscustomposttype【发布时间】：2013-01-1912:22:27【问题描述】：我搜索了很多，除了一个破坏WP的插件之外找不到任何东西。我使... 查看详情

在 Wordpress 中为自定义帖子类型添加附加页面

】在Wordpress中为自定义帖子类型添加附加页面【英文标题】：AddingadditionalpagesforaCustomPostTypeinWordpress【发布时间】：2015-10-0417:40:09【问题描述】：我创建了一个名为“课程”的自定义帖子类型。Wordpress会自动为“课程”添加以下... 查看详情

Wordpress：如何通过自定义分类法在作者页面中显示帖子计数

】Wordpress：如何通过自定义分类法在作者页面中显示帖子计数【英文标题】：Wordpress:Howtodisplaypostcountinauthorpagebycustomtaxonomy【发布时间】：2015-09-1420:37:51【问题描述】：我正在尝试使用计数器在作者页面中显示自定义分类，但似... 查看详情

在 wordpress 的自定义页面模板中显示帖子分类信息

】在wordpress的自定义页面模板中显示帖子分类信息【英文标题】：Showposttaxonomyinformationincustompagetemplateinwordpress【发布时间】：2017-11-2510:08:41【问题描述】：我有一个正在通过子主题编辑的主题。我已经能够创建自定义页面模板... 查看详情

php在帖子中添加元变量（自定义字段，ejtemplate-slug）#wordpress(代码片段)

查看详情