当前位置: 首页 > 编程笔记 >

如何在WordPress中添加简单的jQuery脚本?

贝洲
2023-03-14
本文向大家介绍如何在WordPress中添加简单的jQuery脚本?,包括了如何在WordPress中添加简单的jQuery脚本?的使用技巧和注意事项,需要的朋友参考一下

WordPress是一个开源CMS,用于开发动态网站。让我们学习如何将jQuery脚本添加到WordPress。在WordPress Theme 文件夹中,创建一个文件夹“ js”,然后在其中添加文件。该文件将是您的扩展名为“ .js”的查询文件。将您的jQuery脚本添加到该文件。我们将其命名为new.js

这是您的jQuery脚本:

jQuery(document).ready(function($) {
  $('#nav a').last().addClass('last');
});

打开主题的functions.php文件。使用wp_enqueue_script()函数,以便可以添加脚本。 

这是代码:

add_action( 'wp_enqueue_scripts', 'add_my_script' );

function add_my_script() {
   //命名您的脚本以附加其他脚本并注销等
   wp_enqueue_script (
    ‘new',
     get_template_directory_uri() . '/js/add_my_script.js',
   
     array('jquery') // this array lists the scripts upon which your script depends
   );
}

假设您的主题在正确的位置包含wp_headwp_footer ,那么它将起作用。 

 类似资料:
  • 我很喜欢这个从http://www.jqueryscript.net/time-clock/modern-circular-jquery-countdown-timer-plugin-final-countdown.html下载的倒计时脚本,想把它用到我的wordpress网站上,我读了一些关于如何在wordpress中放入任何脚本的教程,但是我不能完全理解,因为我是新手,你能帮我一步一步地做吗

  • 问题内容: 我想为我的WordPress博客创建一个自定义页面,该页面将在其中执行我的PHP代码,同时保留整个网站CSS /主题/设计的一部分。 PHP代码将使用第三方API(因此我需要包含其他PHP文件)。 我该如何完成? 注意:我没有与WordPress API交互的特定需求- 除了包括某些其他PHP库之外,我还需要在WordPress页面中包含的PHP代码中没有其他依赖项。因此,显然,任何不

  • 本文向大家介绍javascript 动态脚本添加的简单方法,包括了javascript 动态脚本添加的简单方法的使用技巧和注意事项,需要的朋友参考一下 异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程 1.createScript方法用于创建一个script标签并添加到body标签中 2.createModule方法用于创建一个script脚本的标

  • 我们正在使用Wordpress将菜单项添加到我们的导航栏。Cleary这使得更改变得简单,但它阻止了某些自定义。具体来说,我们希望更改导航栏中单个菜单项的颜色。有没有办法“添加”一个菜单项到数组的末尾,这样它就总是在最后一个位置,并且在导航栏中是不同的颜色?我意识到我们需要在CSS中创建一个样式来更改最后一个项目的颜色。 例如,当前导航栏: 主页关于美国产品/服务行业链接“联系我们” 我们想让“联

  • 我有一个基于WordPress的网站,我的主题通过添加“当前菜单项”类来突出当前菜单项。 问题是,我有一个包含3个子菜单项的菜单项,它们都指向具有不同容器ID的相同页面(它们的href包含容器ID),因此它们都被突出显示。 如何仅突出显示href指向当前查看的容器的菜单项? 我尝试了这个答案,在标签后面插入了以下内容:

  • 问题内容: 给定,坐标和一行文本,如何添加带有任何普通固定字体的简单标签?例如来自。 对齐并不是很重要,但是最好是将标签写在以坐标为起点的线上方。 而且我想避免字体等外部可加载依赖项。 问题答案: 该包只定义了字体面和在图像上绘制文本接口。 您可以使用Go执行FreeType字体光栅化的:。 密钥类型为,它具有您需要的所有方法。 有关完整的示例,请签出以下文件:。本示例加载字体文件,创建和配置,在