7 个实用的 WordPress 代码片段

本文分享了多个实用的WordPress代码片段,包括搜索结果关键字高亮、空搜索跳转首页、关闭文章标签、清理菜单CSS类、自动设置特色图像及添加附件短代码。这些代码可直接添加到主题的functions.php文件中,用于优化网站功能和用户体验。

WordPress基础教程
阅读时间: 42 分钟
最后更新时间:2025年11月13日

贴几个最近用到 WordPress 的代码片段,代码均搜集于网络,使用方式都是添加到主题的 functions.php 文件。

搜索结果页面关键字高亮

为搜索结果页中的标题和正文的关键字添加 highlight 类,然后你就可以通过 CSS 设定高亮样式了。

function c7sky_highlight_search_keywords($text){
    if ( is_search() ) {
        $s = get_search_query();
        $keys = explode(' ', $s);
        $text = preg_replace('/(' . implode('|', $keys) . ')/iu', '<strong class="highlight">$1</strong>', $text);
    }
    return $text;
}
add_filter( 'the_title', 'c7sky_highlight_search_keywords' );
add_filter( 'the_excerpt', 'c7sky_highlight_search_keywords' );

搜索关键字为空时自动跳转到首页

默认情况下,如果关键字为空,WordPress 会列出所有的文章。谁会这么无聊… 不如自动跳转到首页。

function c7sky_redirect_blank_search( $query_variables ) {
    if ( isset( $_GET['s'] ) && empty( $_GET['s']) ) {
        wp_redirect( home_url() );
        exit;
    }
    return $query_variables;
}
add_filter( 'request', 'c7sky_redirect_blank_search' );

关闭文章的标签功能

用不到标签,留着碍眼?去掉吧,就这么简单粗暴。

function c7sky_unregister_post_tag() {
    unregister_taxonomy_for_object_type('post_tag', 'post');
}
add_action( 'init', 'c7sky_unregister_post_tag' );

清理 WordPress 菜单中的 classes

WordPress 菜单默认会输出一堆然并卵的 classes。如果你有洁癖,可以只保留你觉得有用的 classes,比如我觉得 current-menu-item 和 menu-item-has-children 最有用了。

function c7sky_cleanup_nav_menu_class( $classes ) {
    return array_intersect($classes, array(
        'current-menu-item',
        'menu-item-has-children'
    ));
}
add_filter( 'nav_menu_css_class', 'c7sky_cleanup_nav_menu_class' );

自动设置文章的第一张图为特色图像

懒得每次手动设置特色图像?这段代码可以自动把文章中上传的第一张图片设置为特色图像。(不支持外链图片)

function c7sky_autoset_featured_image() {
    global $post;
    if (!is_object($post)) return;
    $already_has_thumb = has_post_thumbnail($post->ID);
    if (!$already_has_thumb)  {
        $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
        if ($attached_image) {
            foreach ($attached_image as $attachment_id => $attachment) {
                set_post_thumbnail($post->ID, $attachment_id);
            }
        }
    }
}
add_action( 'the_post', 'c7sky_autoset_featured_image' );
add_action( 'save_post', 'c7sky_autoset_featured_image' );
add_action( 'draft_to_publish', 'c7sky_autoset_featured_image' );
add_action( 'new_to_publish', 'c7sky_autoset_featured_image' );
add_action( 'pending_to_publish', 'c7sky_autoset_featured_image' );
add_action( 'future_to_publish', 'c7sky_autoset_featured_image' );

添加短代码

这段代码是把 [attachment id=”1,2,3″] 输出为一个附件列表。

function c7sky_attachment_shortcode( $atts ) {
    $ids = explode(',', $atts['ids']);
    $html = '';

    foreach ($ids as $id) {
        $url = wp_get_attachment_url( $id );
        $name = basename($url);
        $html .= '<li><a class="file" href="' . $url . '" target="_blank">' . basename($url) . '</a></li>';
    }

    return '<div class="attachment-box"><h5 class="title">附件:</h5><ul>' . $html . '</ul></div>';
}
add_shortcode( 'attachment', 'c7sky_attachment_shortcode' );

获取文章的第一张图片

function c7sky_get_first_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('//i', $post->post_content, $matches);
    $first_img = $matches[1][0];

    if ( empty($first_img) ) {
        $first_img = "/path/to/default.png";
    }
    return $first_img;
}

 

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI里面继续讨论:

曾凤祥

曾凤祥

WordPress技术负责人
小兽WordPress凭借15年的WordPress企业网站开发经验,坚持以“为企业而生的WordPress服务”为宗旨,累计为10万多家客户提供高品质WordPress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽WordPress能坚持多年,是因为我们一直诚信。

相关文章

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部