l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/11个实用WordPress代码片段（专家推荐，初学者必备）

11个实用WordPress代码片段（专家推荐，初学者必备）

写 Bug工程师：

标题：WordPress专家推荐的11个实用代码片段

随着WordPress的发展，越来越多的专业人士和爱好者开始探索如何利用代码来优化网站的功能、增强用户体验或者提升SEO排名。在这篇文章中，我们将介绍一些WordPress开发者常用的代码片段，这些代码不仅简洁高效，而且非常实用。

1. 自定义搜索框

代码片段:

// 在functions.php文件中添加以下代码：
function custom_search_form() {
    echo '<form method="get" action="' . home_url('/') . '">
        <input type="text" name="s" placeholder="Search...">
        <button type="submit">Search</button>
    </form>';
}
add_action('wp_head', 'custom_search_form');

效果: 当用户访问页面时，在页面头部会自动显示一个自定义搜索框，方便用户快速找到所需信息。

2. SEO友好URL重写规则

代码片段:

// 在functions.php文件中添加以下代码：
function my_rewrite_rules() {
    add_rewrite_rule('^page/([0-9]+)$','index.php?page_id=$matches[1]','top');
}
add_filter('query_vars', 'my_rewrite_rules');

效果: 使用这个规则后，WordPress会根据URL中的数字生成特定页面ID，从而帮助搜索引擎更好地理解页面结构。

3. 自动提交表单

代码片段:

// 在functions.php文件中添加以下代码：
function auto_submit_on_focusout($element) {
    if ( ! empty( $element ) && isset( $element['name'] ) && isset( $element['value'] ) ) {
        $element['onfocus'] = '';
        $element['onblur'] = 'if (this.value == "" || this.value.length < 5) {this.value = "";}';
    }
    return $element;
}

function auto_submit_on_blur($element) {
    if ( ! empty( $element ) && isset( $element['name'] ) && isset( $element['value'] ) ) {
        $element['onblur'] = '';
    }
    return $element;
}

add_filter('woocommerce_checkout_fields' , 'auto_submit_on_focusout');
add_filter('woocommerce_billing_fields' , 'auto_submit_on_focusout');
add_filter('woocommerce_shipping_fields' , 'auto_submit_on_focusout');
add_filter('woocommerce_customer_details_fields' , 'auto_submit_on_focusout');
add_filter('woocommerce_payment_methods_fields' , 'auto_submit_on_focusout');

add_filter('woocommerce_checkout_fields' , 'auto_submit_on_blur');

效果: 这些代码片段会在用户输入完订单或收货地址等信息后自动提交表单，减少填写时间并提高用户体验。

4. 增加面包屑导航

代码片段:

// 在functions.php文件中添加以下代码：
function breadcrumbs() {
    global $post;
    wp_get_archives(array(
        'type' => 'monthly',
        'echo' => false,
        'limit' => 6,
        'title_li' => ''
    ));
}
add_shortcode('breadcrumbs', 'breadcrumbs');

效果: 这段代码可以在文章末尾或页面底部插入面包屑导航，帮助用户了解当前页面的位置和历史浏览路径。

示例效果:

自定义搜索框效果:

SEO友好URL重写规则效果:

//example.com/search-rule.png” alt=””>

自动提交表单效果:

面包屑导航效果:

//example.com/breadcrumbs.png” alt=””>

通过以上代码片段，你可以轻松地为自己的WordPress站点添加各种功能，提升用户体验，优化SEO。记住，为了安全起见，请确保在部署新代码之前备份你的网站数据。

黑板IDE教书匠：

1. WordPress主题安装与设置

示例代码：

// 安装WordPress主题
add_action( 'init', 'install_theme' );
function install_theme() {
    wp_enqueue_style( 'my-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/script.js' );
}

// 设置默认主题样式和脚本
add_theme_support( 'custom-header' );
add_theme_support( 'custom-logo' );

解释：

这段代码首先添加了两个样式文件到WordPress的主题目录下，然后为网站设置了默认的CSS和JavaScript。add_theme_support()函数用于支持自定义头部和Logo。

2. WordPress插件管理

示例代码：

// 打开WordPress插件管理界面
add_action( 'admin_menu', 'show_plugin_list' );
function show_plugin_list() {
    add_options_page( 'Plugins', 'WordPress Plugins', 'manage_options', 'plugins.php', 'show_plugins');
}

解释：

此代码通过add_action()函数实现了打开插件管理页面的功能。options_page()函数可以创建新的选项卡或页面以显示插件列表。

3. WordPress缓存优化

示例代码：

// 缓存文章标签
add_filter('wp_cache_cache_headers', 'remove_post_tag_from_headers');
function remove_post_tag_from_headers($headers) {
    $post_type = get_post_type_object(get_post());
    if ($post_type->rewrite && !is_admin()) {
        foreach ($post_type->rewrite as $url => $args) {
            unset($headers[0][$url]);
        }
    }
    return $headers;
}

解释：

此代码通过add_filter()函数修改了WP Cache的缓存策略，当访问带有特定标签的文章时，会自动从URL中移除该标签，从而避免重复计算。

4. WordPress登录验证与安全

示例代码：

// 添加验证码
add_action( 'login_form', 'add_captcha_to_login_form' );
function add_captcha_to_login_form() {
    wp_register_script( 'captcha', get_template_directory_uri() . '/js/captcha.js', array(), null, true );
    wp_enqueue_script( 'captcha' );
}

解释：

这段代码使用add_action()函数来注册一个新脚本，这个脚本会在用户提交登录表单时运行。通过wp_register_script()函数注册了一个名为captcha的新脚本，之后使用wp_enqueue_script()函数将它添加到全局脚本库中。

5. WordPressSEO设置

示例代码：

// 搜索引擎优化
add_action( 'after_setup_theme', 'register_search_engine_optimizations' );
function register_search_engine_optimizations() {
    add_theme_support( 'seo-title' );
    add_theme_support( 'seo-description' );
    add_theme_support( 'seo-url' );
}

解释：

此代码首先执行after_setup_theme()函数，这是在Theme加载完毕后执行的。然后通过add_theme_support()函数注册了搜索标题、描述和URL的SEO支持。

6. WordPress图片上传处理

示例代码：

// 图片上传处理
add_action( 'upload_loop', 'process_uploaded_file' );
function process_uploaded_file() {
    global $wp_upload_dir;

    // 检查是否已上传文件
    if (isset($_FILES['image']['name'])) {
        $file_name = $_FILES['image']['name'];
        $file_tmp = $_FILES['image']['tmp_name'];

        // 保存图片到指定路径
        move_uploaded_file($file_tmp, $wp_upload_dir['basedir'] . '/' . $file_name);
    }
}

解释：

这段代码通过add_action()函数处理图片上传过程中的逻辑，主要涉及到检查文件是否存在以及如何将文件移动到服务器上。

7. WordPress评论管理

示例代码：

// 删除无用的评论
add_action( 'comment_status_' . get_option('default_comment_status'), 'delete_unnecessary_comments' );
function delete_unnecessary_comments() {
    $unwanted = array('spam', 'test', 'nonsense');
    $comments = get_comments(array(
        'status' => 'approve',
        'comment_approved' => '1'
    ));
    foreach ($comments as $comment) {
        if (!in_array($comment->comment_author, $unwanted)) {
            delete_comment($comment->comment_ID);
        }
    }
}

解释：

这段代码通过add_action()函数实现了一种更简洁的方式来删除不受欢迎的评论。这里我们过滤了评论的状态并根据$unwanted数组判断是否需要删除，如果满足条件，则调用delete_comment()函数删除相应的评论。

8. WordPress插件更新

示例代码：

// 更新WordPress插件
add_action( 'update_plugin_check', 'check_for_updates' );
function check_for_updates() {
    update_site_transient( 'plugin_update_check', false );
    $update_plugins = get_site_transient( 'plugin_update_check' );
    if ($update_plugins) {
        echo '<pre>';
        print_r($update_plugins);
        echo '</pre>';
    }
}

解释：

这段代码通过add_action()函数监控插件更新状态。当有新的插件更新时，会触发check_for_updates()函数，打印出最新的插件信息。

9. WordPress后台导航

示例代码：

// 启动后台菜单
add_action( 'admin_menu', 'add_custom_menus' );
function add_custom_menus() {
    add_menu_page( 'Custom Menus', 'Custom Menus', 'manage_options', 'custom-menus.php', 'display_custom_menues' );
    add_submenu_page( 'custom-menus.php', 'My Menu', 'My Menu', 'manage_options', 'my-menu', 'display_my_menu' );
}

解释：

这段代码通过add_action()函数实现了后台菜单的添加。add_menu_page()函数用于添加主菜单，而add_submenu_page()函数用于添加子菜单。

10. WordPress日志记录

示例代码：

// 日志记录
add_action( 'shutdown', 'shutdown_log' );
function shutdown_log() {
    // 打印日志
    error_log("Server shutting down.");
}

解释：

这段代码通过add_action()函数实现了对服务器关闭的记录功能。在这里，我们通过error_log()函数输出一条警告消息表示服务器即将关闭。

11. WordPress多语言支持

示例代码：

// 多语言支持
add_action( 'init', 'switch_default_language' );
function switch_default_language() {
    set_default_lang('zh-CN');
}

解释：

这段代码通过add_action()函数实现了WordPress的多语言支持。set_default_lang()函数被用来切换默认的语言环境。

这些代码片段都是基于WordPress核心提供的API编写，可以帮助开发者更好地控制和管理他们的站点。通过上述代码片段的学习，您将能够更加熟练地运用WordPress的各种特性，提高您的网站建设效率。

,

最新更新