wordpress 相关问题

Wordpress 403 禁止。无法访问我的 wp 网站

我完成了在 WordPress 中配置我的网站，但当我尝试访问该网站时，它返回错误 403 禁止。此外，在尝试我们时遇到了 403 Forbidden 错误...

表格中的字体和超链接

我已将 Font-Awesome 插件添加到我的 WordPress 网站。 期望的行为是有一个表，其中有一列指向主页的链接，由 FA“主页”图标表示。 每个我...

如何在自定义查询中根据最大变化价格对 WooCommerce 可变产品进行排序

我正在尝试从最大变化价格中对 WooCommerce 可变产品进行排序（我的网站包含简单和可变产品）。 我下面的自定义查询是按价格对产品进行排序，但问题是

我正在尝试创建一个搜索框，搜索框中带有<i class="fa fa-search">图标[重复]

我正在尝试在我的网站中显示 WordPress 搜索框，我正在尝试在搜索框中显示图标 HTML 表单 我正在尝试在我的网站中显示 WordPress 搜索框，我正在尝试在搜索框中显示图标 <?php get_search_form(); ?> HTML 表单 <form role="search" method="get" class="header-search-form" action="<?php echo home_url( '/' ); ?>"> <label> <input type="search" class="search-field" placeholder="SEARCH" value="<?php echo get_search_query(); ?>" name="s" title="Search for:" /> <i class="fa fa-search"></i> </label> </form> 还有这个CSS /* Style the search form */ .header-search-form { display: flex; justify-content: center; /* Center the search bar in the header */ align-items: center; margin: 0 auto; padding: 5px; } .header-search-form input[type="search"] { border: 2px solid #bf2137; /* Border color */ border-radius: 20px; /* Rounded corners */ padding: 10px 15px; color: #bf2137; /* Text color */ font-size: 16px; } .header-search-form input[type="search"]::placeholder { color: #bf2137; /* Placeholder text color */ } .header-search-form input[type="submit"] { display: none; /* Hide the default search button */ } 一切都很完美，除了 () fa-fa 图标没有显示在框中。 我基本上希望在搜索框中显示 fa fa 搜索图标。 我注意到您的搜索图标被放置在搜索输入字段之外的问题。这段代码在我这边工作是这样的 [在此输入图片描述]1 **HTML File** <form role="search" method="get" class="header-search-form"> <label> <div class="search-input-container"> <input type="search" class="search-field" placeholder="Search" name="s" title="Search for:" /> <i class="fa fa-search search-icon"></i> </div> </label> </form> **CSS File** .header-search-form { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 5px; } .search-input-container { position: relative; width: 100%; } .search-field { width: 100%; padding: 10px 15px; padding-right: 40px; border: 2px solid #bf2137; border-radius: 20px; color: #bf2137; font-size: 16px; } .search-field::placeholder { color: #bf2137; } .search-icon { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); color: #bf2137; font-size: 16px; } .header-search-form input[type="submit"] { display: none; } 希望这对您有用，谢谢

仅允许在文档开头使用 XML 声明

今天我的博客提要显示错误： 此页面包含以下错误： 第 2 行第 6 列错误：仅允许在文档开头进行 XML 声明 下面是效果图

将访客从 WooCommerce 结帐重定向到我的帐户登录，并在登录后返回结帐

我使用以下代码（粘贴在我的主题functions.php 文件中）将未登录的用户从结帐页面重定向到 WooCommerce 我的帐户登录表单： add_action( 'template_redirect', '

如何将 Javascript 中的焦点捕获到弹出窗口？

我为需要可访问的弹出窗口创建了以下 JavaScript 代码。 问题是，在键盘浏览期间，选项卡按钮会选择登陆弹出窗口后面的所有按钮......

是否可以嵌套相同的短代码的WordPress短代码？

我知道如果使用 do_shortcode 包装器，则可以嵌套短代码，但是，法典指出： “但是，如果使用短代码宏来包含另一个宏，则解析器将失败......

php 回显 <div> 在错误的地方

我正在开发 WordPress 主题的选项面板。 自从我尝试添加 jquery 以来，这个问题就开始了，但它似乎不应该是一个 jquery 问题..并且不会消失...

如何在单击 CF7 提交按钮时在弹出窗口中显示 grecaptcha？

我正在联系表单 7 中制作一个新表单。我需要在单击提交按钮时在弹出窗口中显示 grecaptcha。验证码成功后需要提交Contact Form 7.

删除TinyMCE 4中的子菜单项

我正在尝试从 WordPress 中的 TinyMCE 下拉工具栏按钮中删除子项目。 该按钮是一个插件按钮（TinyMCE Table Button），它插入一个项目，允许用户做CSS样式...

如何从 wcs_get_subscriptions_for_order() 函数获取订阅详细信息

我有这个变量： $subscriptions = wcs_get_subscriptions_for_order($order_id, array('order_type' => 'parent')); 使用这个 print_r() 我可以看到很多数据： 回显“”； 打印_r（$ 我有这个变量： $subscriptions = wcs_get_subscriptions_for_order($order_id, array('order_type' => 'parent')); 使用 print_r() 我可以看到很多数据： echo '<pre>'; print_r($subscriptions); echo '</pre>'; 如何获取一些具体数据，例如下次付款日期、用户购买产品的时间、哪种产品等？ 有什么办法吗？ $subscriptions-> get_date_created() , $subscriptions->get_items(), $subscriptions->get_status()$subscription->get_date( 'next_payment' ) 订阅是从 WC_Order 类扩展而来的。所有可用于订单对象的功能也可用于订阅对象 https://woocommerce.com/document/subscriptions/develop/functions/ 您将订阅作为对象数组获取，因此您需要使用循环来获取每个字段。 // Assuming you have the $order object $order_id = $order->get_id(); // Get subscriptions linked to the order $subscriptions = wcs_get_subscriptions_for_order($order_id, array('order_type' => 'parent')) // Loop through the subscriptions to get the subscription ID(s) foreach ( $subscriptions as $subscription ) { $subscription_id = $subscription->get_id(); echo 'Subscription ID: ' . $subscription_id; }

小部件区域未显示在 WordPress 暂存站点中

我正在处理的网站上的页脚小部件遇到了一个奇怪的问题。在我的本地环境中，小部件显示得很好，但在临时站点上，小部件不会出现。当我看着...

WooCommerce 产品变体允许延期交货的自定义低库存可用性字符串

我正在寻找编辑 woocommerce 低库存消息。但仅限于允许缺货的产品变体。 该消息应包含库存水平，并且仅在库存...

限制 WooCommerce 产品后端的字符/单词数量

当我们在 WooCommerce 中创建产品时，我想要： 产品标题限制为 30 个字符 将产品简短描述限制为 50 个字 我发现前面有很多限制的短代码...

JavaScript 找不到 css 变量 - WordPress 中的暗模式切换（webflow 转换）

我的 WordPress 网站和我想使用的一些自定义 JavaScript 存在问题。代码将通过标题部分第 16 行的以下脚本标记加载到站点中： <question vote="0"> <p>我的 WordPress 网站和我想使用的一些自定义 JavaScript 存在问题。代码通过标题部分第 16 行的脚本标记加载到站点中：</p> <pre><code>&lt;script tr-color-vars=&#34;text,background,button-background,button-text,background-50,nav-menu-link,toggle-bg,toggle-offset&#34; duration=&#34;0.5&#34; ease=&#34;power1.out&#34; src=&#34;https://cdn.jsdelivr.net/gh/timothydesign/<a href="/cdn-cgi/l/email-protection" data-cfemail="e59686978c959196a593d4cbd5cbd7">[email protected]</a>/dark-mode-toggle.js&#34;&gt; </code></pre> <p>'tr-color-vars' 列出了我想要在浅色模式和深色模式之间更改的变量。 'src=' 调用 cdn 托管代码。</p> <p>在我转换主题的 webflow 网站中，切换功能正常。</p> <p>在 WordPress 网站上，脚本中的代码返回错误消息：</p> <blockquote> <p>未找到与 tr-color-vars 属性值匹配的变量</p> </blockquote> <p>然而变数依然存在。</p> <p>为什么js代码找不到变量？任何提示将不胜感激。</p> <p><a href="https://lichtblick-markdorf-web.webflow.io/" rel="nofollow noreferrer">实时网络流网站（工作示例）</a></p> <p><a href="http://dev2517.web14.biohost.net/" rel="nofollow noreferrer">wordpress 网站链接（切换问题）</a></p> <p>我从 YouTube 上的 timothy ricks 那里获得了此代码和操作方法：<a href="https://www.youtube.com/watch?v=grA47dBXzPg" rel="nofollow noreferrer">教程</a></p> <p>JavaScript 代码：</p> <pre><code>/** * Dark Mode Toggle 1.0.2 * Copyright 2023 Timothy Ricks * Released under the MIT License * Released on: November 28, 2023 */ function colorModeToggle() { function attr(defaultVal, attrVal) { const defaultValType = typeof defaultVal; if (typeof attrVal !== &#34;string&#34; || attrVal.trim() === &#34;&#34;) return defaultVal; if (attrVal === &#34;true&#34; &amp;&amp; defaultValType === &#34;boolean&#34;) return true; if (attrVal === &#34;false&#34; &amp;&amp; defaultValType === &#34;boolean&#34;) return false; if (isNaN(attrVal) &amp;&amp; defaultValType === &#34;string&#34;) return attrVal; if (!isNaN(attrVal) &amp;&amp; defaultValType === &#34;number&#34;) return +attrVal; return defaultVal; } const htmlElement = document.documentElement; const computed = getComputedStyle(htmlElement); let toggleEl; let togglePressed = &#34;false&#34;; const scriptTag = document.querySelector(&#34;[tr-color-vars]&#34;); if (!scriptTag) { console.warn(&#34;Script tag with tr-color-vars attribute not found&#34;); return; } let colorModeDuration = attr(0.5, scriptTag.getAttribute(&#34;duration&#34;)); let colorModeEase = attr(&#34;power1.out&#34;, scriptTag.getAttribute(&#34;ease&#34;)); const cssVariables = scriptTag.getAttribute(&#34;tr-color-vars&#34;); if (!cssVariables.length) { console.warn(&#34;Value of tr-color-vars attribute not found&#34;); return; } let lightColors = {}; let darkColors = {}; cssVariables.split(&#34;,&#34;).forEach(function (item) { let lightValue = computed.getPropertyValue(`--color--${item}`); let darkValue = computed.getPropertyValue(`--dark--${item}`); if (lightValue.length) { if (!darkValue.length) darkValue = lightValue; lightColors[`--color--${item}`] = lightValue; darkColors[`--color--${item}`] = darkValue; } }); if (!Object.keys(lightColors).length) { console.warn(&#34;No variables found matching tr-color-vars attribute value&#34;); return; } function setColors(colorObject, animate) { if (typeof gsap !== &#34;undefined&#34; &amp;&amp; animate) { gsap.to(htmlElement, { ...colorObject, duration: colorModeDuration, ease: colorModeEase }); } else { Object.keys(colorObject).forEach(function (key) { htmlElement.style.setProperty(key, colorObject[key]); }); } } function goDark(dark, animate) { if (dark) { </code></pre> <p>CSS 变量：</p> <pre><code>:root { --swatch--light: white; --swatch--transparent: rgba(255, 255, 255, 0); --swatch--brand: #8a2d59; --swatch--color: #1f1e3e; --swatch--dark: #201c1c; --color--background: var(--swatch--light); --color--text: var(--swatch--dark); --color--button-background: var(--swatch--brand); --color--button-text: var(--swatch--light); --color--toggle-bg: var(--swatch--light); --color--nav-menu-link: var(--swatch--light); --color--toggle-offset: 0rem; --color--background-50: rgba(255, 255, 255, .5); --dark--background: var(--swatch--dark); --dark--text: var(--swatch--light); --dark--button-background: var(--swatch--brand); --dark--button-text: var(--swatch--light); --dark--toggle-bg: var(--swatch--brand); --dark--nav-menu-link: var(--swatch--light); --dark--toggle-offset: 2rem; --dark--background-50: rgba(53, 50, 51, .5); } </code></pre> </question> <answer tick="true" vote="0"> <p>问题的根源在于，在将 webflow 站点转换为主题期间（感谢 udesly），CSS 的导入被移动到带有 javascript 的脚本标记下方。</p> <p>手动更改脚本以晚于 css 变量加载后，它的工作方式就像一种享受。</p> <p><a href="http://dev2517.web14.biohost.net/" rel="nofollow noreferrer">工作示例</a></p> </answer> </body></html>

在帖子中间使用短代码显示广告（某些类别 WordPress 除外）

我有一个广告插件，可以使用短代码显示广告。我已经在帖子的顶部和底部添加了广告，但我还需要将广告短代码添加到帖子的中间，除了某些

如何在Wordpress中更改搜索网址而不删除“s=”

如标题，我想更改当前网址： example.com/?s=foo 到 ： example.com/search?s=foo 如果未设置“s=”，则显示所有不带任何术语和过滤器的帖子。 我怎样才能做到这一点？

在帖子详细信息页面 WordPress 中显示双重日期

我已经在本地系统中安装了 WordPress 6.0。然后打开默认帖子（Hello world）， 在帖子中显示帖子的双重日期。 发布日期 2) 更新日期。 我研究了 2 个小时并得到了

Wordpress Customizr - 发布图像在首次加载时裁剪

我正在运行一个带有 Customizr 主题的 WordPress 网站。 当我查看帖子页面时，图像在第一次加载时以裁剪模式显示 - 并且在重新加载时正确显示。 单击此处查看示例...