前不久连着发了数篇文章，让博客的流量稍微增高了一些，巅峰时期超过了 500IP，我寻思着这流量不能白白浪费啊…我服务器很贵的好伐！于是我又开始折腾广告了…起先仍然是放了 Google AdSense，不过 G 家的中文广告实在太少了…每天十来个点击量恐怕都是误操作来的。因此，我想进一步在页面上增加 CPS 广告…这时，怎么放，放哪里成了一个值得探讨的命题。

如你所见，我最开始粗暴地将红包广告放在了边栏上，点的人少不说且看起来十分丑陋！所以我还是打算将它们插入到正文视图。直接用 WordPress 过滤器把内容加在正文中间或末尾处是个省事儿的办法，不过但每次修改广告还要动代码不甚安全，且灵活性不够，于是我想到了 WordPress 的区块样板功能。话说回来，WordPress 区块诞生已久我一直没认真用过，究其原因是我两个站的主题模块已经足够强大，且每当要另外构建页面时，一般都用更强大的 WPBakery Page Builder。

[ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-block-patterns/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

前段时间把 WordPress 文章归档页面、网站分类、文章标签以及导航菜单等进行了优化，但目前在实际使用过程中仍觉得“分类”不够清晰。思来想去，还是觉得用“标签归档”来作为分类导航比较直观。于是 Kevin 着手创建一个新的 WordPress 标签归档页面…嗯，还是觉得原来 Tiny 主题用的标签页好看，扒下来吧。

利用 Memcached 内存缓存为 WordPress 提速这可以算是广大 WordPress 站长的基本操作，大多数缓存加速插件也会调用这一模块，但使用情况到底如何，很多小白博主可能并不知晓。就拿我来说，我虽数年前就在系统中安装了 Memcached 扩展模块，直到近期才发现它根本就没用上，命中率为零…因而同样的，本文仅是我的折腾经验总结，是一篇个人笔记，可能也是小白们听得懂的实用教程。

首先，Memcached 内存缓存的作用是什么？简单点说它的作用是将访客浏览需要调取的动态数据¹缓存在内存中（它也能缓存静态数据，此处主要用于缓存数据库内容），以减少系统查询数据库的次数，从而提高网站的响应速度。以本站为例，在开启内存缓存前，首页需要查询 100 次左右数据库，..... [ 阅读全文 ]

---

原文链接： https://www.shephe.com/website/wordpress-memcached/
版权声明： Kevin's Space 版权所有，转载请用明链标明本文地址
本站相关： 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者

本次功能完全由 ChatGPT 实现，因此发布此文也是近期我对人工智能使用的一个心得体会…让 WordPress 评论框显示在内容之前，ha？起因是有一博友说评论框在评论最后感觉不太合适，体验不佳。想想确实也是，当访客围观一篇旧文想要发表一点见解时，需要翻过正文再翻过长长的评论内容，然后才能到达输入框键入文字回复，用户体验确实比较糟糕……这么一想我那留言板长久以来没人发言恐怕也有这个因素。

说干就干，目前已经发现了问题，接下来开始需求分析：想要实现访客发表评论时尽快抵达评论框。然后是解决方案：1、给评论分页；2、给评论框区域加个快捷导航，访客点一下展开或者直达；3、调换评论框和评论内容的位置，保持其一直在前；4、做一个浮动评论框；5、评论内容前后都加上评论框；6、留给你们脑洞大开。

以上几种方案排除掉大动干戈的，比较好处理的是以上第 1、3、5 种方案，我个人十分讨厌内容分页，并且分页也并不利于访客浏览。于是尝试给留言板添加两个评论框…嗯，你可能觉得这很蠢，确实很蠢，就不展开说了。然后我又设想把评论框放在评论内容之前…emmm，我个人觉得评论条数不多的情况下，还是把我这又大又丑的评论框放在页脚比较好看一些。

咦！忽然想到：要不做个判定，当评论数在一定数量以上时评论框置顶，否则在底部。

确定了方案最后开始工程建设，首先找到控制 WordPress 评论的代码段，然后对其进行改造……具体的施工环节咱指挥工人干就行，毕竟咱只会动嘴不会动手。不过话虽如此，这些个施工工人没有咱的领导和指挥，干活效率和正确率是相当拉跨。另外经我体验，至少在 WordPress 编程这方面，国内的文心一言、通义千问、Kimi 都不行，它们或许能读懂，但若说要写代码那是真不行，而且要现学资料，反应极慢。

Devv作为专门的编程机器人勘用，但是输入字数限制较低且阅读理解能力一般，有时候会犯低级错误，上下文逻辑也很差。最后还得是 AI 老大哥 ChatGPT，我体验下来不管是编程还是常规的语言类工作，它的响应和准度都是最快最好的。以我博客起名那篇文章来说，我后来又分别把关键词给了文心一言和通义千问，它们给出的回复总感觉是刚读过几年书的中学生，内容没啥创新，就知道堆词，末了总要“综上所诉”或者“总结来说”，诸如此类。

---

回到正题，我首先找到控制 WordPress 评论的代码段（一般是 comments.php），将其整个喂给 AI 让先消化消化，然后开始对话：请修改以下代码，实现当评论超过 50 条时评论框在评论内容之前，否则在最底部。AI 很快作出响应，它通过在原代码中添加判定函数、增加评论框核心代码的方式来实现，报错。我把错误结果反馈给它，它又能迅速的调整…就这样经历数个回合以后，依然有小错误没有实现我想要的结果。

我无奈地，自嘲般对着机器感慨了一句：我放弃了，还是不对。没想到它竟提议让我们尝试另一种方式，并且很快给出了代码…我把它写进服务器后居然成功了！至此我发现了和人工智能对话的诀窍，即要灵活运用诸如：换个方式、尝试、比如等词汇，可能会事半功倍。

随后我又提了一些小的需求，AI 都一一帮我实现了，基本达到了我预想的“当 WordPress 评论超过 50 条时，评论框在评论内容之前，否则在底部”功能，虽说目前这办法比较蠢，但至少简单轻便，对于我这样的代码盲已经很好了。我完整的comments.php代码如下，总的来说它是写了一个 JavaScript 脚本，作用在网页加载完成后，根据一些条件动态地控制网页元素的顺序和添加一些 CSS 样式。

<?php
/*
*   Comments Template
*
*   @version    1.0
*   @author     Greatives Team
*   @URI        https://greatives.eu
*/

    if ( post_password_required() ) {
?>
        <div class="help">
            <p class="no-comments"><?php esc_html_e( 'This post is password protected. Enter the password to view comments.', 'impeka' ); ?></p>
        </div>
<?php
        return;
    }
?>

<?php if ( have_comments() ) : ?>

    <!-- Comments -->
    <div id="grve-comments">
        <div class="grve-comments-header">
            <div class="grve-comments-number grve-h5">
            <?php echo"「";echo get_the_title($ID);echo"」有 "; comments_number(); ?>
            </div>
            <nav class="grve-comment-nav" aria-label="<?php esc_attr_e( 'Comments', 'impeka' ); ?>">
                <?php previous_comments_link(); ?>
                <?php next_comments_link(); ?>
            </nav>
        </div>
        <ul class="grve-comments-list">
        <?php
            wp_list_comments( array(
                'callback'       => 'impeka_grve_comments',
                'short_ping'  => true,
            ) );
        ?>
        </ul>
    </div>
    <!-- End Comments -->

<?php endif; ?>

<?php if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?>
    <div id="grve-comments">
        <p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'impeka' ); ?></p>
    </div>
<?php endif; ?>

<?php if ( comments_open() ) : ?>
<?php
        $commenter = wp_get_current_commenter();
        $req = get_option( 'require_name_email' );

        $args = array(
            'id_form'           => 'commentform',
            'id_submit'         => 'grve-comment-submit-button',
            'title_reply'       => esc_html__( 'Leave a Reply', 'impeka' ),
            'title_reply_to'    => esc_html__( 'Leave a Reply to', 'impeka' ) . ' %s',
            'cancel_reply_link' => esc_html__( 'Cancel Reply', 'impeka' ),
            'label_submit'      => esc_html__( 'Submit Comment', 'impeka' ),
            'submit_button'     => '<input name="%1$s" type="submit" id="%2$s" class="%3$s" value="%4$s" />',

            'comment_field' =>
                '<div class="grve-form-textarea grve-border">'.
                '<div class="grve-form-inner">' .
                '<label>' . esc_attr__( 'Your Comment Here...', 'impeka' ) . '</label>' .
                '<textarea class="grve-form-input-item" id="comment" name="comment" cols="45" rows="10" aria-required="true">' .
                '</textarea></div></div>',

            'must_log_in' =>
                '<p class="must-log-in">' . esc_html__( 'You must be', 'impeka' ) .
                '<a href="' .  wp_login_url( get_permalink() ) . '">' . esc_html__( 'logged in', 'impeka' ) . '</a> ' . esc_html__( 'to post a comment.', 'impeka' ) . '</p>',

            'logged_in_as' =>
                '<div class="logged-in-as">' .  esc_html__('Logged in as','impeka') .
                '<a class="grve-text-content grve-text-hover-primary-1" href="' . esc_url( admin_url( 'profile.php' ) ) . '"> ' . $user_identity . '</a>. ' .
                '<a class="grve-text-content grve-text-hover-primary-1" href="' . wp_logout_url( get_permalink() ) . '" title="' . esc_attr__( 'Log out of this account', 'impeka' ) . '"> ' . esc_html__( 'Log out', 'impeka' ) . '</a></div>',

            'comment_notes_before' => '',
            'comment_notes_after' => '' ,

            'fields' => apply_filters(
                'comment_form_default_fields',
                array(
                    'author' =>
                        '<div class="grve-form-input grve-half-size grve-border">' .
                        '<div class="grve-form-inner">' .
                        '<label>' . esc_attr__( 'Name', 'impeka' ) . ' ' . ( $req ? esc_attr__( '*', 'impeka' ) : '' ) . '</label>' .
                        '<input id="author" class="grve-form-input-item" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '"' .
                        ' />' .
                        '</div>' .
                        '</div>',

                    'email' =>
                        '<div class="grve-form-input grve-half-size grve-border">' .
                        '<div class="grve-form-inner">' .
                        '<label>' . esc_attr__( 'E-mail', 'impeka' ) . ' ' . ( $req ? esc_attr__( '*', 'impeka' ) : '' ) . '</label>' .
                        '<input id="email" class="grve-form-input-item" name="email" type="text" value="' . esc_attr(  $commenter['comment_author_email'] ) . '"' .
                        ' />' .
                        '</div>' .
                        '</div>',

                    'url' =>
                        '<div class="grve-form-input grve-border">' .
                        '<div class="grve-form-inner">' .
                        '<label>' . esc_attr__( 'Website', 'impeka' )  . '</label>' .
                        '<input id="url" class="grve-form-input-item" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '"' .
                        ' />' .
                        '</div>' .
                        '</div>',
                    )
                ),
        );
?>
        <script>
            document.addEventListener("DOMContentLoaded", function() {
                var commentForm = document.getElementById("grve-comment-form");
                var commentsNumber = parseInt(document.querySelector(".grve-comments-number").textContent.match(/\d+/)[0]);

                if (commentsNumber >= 50) {
                    var commentsHeader = document.querySelector(".grve-comments-header");
                    commentsHeader.parentNode.insertBefore(commentForm, commentsHeader);

                    var replyTitle = document.getElementById("reply-title");
                    replyTitle.style.display = "none";

                    var commentForm = document.getElementById("grve-comment-form");
                    commentForm.style.marginBottom = "30px";
                }
            });
        </script>

        <div id="grve-comment-form">
            <?php
                //Use comment_form() with no parameters if you want the default form instead.
                comment_form( $args );
            ?>
        </div>

<?php endif;

//Omit closing PHP tag to avoid accidental whitespace output errors.

---

至此，你可以对比本文评论部分和留言板的效果，应该说至少目的达到了吧……又借此逼逼奈奈水了一篇文章，但不得不说，AI 真的已经在改变我们的生活了。就最近我折腾 WordPress 时已经让 AI 帮忙做了很多工作，我就像个领导，指挥它、提示他、一步一步地完善，直到完成最后的工作……尽管我的需求可能无理，指挥的方向也不对，但不管怎样它都任劳任怨，不会摔键盘，工作态度相当 OK！

---

后来发现这个代码始终有一点小小的 Bug，且觉得在每个页面都去做条件判定有点儿浪费资源，反正我文章的评论不会很多…于是索性复制singular.php另起了一个template-guestbook.php，把上述的 Javascript 代码复制进去控制让评论框置顶，然后设置留言页面使用本模板，达到仅更改此页的目的。

另外分享一个代码片段：实现 WordPress 正文外部链接添加?ref=domain.com网站来源信息和rel="external nofollow" target="_blank"。这个代码片段因为我要排除目录 a 标签带来的干扰，也是 AI 沟通了许久才完美实现。

// 将正文所有外链加上 ?ref=shephe.com ，并添加 rel="external nofollow" target="_blank"
add_filter('the_content', 'rewrite_external_links');
function rewrite_external_links($content) {
    $srcUrl = home_url(); // 获取站点 URL
    $regexp = '/<a\s(?:[^>]*?\s)?href=(["\'])(.*?)\1(?:[^>]*)>(.*?)<\/a>/si';
    preg_match_all($regexp, $content, $matches, PREG_SET_ORDER);
    if (empty($matches)) {
        return $content;
    }
    foreach ($matches as $match) {
        $url = $match[2]; // 链接地址
        if (strpos($url, $srcUrl) === false && strpos($url, '#') === false) { // 排除掉带#的链接（文章目录）
            $new_url = $url . '?ref=shephe.com';
            $new_tag = '<a href="' . $new_url . '" rel="external nofollow" target="_blank">' . $match[3] . '</a>';
            $content = str_replace($match[0], $new_tag, $content);
        }
    }
    return $content;
}

最近在折腾本 WordPress 小站，在 AI 的帮助下已经陆陆续续实现了文章自建目录、EXIF 信息展示、灯箱插件修复、主动保留访客 Cookie 等功能…某天深夜我注意到，各大搜索引擎都没有录入本站 Logo，难道是用了美元$符号？遂我请 Chatgpt 帮忙设计一个 Logo，只是可惜，它说他仅是一款文字 AI，不会画图。

于是我接着征求他关于博客改名的意见…我这SHEPHE.COM域名注册于 2017 年，当时不知何故觉得还挺好拼写（实在是搞不了更好的.COM 域名了），且一直喜欢一首音乐叫 The Lonely Shepherd，于是站名就起了个“牧羊人”，并沿用至今。

仿佛做博客也逃不过七年之痒，最近看着站名越来越不顺眼，从人类主观来看这名字不太好记且有歧义；从搜索引擎的机器视角，检索牧羊人三字排在前面的页面均是不可逾越的高山，所以要不，咱换个名字？另外我忽然还想到，年底有一哥们软磨硬泡老想买我这域名，我没舍得（…其实是出价太低）……当时如果卖了现在这里恐怕已经生机盎然了吧！

以下内容均为 AI 生成，有一定参考意义，我个人觉得“阳光影志”和“Keivn's Space”还行，勘用。当然，您各位怎么看？

注意：此帖子中嵌入了一项投票，请访问该网站以参与此文章的投票。

Q：SHEPHE.COM，这是我的个人博客，主要分享个人生活日志、摄影照片等，请设计一个 logo

ChatGPT：当为个人博客设计 Logo 时，通常希望能够体现个性化、与博客内容相关的元素，并且吸引人眼球。鉴于您的博客主题是分享个人生活日志和摄影照片，以下是一个可能的 Logo 设计方案：

1. 图形元素：考虑使用一只简洁而富有个性的羊作为图形元素。羊的形象既代表了博客的名称 "Shephe" 中的 "Sheep"，也与个人生活日志相关联，呈现出温馨、舒适的感觉。
2. 字体选择：选择一种简洁、易读的字体，可以使用手写风格的字体来突出个性和温暖感。
3. 颜色搭配：考虑选择柔和的、温暖的颜色，例如淡黄色或淡蓝色，以展现轻松愉悦的氛围。也可以选择与博客整体风格相符的色彩。
4. 排版和布局：将图形元素与博客名称 "Shephe" 结合起来，可以在羊的一侧或上方放置文字，以清晰地展示博客名称。
5. 考虑响应式设计：确保 Logo 在各种大小的屏幕上都能清晰显示，并且在不同的背景下都能够突出。

综上所述，您可以考虑设计一个简洁而有趣的 Logo，以羊作为主要图形元素，搭配温暖的颜色和易读的字体，以突出您博客的个性和主题。

Q：请画一个

ChatGPT：很抱歉，作为一款文字型 AI 模型，我无法直接绘制图像。不过，您可以考虑以下步骤来创建您的个人博客 Logo：

1. 寻找设计师：您可以寻找专业的平面设计师或使用在线设计工具来创建您的 Logo。平面设计师能够帮助您将您的想法转化为具体的图像，并确保其视觉效果和品牌形象的一致性。
2. 在线设计工具：有许多在线设计工具可以帮助您创建 Logo，如 Canva、Adobe Spark 等。这些工具提供了许多模板和图形元素，可以让您自由地进行设计。
3. 自己动手：如果您具备一定的设计技能，也可以尝试使用矢量绘图软件（如 Adobe Illustrator、Inkscape 等）来自己设计 Logo。这需要一些学习和实践，但也可以创造出独特的作品。

在设计 Logo 时，记得考虑您博客的主题和目标受众，确保 Logo 能够准确地表达您的品牌形象和个人风格。祝您设计出完美的 Logo！

---

Q：SHEPHE.COM 是个中文博客，适合起个什么名字？

ChatGPT：为中文博客选择一个恰当的名字是很重要的，它应该能够吸引读者并传达你的主题或内容。考虑到 "shephe.com" 这个域名，以下是一些可能适合的中文博客名字：

1. 羊言辑录 (Yáng yán jí lù) - 结合了 "shephe" 的意象，突出了博客的内容收集和整理特点。
2. 羊轨录 (Yáng guǐ lù) - 使用了 "shephe" 中的 "she"（音译为“轨”），意味着记录和导航。
3. 羊道志 (Yáng dào zhì) - 强调了博客作为一种指引和记录的功能。
4. 羊迹轨 (Yáng jì guǐ) - 综合了 "shephe" 的意象和博客的导航性质。
5. 羊踪图录 (Yáng zōng tú lù) - 强调了博客作为探索和记录的场所。

这些名字仅供参考，你可以根据你的偏好和博客的主题进行调整或创新。确保所选名字易于记忆、独特并且与你的内容相关联。

Q：再帮我想想

ChatGPT：当然，请告诉我更多关于你的博客内容、主题或者你想要表达的理念，这样我可以提供更贴合的建议。

Q：个人博客，涵盖生活日志、WordPress 建站、心情语录等，同时将更新自己拍摄的照片、摄影教程，以及一些有趣的网络文摘

ChatGPT：基于你博客内容的描述，以下是一些可能适合的中文博客名字：

1. 影语轩 (Yǐng yǔ xuān) - 结合了摄影和文字内容，意味着通过照片和文字来传达信息。
2. 影心航 (Yǐng xīn háng) - 将摄影和内心的情感联系在一起，意味着摄影是心灵的航行。
3. 影光录 (Yǐng guāng lù) - 强调了照片的重要性，同时也指向了博客的内容多样性。
4. 影世图书馆 (Yǐng shì tú shū guǎn) - 将摄影比作是在书馆里借阅世界，强调了博客内容的丰富性和多样性。
5. 影说心语 (Yǐng shuō xīn yǔ) - 将摄影和文字联系在一起，意味着用照片和言辞来表达内心的感受。

希望这些名字能够启发你，找到一个适合你个人博客的名字。

Q：再想想

ChatGPT：当然，请问你喜欢哪种风格的名字？比如是更传统的、抽象的、或者是更现代的？

Q：现代的或者抽象的

ChatGPT：好的，基于现代或抽象风格，以下是一些中文博客名字的建议：

1. 虚影纪元 (Xū yǐng jì yuán) - 结合了摄影和文字的虚幻感，意味着博客记录了一个独特的时代。
2. 风影篇章 (Fēng yǐng piān zhāng) - 融合了风景摄影和心情文字，象征着博客是一个丰富多彩的篇章。
3. 影韵空间 (Yǐng yùn kōng jiān) - 将摄影与思想空间相结合，表达了博客内容的广阔和深刻。
4. 虚拟镜头 (Xū nǐ jìng tóu) - 强调了摄影的虚拟感，突出了博客的现代感。
5. 光影流年 (Guāng yǐng liú nián) - 将摄影与时间流逝相联系，表达了博客记录生活点滴的情感。

希望这些名字能够给你带来灵感，找到一个适合你个人博客的名字。

Q：结合我的名字呢？我叫陈阳

ChatGPT：结合你的名字陈阳，以下是一些结合现代或抽象风格的中文博客名字建议：

1. 阳光影志 (Yáng guāng yǐng zhì) - 结合了你的名字 "阳" 和摄影的意象，寓意为阳光下的摄影志向。
2. 陈阳摄界 (Chén yáng shè jiè) - 将你的名字直接与摄影领域联系起来，突出了博客的主题。
3. 影心阳志 (Yǐng xīn yáng zhì) - 结合了你的名字 "阳"、摄影、以及内心情感，表达了博客内容的丰富性。
4. 摄阳言影 (Shè yáng yán yǐng) - 结合了摄影和你的名字 "阳"，寓意为通过照片和言辞传达阳光般的影响。
5. 影阳心语 (Yǐng yáng xīn yǔ) - 结合了你的名字 "阳"、摄影、以及内心情感，寓意为通过影像和言辞表达内心的声音。

希望这些名字能够为你的博客提供一些灵感，找到一个符合你喜好的名字。

---

Q：我想给我这个博客改个名字，叫 Kevin's BLOG 还是 Kevin's Space 更好呢？

ChatGPT：选择博客名称是一个很重要的决定，它将直接关联到您的品牌形象和内容定位。两个选择都有各自的优点，具体取决于您博客的内容、风格和个人偏好。让我简要介绍一下：

1. Kevin's BLOG：
   • 优点：直接、简洁，清晰地表明这是一个博客。
   • 适用情况：如果您想要强调您的网站是一个博客，并且希望名称简洁明了，那么 Kevin's BLOG 是一个不错的选择。
2. Kevin's Space：
   • 优点：更加抽象、开放，给人更多的联想空间，可能更适合展示个人创作、分享心情和生活故事。
   • 适用情况：如果您的博客内容更多地涵盖了个人感受、思考和创作，希望营造一个更加开放和自由的氛围，那么 Kevin's Space 可能更合适。

综合考虑您的博客内容和目标受众，您可以选择一个更符合您需求和偏好的名称。您也可以考虑在社交媒体上发布一些投票或意见征集，以了解您的读者对于这两个名称的看法，从而更好地决定。最终选择取决于您个人的喜好和品牌形象。

当然，除了 "Kevin's BLOG" 和 "Kevin's Space" 之外，还有一些其他的建议供您考虑：

1. Kevin's Corner：这个名称传达了一种舒适、亲切的感觉，就像是一个私人空间，让读者感觉更亲近。
2. Kevin's Journal：如果您的博客更偏向于记录个人生活、思考和经历，那么 "Kevin's Journal" 可能是一个合适的选择，它强调了博客的日志性质。
3. Kevin's Insight：如果您的博客内容更注重分享见解、经验和学习，那么 "Kevin's Insight" 或者 "Kevin's Perspective" 可能更贴合您的内容定位。
4. Kevin's Odyssey：这个名称给人一种探索、冒险的感觉，适合于一个涉及旅行、探索和发现的博客。
5. Kevin's Gallery：如果您的博客主要是分享摄影照片和艺术作品，那么 "Kevin's Gallery" 可能更能突出博客的内容特色。
6. Kevin's Chronicles：这个名称强调了对于个人生活、经历和故事的记录，适合于一个内容更加广泛、多样化的博客。

在选择博客名称时，建议考虑您的目标受众、内容定位和个人品牌形象，确保名称能够准确地反映您的博客内容和风格，同时也能够吸引读者的注意力。希望这些建议能够帮助您做出更好的决定！