wordpress笔记

发布于2025年2月8日2025年3月10日作者:miao

网站速度检测 https://tools.pingdom.com/
WP插件检测 https://wpdetector.com/

店小秘授权
WooCommerce->设置->高级->REST API (参考onetwogoal.com)，如果不成功求助店小秘客服远程帮助

付费插件
WooCommerce Extra Product Options Pro 产品选项扩展
Smart Slider 3 Pro 滑片切换，智能切换
Max Mega Menu | Max Mega Menu – Pro Addon 巨型菜单
Customer Reviews for WooCommerce 评论

首页全屏状态下设置内容为固定宽度并居中：
1.添加单个栏目区块并设置固定宽度，再添加其他区块
2.额外css中写入代码 .is-layout-flex{justify-content:space-around;}
3.栏目区块中额外的css类中填入is-layout-flex

删除首页产品相关区块中购物车按钮
1.选择文档概览模式
2.在对应的区块中找到“添加到购物车”按钮删除，此方法也可以删除产品标题或产品价格或更改标题文字的大小

修改最新产品区块的样式
1.额外css中写入代码 .entry-content li{margin-left:0px;padding:0;}
2.在最新产品区块中额外的css类中填入.entry-content li

产品分类连接去掉/product-cateory及产品连接去掉/shop
安装Permalink Manager for WooCommerce插件，并且注意在产品编辑里面只能选择次级分类

评论插件customer-reviews-woocommerce修改格式或滚动评论最大数【已付费】
1. /blocks/src/reviews-grid/edit.js 及 /blocks/build/review-grid/index.js 修改 max:6
2. /blocks/src/reviews-slider/edit.js 及 /blocks/build/review-slider/index.js 修改 max:6

隐藏插件和主题路径的插件 WP Ghost (增强网站安全)
安装后需要在服务器上配置:
1.点击服务器上对应网站的设置；
2.在配置文件栏目拷贝入代码，如：include /www/wwwroot/onetwogoal2528/hidemywpghost.conf;
增强网站安全配置 1.运行插件中的网站安全检查 2.根据提示再配置

配置自动发送电子邮件的插件 WP Mail SMTP
1.在WP Mail SMTP中配置，配置方法参考onetwogoal.com
2.在WooCommerce -> 设置 -> 电子邮件，配置方法参考onetwogoal.com
SMTP密码是：YEVVKHPQLYKYUCIT

会员注册登录插件 AJAX Login and Registration modal popup – PRO
https://docs.maxim-kaminsky.com/lrm/ 教程网址
1.在<button>或<a>的class中加入代码 lrm-login 或 lrm-register
例如：<button class=”lrm-login lrm-hide-if-logged-in” style=”margin: 10px;”>Login</button>
添加新字段注册，例如添加手机
1. /free/views/form-parts/register.php 中添加下面代码
<div class=”fieldset fieldset–mobile-phone”>
<label class=”image-replace lrm-email lrm-ficon-mobile-phone” title=””></label>
<input name=”billing_phone” class=”full-width has-padding has-border” type=”text” placeholder=”Mobile Phone” required=””>
<span class=”lrm-error-message”></span>
</div>
2.安装插件 Snippets, 新建new snippets, 添加代码，代码拷贝onetwogoal.com中的Save registger phone field

在线聊天插件 Sticky Chat Widget
账户中心页面插件 SysBasics Customize My Account for WooCommerce
购物车结算页面插件 CheckoutWC Lite

修改WooCommerce Extra Product Options Pro插件尺寸radio的样式
1. /public/assets/css/thwepo-public.min.css添加以下css代码
input[type=”radio”] {opacity: 0; position: absolute;}.custom-radio{display:inline-block;width:45px;height:45px;background-color:#f1fff1;margin:5px 5px 5px 0;text-align: center;line-height: 45px;color: #555555;font-weight:600;font-size:16px;cursor: pointer;border-radius:5px;border: 1px solid #dedbdb;transition: background-color 0.3s, border-color 0.3s;}.custom-radio:hover {background-color:#519e21;color:#ffffff;}input[type=”radio”]:checked + label.custom-radio {border-color:#006400; background-color:#519e21;color:#fff;}}
这段代码input[type=”radio”] {opacity: 0; position: absolute;}会引起radio样式改变，可以修改下面文件的1151行
2. /includes/utils/class-thwepo-utils-field.php 修改1153，1155行, 1726行，参考onetwogoal.com

产品上传图片自动修改图片名为标题名
在functions.php中添加以下代码
add_filter(‘wp_handle_upload_prefilter’, ‘rename_uploaded_file_to_product_title’);
function rename_uploaded_file_to_product_title($file) {
// 获取文件扩展名
$ext = pathinfo($file[‘name’], PATHINFO_EXTENSION);
// 获取文件名（不包含扩展名）
$filename = basename($file[‘name’], ‘.’ . $ext);
// 检查是否在产品编辑页面上传图片
if (isset($_POST[‘post_id’]) && get_post_type($_POST[‘post_id’]) === ‘product’) {
// 获取当前产品的标题
$product_title = get_the_title($_POST[‘post_id’]);
if ($product_title) {
// 生成新的文件名，保留标题中的”-”
$timestamp = date(‘YmdHis’);
// 只替换空格为”-“，并保留原有的”-”
$product_title = str_replace(‘ ‘, ‘-‘, $product_title); // 空格转换为”-”
// 生成新的文件名：产品标题_时间戳.扩展名
$new_filename = $product_title . ‘_’ . $timestamp . ‘.’ . $ext;
// 更新文件名
$file[‘name’] = $new_filename;
}
}
return $file;
}

前台订单详情中增加产品图片
wp-content/plugins/woocommerce/templates/order/order-details-item.php
在第32行增加代码 echo $product->get_image( array( 80, 80 ) );

新订单邮件中增加产品图片
wp-content/plugins/woocommerce/templates/emails/email-order-details.php 54行， false改为true;
wp-content/plugins/woocommerce/templates/emails/email-header.php 把width=600 改800
wp-content/plugins/woocommerce/templates/emails/email-styles.php 把max-width=600 改800

付款方式中增加Paypal付款方式（客户手动付款，安全，paypal监测不到来源）
1.修改付款方式中的“支票支付”
2.在functions.php中添加以下代码，调用出付款说明
add_action( ‘woocommerce_order_details_after_order_table’, ‘display_payment_gateway_instructions’, 10, 1 );
function display_payment_gateway_instructions( $order ) {
// 获取订单中使用的支付方式 ID（如：bacs、cheque、cod、stripe 等）
$payment_method = $order->get_payment_method();
// 获取当前系统中所有可用的支付网关
$available_gateways = WC()->payment_gateways->get_available_payment_gateways();

if ( isset( $available_gateways[ $payment_method ] ) ) {
// 调用后台“说明”输入框的内容，一般保存在“instructions”选项中
$instructions = $available_gateways[ $payment_method ]->get_option( ‘instructions’ );
if ( $instructions ) {
echo ‘<div class=”payment-method-instructions”>’;
echo ‘<strong>付款方式说明：</strong>’ . wp_kses_post( wpautop( $instructions ) );
echo ‘</div>’;
}
}
}

调用产品分类描述及描述中允许html
在functions.php中添加下面代码
// 在产品分类页面（产品归档页）输出分类描述
function display_product_category_description() {
if ( is_product_category() ) {
echo ‘<div class=”product-category-description”>’;
echo term_description(); // 获取当前产品分类的描述内容
echo ‘</div>’;
}
}
add_action( ‘woocommerce_before_shop_loop’, ‘display_product_category_description’, 10 );

function allow_html_in_product_category_description() {
// 移除输入时的过滤（保存之前）
remove_filter(‘pre_term_description’, ‘wp_filter_kses’);
// 移除输出时的过滤
remove_filter(‘term_description’, ‘wp_kses_data’);
}
add_action(‘init’, ‘allow_html_in_product_category_description’);