如何使用本地Wordpress环境为主题文件夹中的JS文件设置'src‘路径
在本地WordPress环境中，为主题文件夹中的JS文件设置'src'路径，可以按照以下步骤进行操作：
- 打开本地WordPress环境的文件管理器或使用FTP工具，进入主题文件夹。通常，主题文件夹位于
wp-content/themes/目录下。 - 在主题文件夹中，找到你想要设置'src'路径的JS文件。通常，JS文件位于主题文件夹的子文件夹中，例如
js/或assets/js/。 - 打开你想要编辑的JS文件，查找到需要设置'src'路径的部分。
- 在JS文件中，使用相对路径或绝对路径来设置'src'路径。相对路径是相对于当前JS文件的路径，而绝对路径是从网站根目录开始的完整路径。
- 相对路径示例：
src: 'js/myscript.js' - 绝对路径示例：
src: '/wp-content/themes/mytheme/js/myscript.js' - 注意：使用相对路径时，确保路径正确，以确保JS文件能够正确加载。
- 相对路径示例：
- 保存JS文件，并将其上传到主题文件夹中，覆盖原有的JS文件。
- 在WordPress后台，进入外观（Themes）设置页面，选择你正在使用的主题。
- 在主题设置页面中，找到相关的选项或自定义代码框，用于添加自定义JS文件。
- 将以下代码添加到选项或自定义代码框中，以在网站中引入你刚刚设置的JS文件：
- 将以下代码添加到选项或自定义代码框中，以在网站中引入你刚刚设置的JS文件：
- 这将根据你的主题文件夹路径动态生成正确的JS文件路径。
- 保存设置，并刷新你的WordPress网站，以确保JS文件已成功加载。
总结起来，为主题文件夹中的JS文件设置'src'路径，需要编辑JS文件并设置正确的路径，然后将文件上传到主题文件夹中，并在WordPress后台的主题设置页面中添加引入JS文件的代码。这样，你的WordPress网站就能够正确加载并使用该JS文件了。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
相关·内容
2回答
我将wordpress的固定链接结构设置为/%postname%/，但现在当我转到主页以外的页面时(例如，如果我转到somelink.com/about)，我会丢失所有的javascript引用。
我认为这是因为到js文件的链接不再正确，因为它在虚构的文件夹"about“中不再正确。这就是在header.php文件中引用js文件的方式。
<script type="text/javascript" src="wp-content/themes/default/js/jquery-1.4.2.min.js"></scrip
浏览 2提问于2010-03-14得票数 1
回答已采纳
2回答
css和js文件的路径
、、、
我的静态生成的jekyll网站位于/var/www/myname
通过apache映射，这个网站可以在mycompany.com/myname上访问。
现在，在我的_layouts文件夹中，我有一个对所有人都通用的模板，包括页眉和页脚。
此模板在文件夹/var/www/myname/css和/var/www/myname/js中使用css和JS文件，如下所示
src = "js/myscript.js"
src = "css/style.css"
这对于/var/www/myname/index.html来说很好
现在，我在/var/www/myname/abo
浏览 6提问于2013-11-07得票数 0
回答已采纳
4回答
我认为这是一个常见的初学者问题，但我还没有找到完全覆盖我的问题的答案:我在链接到本地计算机上的图像时遇到问题。
我正在为wordpress的安装制作一个主题(在运行Windows7并使用Xampp的戴尔电脑上)。我的index.php文件位于：
C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\index.php
我想展示的图片是：
C:\xampp\htdocs\tutorials\wordpress\wp-content\themes\LeftColumn\images\pmsplogo.jpg
..。虽然我尝
浏览 0提问于2013-02-27得票数 3
本站是Wordpress网络的一部分。
在主题的CSS中，我想使用@字体面引用一些字体文件。字体位于主题的目录中。
如果我使用这样的路径：
http://brinkley.doig.com.au/wp-content/themes/brinkley/myriadpro-boldcond.ttf
，则找不到该文件。
真正的道路是
http://www.doig.com.au/wp-content/themes/brinkley/myriadpro-boldcond.ttf
，但在CSS中使用此路径不起作用(请参阅这个答案)。
所以，我有一个问题，就是CSS中的真实路径不能工作，Wordpress
浏览 0提问于2012-11-16得票数 0
回答已采纳
2回答
子页面中的图像无法加载。
、、、
我将一个.htaccess文件添加到我正在开发的wordpress网站上，以显示漂亮的urls而不是页面ids。
.htaccess的内容如下：
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
它运行得很好，但是在我的每个子页面中，它都不显示图像。使用Firebug，我看到图像的路径是
浏览 0提问于2012-05-25得票数 0
回答已采纳
我不想陷入我的子主题的functions.php文件，我希望有一个具有各种功能的单独的.php文件，我可以在functions.php (和其他文件中)中调用这个文件。
我在我的子主题( functions.php居住的地方)中创建了D3。
以下是文件夹结构：
wp-content
themes
grow-minimal-child
functions.php
my-custom-functions.php
my-custom-functions.php代码：
alert('$msg');";
}
浏览 0提问于2018-10-17得票数 1
回答已采纳
我们被要求在我们的网站源中隐藏/重命名“x”和“x-child”引用，通常是整个WordPress (wp-content)文件夹。特别是，我是否可以重命名或“隐藏”以下文件夹，特别是“x”的引用：
<link rel=’stylesheet’ id=’x-stack-css’ href=’example.com/wp-content/themes/x/framework/css/site/stacks/integrity-light.css’ type=’text/css’ media=’all’ />
<script type=’text/javascript’ src=
浏览 0提问于2015-09-08得票数 1
我目前正在尝试使用XAMPP在本地WordPress上创建一个网站，我已经创建了一个网站，但我无法像在主机上开发时那样使图像显示(这是我第一次在本地开发WP )。
通常，在wp-content内部，我创建一个名为imgs的文件夹，然后在我的代码中使用
src="/wp-content/imgs/whatever.png"
但这不管用。当我检查google中的元素时，文件夹甚至不存在。我试过查看permalinks，以及一些.htaccess的东西，但都没有用。任何帮助让我的形象发挥作用都是很好的
浏览 0提问于2017-08-12得票数 1
回答已采纳
我真的需要@font-face代码的帮助。它好像没看到我的字体文件。
我试着改变路径到我能想到的任何东西，创建新的文件夹，重命名现有的文件夹，把字体文件放在我的根目录中等等。
我正在Firefox和Chrome上进行测试。
下面是我在CSS中尝试过的代码：
src: url(http://thefalljourneyindia.iblogger.org/wp-content/themes/thefalltheme/images/Univers.ttf);
src: url(thefalljourneyindia.iblogger.org/wp-content/themes/thefallthe
浏览 5提问于2011-11-13得票数 1
回答已采纳
在我的模板文件中，我想包含一个库。我将库上传到我的主题文件夹中，在我的主题文件夹中是我的自定义模板文件。在我的自定义模板文件中，我有require 'OAuth2/Client.php';，但是当我加载一个使用该模板的页面时，它给了我以下内容：
警告:要求(OAuth2/Client.php)：未能打开流:第4行/home/healthf0/public_html/wp-content/themes/healthfitcorpwell/single-iframe.php中没有这样的文件或目录
很明显，这个文件确实存在，我可以通过FTP看到它。它为什么要告诉我这个？
浏览 0提问于2017-05-25得票数 2
回答已采纳
我一直试图在我的站点上删除一个带有php的.json文件，但是无法让它正常工作。似乎我无法正确地找到文件的路径，或者它是不可见的。所以我想我应该检查一下file_exists()，不管我尝试了什么，我都无法让系统看到服务器上的文件。
json文件夹存在于此路径/mytheme/assets/js/geofence/1069.json中。
这个php是从这个路径/mytheme/inc/filelookingforjson.php运行的。
我试过“../资产/js.”若要使用相对路径将路径指针发送到一个级别.
我试过绝对的丝线。就像文件不存在一样。在wordpress网站上是否有一些htacce
浏览 0提问于2019-03-23得票数 0
回答已采纳
1回答
我们已经为我们的主网站安装了WordPress与它自己的主题。我现在想在一个子文件夹中安装另一个WordPress，我想在那里使用主网站的主题。
所以我做了一个新的主题，其中包括3个文件：
index.php
style.css
functions.php
我指的是新安装index.php文件中的主网站主题文件(例如header.php)：
<?php
//Checking if file exist
if ( file_exists( get_stylesheet_directory() . '/../../../../wp-content/themes/First/h
浏览 2提问于2017-03-26得票数 0
我试图链接到WordPress插件文件夹中的style.css图片。我尝试过以下几种方法，但这不起作用：
.example {
background: url( images/photo.jpg ) center center no-repeat;
}
/wp-content/plugins/my-plugin/images/photo.jpg 插件文件夹图像：
样式表在这里：/Stylesheet/themes/my/style.css
浏览 2提问于2014-06-23得票数 1
回答已采纳
如何让javascript ajax调用在与DocumentRoot相同的目录中查找？
我一直被推到DocumentRoot里。
在httpd.conf中，我的DocumentRoot设置如下：
DocumentRoot = "/var/www/html/wordpress"
因此，当用户访问www.mysite.com时，它会将他们定向到www.mysite.com/wordpress文件夹，但他们看不到"wordpress“。
但是，我的遗留软件已经在html (与wordpress相同的级别)下设置了一个名为"scripts“的文件夹，如下所示：
html
浏览 0提问于2012-08-02得票数 0
好吧，我有预感这次我真的做到了。我已经在本地开发了一个Wordpress站点，然后将它传输到我的远程服务器。我使用脚本对数据库进行了搜索和替换。
现在，我在远程服务器上访问我的站点，HTML很好，但是CSS样式表没有正确地链接。
当我查看源代码时，如下所示：
<link rel="stylesheet" type="text/css" media="all" href="www.fairchildwebsolutions.com/jesusandg/wp-content/themes/Sky/style.css" />
浏览 11提问于2013-09-19得票数 2
回答已采纳
我正在自定义一个可湿性粉剂主题，但我不能删除一个JS，我不需要。我已经从文件夹中删除了它，但它仍然以html格式呈现。
主题的js文件夹中有5个JQuery文件，还有一个名为base.js的文件，它似乎可以处理一些对象，但它与我不想包含的JS没有任何关系。
因此，呈现的html如下所示：
<script type='text/javascript' src='../wordpress/wp-content/themes/custom-theme/js/jquery.prettyPhoto.js?ver=3.7'></script>
<
浏览 0提问于2013-10-29得票数 0
2回答
扩展woocommerce插件
、、、、
我有wordpress的子主题，在其中我可以通过创建以下结构的文件夹来扩展woocommerce：
/wp-content/themes/theme-child/woocommerce/single-product/add-to-cart/*.php
但问题是我不想扩展位于
/wp-content/plugins/woocommerce-plugin/templates/single-product/add-to-cart/*.php
通过第一种方法，我可以覆盖woocommerce文件，但是如何在woocommerce-plugin中这样做呢
浏览 3提问于2016-05-10得票数 3
下面是wordpress的htaccess文件中的htacces片段：
RewriteBase /wordpress/wp-content/themes/mytheme/
RewriteRule css/style.min.css$ /minify/minify.php?dir=%{REQUEST_URI}&file=style.css [L]
其中重定向如下：
https://something.com/wordpress/wp-content/themes/mytheme/css/style.min.css
至：
https://something.com/minify/minif
浏览 2提问于2017-05-15得票数 0
在启用vhosts之后，我在Mac (lion)上本地安装了wordpress，我在hosts文件中创建了一个条目，将"wordpress“指向127.0.0.1
我的vhosts.conf包含：
<VirtualHost *:80>
DocumentRoot "/Users/alex/Sites/wordpress"
ServerName wordpress
<Directory />
Options FollowSymLinks
AllowOverride None
浏览 3提问于2012-01-23得票数 1
你好，我想把我的徽标插入我的wordpress网站
<img src=”/wordpress/wp-content/themes/test/images/logo.png”>
这是我的FTP路径到图像，但它仍然不工作。当我刷新我的网站时，会出现一个图像图标，但它没有显示我的徽标.为什么？这条路似乎行不通，对吧？有什么建议可能是错误的，还是有什么特别的WP查询我需要使用？看上去像吗？找不到..。
谢谢
浏览 6提问于2014-05-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
