分类目录归档：Wordpress

Snip20210823 12

2021年仍然好用的缓存插件Hyper Cache配置教程

Wordpress、网络教程

Hyper Cache 是一款适用于 WordPress 的简单化、易于配置且高性能的缓存插件，即使 2021 年，仍然是最强的免费缓存插件之一！

Hyper Cache 是 WordPress 最古老的一款缓存插件。我仍然启用它的原因很简单，我的虚拟主机是国外商家，容量资源有限，博客内有大量旅游照片和 YouTube 视频，即使加上 CloudFlare CDN 速度也很慢，尤其是在 MySql 方面。Hyper Cache 解决了我所有的性能问题，它也可以解决你的网站速度问题哦！

Ps：目前 Hyper Cache 插件网上中文教程都处于 5 年之前的老帖子，回忆一下，那个时候是不是只有 Hyper Cache 和 wp super cache 几个缓存插件呢？到了 2021 年， Hyper Cache 注定还是小众，商业化插件多之又多，功能也越来越强大，但是你真的用得上吗？

下载和支持

下載它 在這裡 ，也可以在后台插件搜索：Hyper Cache 需要往下翻找，解决您的問題 在這裡 。（基本没人维护了）

如何检测它是否工作

使用干净的浏览器（不是您用来管理博客或以匿名模式打开新浏览器窗口的浏览器），并多次加载同一页面。查看页面源代码，在底部您应该会看到 Hyper Cache 绿色签名。

另一种方法是使用浏览器开发工具并查看面板：缓存页面的响应标头应包含特定的 “X-Hyper-Cache” 标头，其值为 “hit” 或 “hit-mobile” 。

超级缓存主要特点

  • 易于安装
  • 简单配置
  • 移动缓存
  • 移动设备
  • 压缩支持
  • 可绕过配置
  • 404缓存
  • bbPress
  • 特殊刷新选项
  • 仅可配置缓存最新帖子

下载安装

激活后，转到配置面板并按照说明进行操作。

通常你需要在 wp-config.php 文件中的 define(‘WPLANG’, ‘xx_YY’) 之后添加一行代码：

define('WP_CACHE', true);

插件选项在配置面板中有提示，可以用谷歌浏览器翻译成中文。

配置

U6cip4le o

缓存页面将有效于……

这是用来考虑已经缓存的页面仍然有效的时间（以小时为单位）。如果页面在缓存中但早于指定的小时数，则不会考虑并重新生成页面。一般是默认不动 24 小时。

启用压缩

应该启用压缩有两个原因：

  1. 节省一点带宽（大部分带宽用于图像而不是页面的文本部分……）
  2. 快速加载博客文章，让用户体验更好

此外，如果您有一个主要是文本博客，您将节省客户端的流量。

如果您在启用压缩时注意到奇怪的字符而不是常规页面，则意味着您的服务器已经在动态压缩页面。那就不必要开启压缩。

当帖子被编辑时

  1. 清除档案、分类、标签等，除了主页 2. 清除所有缓存

（建议勾选第一，更新文章或者改动文章只清除对应的缓存，无需清除所有）

浏览器缓存

启用浏览器缓存后， Hyper Cache 会告诉浏览器在其缓存中保留该页面的副本，并且不再请求该页面（直到它过期）。这个好处就是，你多次访问一个页面，基本是不用加载即可打开，但如果缓存时间没有到期，页面有改动变动浏览器都不会知道。

Mw3uhmrl o

绕过（保持默认即可）

Hyper Cache 可以配置完全忽略某些类型的页面。例如，您可能不想缓存主页以使其始终保持最新或不缓存摘录以节省磁盘空间，因为它们很少被请求。（用户通过搜索引擎搜索进入一定不是主页通常是文章页）请记住， WordPress 为每个帖子提供了一个摘录……

其他绕过基于匹配规则：例如，如果您安装了一个论坛，哪些页面位于 URL“/forums” 下（实际上调用 URI 更正确），从不缓存此类页面将 “/forums” 添加到“从要绕过的 URI 开始”。

其他绕过是每个用户代理、 cookie 名称或确切的 URI 。

URI 匹配

URI 是站点页面地址的一部分，没有域名。例如这个页面地址是https://www.zentravel.cc/plugins/hyper-cache/embed#?secret=ZdjkdAbPIi

URI 是以 “/” 开头的 “/plugins/hyper-cache” 。所以如果我不想缓存这个页面，我需要指定“/plugins/hyper-cache” 作为绕过的 URI 。

如果要排除的 URI 多个，只需每行插入一个。请记住：URI 是域名后的完整部分。如果您的博客安装在如下路径下：

http://www.satollo.net/

要排除该页面，您必须使用值 “/blog/plugins/hyper-cache” 作为 URI 。

对于“开头为” URI 匹配，同样的注意事项适用。

Ps：保持默认即可！

Us6eikr4 o

进一步缓存

当文章收到评论时

需要勾选清除当前的页面、存档等，而不是所有！

当用户在您的博客中发表评论时， WordPress 会使用一些 cookie 来存储他的数据并用他的姓名、电子邮件和站点填充字段的评论，缓存必须注意这一点，以避免提供那些填充了这些字段的另一个用户数据。

因此，当访问者拥有这些评论 cookie 时，大多数缓存都会简单地禁用它们。Hyper Cache 能够管理这种情况并为访问博客的评论作者提供缓存页面，同时仍使用访问者的数据预先填充评论字段。

移动手机

Pfxfai78 o

如果您的博客为移动设备提供不同的内容或不同的主题，您必须考虑使用双缓存，一个用于桌面内容/主题，另一个用于移动内容/主题。（多年前的博客网站都不是自适应，所以有专门开发的移动主题插件，如今都是自适应，就不必要开启了）

手动清除缓存

Vaso1fli o

因为 Hyper Cache 年代久远了，并且作者好久都没有更新，所以不会显示在工具栏一键清除缓存，需要找到设置，顶部的三个蓝色按钮，按照需要手动清除缓存！

  • 清除所有缓存
  • 清除主页和存档
  • 计算缓存大小

最后，目前我的 WordPress 旅游博客一直使用 Hyper Cache ，页面加速了少，您知道吗？作者仍然一直维护这款插件，在后台插件设置页面有捐款按钮，作者会将捐款所得金额全部捐给公益组织，这让我很敬佩。本文翻译于插件作者的 博客

2021 年 8 月 28 日插件更新了。感谢作者 3 年后的更新，去后台看了一眼，可能是例行维护更新，并没有增加和减少功能，完美适应 WordPress 5.8 版本，真不错，赶紧去更新了。

Jiancheng210820 4

免费广告插件Ad Inserter设置教程

Wordpress、网络教程、
Ad Inserter

有些wordpress主题自带广告黄金位置，比如知更鸟主题、XIU主题等，就没有必要安装广告插件来实现广告在博客页面的显示。但往往国外的很多免费主题，不带有广告位，如果在主题添加一些代码的话，就有点麻烦，有时候换主题或者升级主题，会将其掩盖，所以就有了各式各样的广告插件，目的是为“AdSense Ads “广告添加一个放代码的位置，实现在博客页面的主页、文章页、侧边栏、标题后、标题前呈现广告。

1.Ad Inserter广告插件的功能

推荐Ad Inserter广告插件，这是一个比较强大的广告插件，设置很简单，功能强大，说功能强大就是可以满足在博客所有不同的位置投放广告，一共有18个广告位，包括了首页、文章头部、文章第一段落后，图片后，评论前后等等，简单快捷虽然是英文界面，但可视化的操作，闭着眼睛都可以使用，只需要将代码填入进去，选择合适的位置之后保存就ok，无需任何复杂的手续。

2.下载/安装插件

 

Ad Inserter设置教程

这是一款免费的广告插件，在Wordpress后台插件搜索：Ad Inserter安装启用即可，也可以去官网下载，点这里下载

3.如何设置插件

1.仪盘表——设置——打开Ad Inserter设置

在Ad Inserter插件内填入广告代码即可，只要是html代码格式的所有广告都可以填入，包括谷歌联盟、百度联盟，还有亚马逊等，自制的超链接图片广告也是可以实现。

2.选择广告要出现在哪几个页面。

 

Ad Inserter设置教程

如果是匹配广告那么可以只在首页（home）打勾，这样广告就只会出现在首页，其他页面可以重新设置另外的广告代码。当然如果你要所有页面都要出现匹配广告，那这6个都要打勾。

通常我设置的广告是：首页（home）、分类页（catgory page）、搜索（search）只允许匹配广告，因为我的博客这几个页面对匹配广告很友好。而文章页（post）我会选择自适应广告，穿插在文章头部和底部。如果你博客评论较多，可以在文章页（post）下方位置选择评论前后广告，这样在评论里也能看到广告。

 

Ad Inserter设置教程

2.填完代码后，在下方的可视化位置选择一个合适的位置，点击保存即可立即呈现在网站内。（建议使用谷歌浏览器自带翻译功能）

4.注意事项

1.如果网站有缓存插件，记得清除缓存后才能看到明显效果。2.一定要保存后才有效果，设置完后点击保存（save setting）。

我实验了许多的广告插件，只有Ad Inserter插件最顺手，也是最简单，傻瓜式的一键操作，上手快，只需要5分钟就可以将网站布满广告。其实还有一个最简单的方法，如果你使用谷歌联盟，那么自动广告更加省心，只需点击开启按钮，1个小时后，网站的广告满天飞，再也不用操心了，只需要专心的原创内容即可，剩下的就交给Google吧！

 

 

 

 

Screenshot.png

启用新主题oceanwp，支持中文适合博客

Wordpress、网络教程

折腾主题是Wordpress爱好者的一个习惯，写博客已经差不多十年了，从最简单的官方免费主题，到之后的国人开发的，如知更鸟、秀主题，到bigfa的「仿爱范儿」主题，最开始我的用的就是bigfa的「仿爱范儿」主题，移动端友好，并且功能简单，标准格式，左侧缩略图右边文字。其实这个主题如果bigfa维护的话，我还会使用的，因为我现在用的主题仍然是标准模式的，足够用了，据我所知，「左岸读书」也一直用的bigfa的爱范儿主题，在3年前还是4年前变更为现在的，但还是bigfa开发的。

我用过的主题细数一下有10个多吧，最喜欢的还是「仿爱范儿」主题，以至于以后用的所有主题都会参照爱范儿主题的格式寻找，什么瀑布流、网格式这些都是花里花哨，不爱用，有时候偶尔尝尝鲜可以尝试一下，但最终还是回归到了标准模式——左侧缩略图右边文字。

本次启用的主题是：oceanwp免费版，收费版的貌似价格不便宜，国外主题都在49美元-69美元之间，oceanwp主题收费版是多了一个功能强大的插件，这个插件可以让整个主题变幻莫测，可以形成个人博客，还能形成企业主题，更甚至有外国人用这个主题打造了20个不同的网站，没有做不到，只有想不到。足以证明此款主题之强大。

（其实呢，国外主题开发都是这样子的，功能强大，可以满足不同场景需要，比起国内的开发者，简直不能相比，这一点就可以看到Wordpress主题库内，基本没有中国人开发的主题，难不成中国的程序员落后，也不是，只因为中国写博客的需求小，有这种需求大概都在门户网站写了。）

oceanwp主题的设置：

下载地址点这里，或者直接在后台搜索：oceanwp 即可安装。支持简体中文，这个社区https://litepress.cn（知道这个社区是因为Gravatar头像无法显示找到这里的插件，这个插件就是：WP-China-Yes）已经将这款主题汉化到了99%，还有一部分没有汉化，比如评论区。这个评论区要吐槽一下，发表评论按钮是英文不影响，最丑的就是留言人的名字会加上：第XXX页，多此一举非常难看。除此之外，这个主题基本是汉化完毕了。

 

oceanwp主题有三种显示模式，大图、网格、缩略图。我目前使用的是缩略图模式，这种是最经典的排列方式，如果你博客有谷歌广告的话，可以用到feed模式的广告哦！但有一点注意的是，缩略图模式右侧的文章摘要和标题一定要控制好长度，否则会非常不美观。（注意：内容为王，首页固然重要，但是内容一定是第一）

如图所示：缩略图模式｜标准模式我的最爱：

网格模式不用担心文章摘要的长短，也不用担心缩略图的大小，网格模式的缩略图可以选择大、中、小，会自动对齐裁剪。有时候我也会启动这种模式！（只要主体框架、代码不变动，对seo影响不大）

这款模式台湾blogger用的非常非常多，我见过的众多台湾人的博客中，很多都是采用这种大图+摘要+阅读更多，并且会在特色图片上加许多花里花哨的文字，将文章主要内容都体现在头图上了，看的眼花缭乱，大概是受到了日本广告牌的影响。这种有个好处就是头图可以放很多东西上去，放眼望去，欧美国家的头图都简洁的不像话，两个字：干净！

oceanwp主题的功能：

  1. 强大的功能面板（中文友好）
  2. 自定义
  3. 字体排版、谷歌字体库、默认字体
  4. 三栏、两栏、单栏
  5. seo友好（对百度搜索友好不友好就不知道了，但对谷歌是100%友好）
  6. 颜色设置
  7. 强大的菜单栏
  8. 强大的头部logo模式
  9. 版式样式：盒装、全宽、块

这几个常用的功能我用到的是字体排版。

oceanwp主题启用后我修改了几处。

  • 将文章字体变大。原本默认字体是14px，改为18px就顺眼多了。移动端改为20px。
  • 改变了头部logo，将logo和菜单放在一排。
  • 将所有超链接改为蓝色，原先是黑色，识别度不高。
  • 将字体默认改为：Noto Sans SC，这是谷歌的思源黑体简体，虽然是谷歌字体，但网站打开速度不变，大概是因为cloudflare CDN的效果。

以上几个改动没有任何代码，只需要在主题自定义，自行探索设置即可。字体设置可以参考官方文档这里

目前调教出来的主题后就是现在网站所显示到的，自我感觉良好，特别是搭配了古腾堡编辑器，让那个写文章更加顺手流畅，所见即所得呢。

oceanwp主题的缺点：

缺点1:搜索结果页面的缩略图有大有小，并且不会和首页显示的板式一样，这一点太让人纠结了！我通过缩略图重新编辑插件来重新处理，也不起作用，太丑了！

缺点2:评论没有汉化，并且在移动端评论没有层级之分。

总体来说，这个主题目前会使用持续很长一段时间，如果百度搜索会加快收录的话，那再好不过了。

 

Wordpress5.7

wordpress 5.8版本太难用，2种方法恢复传统小工具和经典编辑器Classic Widgets

Wordpress、网络教程

轻微强迫症的我受不了在页面上出现「更新提示」，于是我就手贱的点了「请立即更新」，如果你不来回折腾小工具的话，什么事情都没有，因为本次更新最大的变动就是小工具也变成了可视化，和「写文章」的编辑器一样，难找、难用、不人性化。考虑到用户体验，官方专门弄了一个「经典小工具」的插件来缓解用户内心的气愤，安装插件多了就会让博客卡顿，于是我就又恢复到了WordPress 5.7，唯一让我难受的就是上面一直提示更新更新更新。

还是老版本好用，新版本显得格外的臃肿。不得不说，wordpress官方设计页面真的很合我的胃口，特别是最新默认主题22，简单的格局，大字体，在移动设备上非常人性化，类似iphone浏览器的阅读模式，但是我不会代码，如果可以的话，我希望加小工具，同时将标题变小，因为在电脑上标题占据了整个页面，但是在移动设备上没有问题。这个22主题就是针对移动端的哦～

历代wordpress版本下载地址

其实官方已经有经典编辑器和小工具的插件了（可以下载），即使是更新到最新的5.8或者以后更新的版本，有插件在就无所谓了，但我建议更新，因为官方更新会填补一些漏洞，加强安全措施，如果不用插件的话，也可以在主题内添加代码实现，代码如下：

两行代码禁用 WordPress 5.0+ Gutenberg（古腾堡）可視化 编辑器

下面代码添加到当前主题函数模板 functions.php 中即可，不需要其他插件。

add_filter( 'use_block_editor_for_post', '__return_false', 999 );
remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' );

两行代码禁用 WordPress 5.8+ Gutenberg（古腾堡）可视化小工具

将下面代码添加到当前主题函数模板 functions.php 中即可，不需要其他插件。

//WordPress 5.8 disable the new Widgets Block Editor Restoring the classic Widgets Editor.
add_filter( 'gutenberg_use_widgets_block_editor', '__return_false' );
add_filter( 'use_widgets_block_editor', '__return_false' );

或者下面代码也可以：（任选一个就可以了）

function mythemetheme_support() {
    remove_theme_support( 'widgets-block-editor' );
}
add_action( 'after_setup_theme', 'mythemetheme_support' );

 

✅请使用子主题更改，否则主题一旦更新又要重新添加。

✅插件方面官方支持到2022年，再此之前，插件都非常稳定，2022年之后就不得而知，到时候肯定会有其他解决方式。当习惯了这一切，除了写文章比较麻烦之外，好像没有其他弊端，毕竟小工具不会经常去改变，无非加个广告而已～

参考：Restoring the classic Widgets Editor

垃圾站

Snip20220328 35

catch box主题搜索结果显示特色图像 featured images now showing in search results

Wordpress、网络教程、

参考官方论坛答疑

catch box 主题搜索结果是摘要，不显示特色图片，去了论坛，有答案。如下：

/wp-content/themes/catch-box/content.php 第38行 左右

`if ( is_search() ) : // Only display Excerpts for Search ?>
<div class=”entry-summary”>
<?php the_excerpt(); ?>
</div><!– .entry-summary –>`

换成即可：

if ( is_search() ) : // Only display Excerpts for Search ?>
            <div class="entry-summary">
             <?php if ( has_post_thumbnail() ):?>
               		<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'catch-box' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
						<?php the_post_thumbnail('featured-slider'); ?>
                   	</a>
                <?php endif; ?>
                <?php the_excerpt(); ?>
            </div><!-- .entry-summary -->

wordpress部分内容登录可见纯代码分享不用插件

Wordpress、网络教程

有些会员网站，会把会员内容掩藏起来，可以设置称恢复可见、输入密码可见，也可以设置成登录用户可见，那么部分内容登录可见的纯代码是什么呢？以前路兜博客分享过插件，不过6年没有更新了。
具体实现步骤如下：
1、将以下代码添加到Three主题的 functions.php 文件最后一个?>的前面。

//部分内容登录可见
function login_to_read($atts, $content=null) {
extract(shortcode_atts(array("notice" => '
温馨提示：此处内容需要登录后才能查看！
'), $atts));
if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
return $content;
return $notice;
}
add_shortcode('vip', 'login_to_read');

PS：将上面代码中的login.php替换为站点的登录地址，以方便用户快速登录。

2、在编辑文章的时候，只需要切换到文本模式，在需要隐藏的部分内容中前后加上短代码即可。


[vip]我是被隐藏的内容，样式一（默认样式）[/vip]


[vip notice=”登录后才显示哟”]我是被隐藏的内容，样式二（自定义回复信息）[/vip]


其中样式一的提示信息就是第一步中的“温馨提示：此处内容需要登录后才能查看！”，样式二的提示信息就是“登录后才显示哟”，具体选用哪个样式由大家自己决定了。


效果图如下：
登录前后效果图


至此，WordPress文章部分内容登录后可见功能已经在Three主题实现，其他主题的实现方法也是一样的。
PS：这个功能建议不要轻易开启，因为要注册登录后才可以看到，除非分享的文章或资源很吸引人，要不然很多人都会直接关闭走人的，切记。


PS：如想实现WordPress文章部分内容输入密码可见的，请移步《Three主题实现WordPress文章部分内容输入密码后可见》。

PS：如想实现WordPress文章部分内容评论/回复可见的，请移步《如何实现WordPress文章部分内容评论/回复后可见》。

Catch box 主题修改css如下

Wordpress、网络教程 
/* 阅读更多另起一行 */ 
.more-link {
display: block;
margin-top:10px;
}
/*小工具文字大小、行高 */ 
.widget a
{
font-size: 15px;
line-height: 1.6em;
}
.widget{
padding:15px;
}
/*文章内表格 */ 
.wp-block-table td {
padding: 4px;
}
/* 小工具标题底部的点*/ 
.widget-title {
border-bottom: 1px dotted #ccc;
}
/* 所有框取消 */ 
.hentry,
.widget,
.post-navigation,
.no-results,
.page-header, 
.breadcrumbs,
.error404 {
border:none;
}
/* 图片边框取消 */ 
img[class*="wp-image-"],
.textwidget img,
img.wp-post-image,
img.attachment-thumbnail{
border:none;
}

#site-generator {border:none;}


/* 面包屑取消首页 */ 
.home .breadcrumbs.breadcrumbnavxt {
display: none;
}

WordPress悬浮插件Q2W3 Fixed Widge不遮挡底部的方法

Wordpress、网络教程

让自己的博客侧边栏悬浮，是一件非常有趣的事情，很多中国人制作的主题都会实现这一功能，毕竟一篇长文章谁也不想孤零零的看到右侧/左侧一片空白，如果侧边栏会随着文章下拉而动就好了，这款插件悬浮插件Q2W3 Fixed Widge特别好用，而且是免费的。这是一款非常老牌的插件，作者一直默默无闻的更新，在很久之前，这款插件有个缺点就是：悬浮的侧边栏小工具会遮挡底部区域的情况。好在作者解决了这个问题。

注意：每个主题的footer ID不一样，填入方式也不一样，我的主题直接填入「footer」就起了效果，你也可以尝试一下。

谷歌浏览器右键——查看源代码——ctrl+f搜寻——ID（太多ID了）于是我直接搜寻「footer」在前面有ID两个字母，西马当活马填入，清除缓存，生效。一定要清楚缓存！！

Q2W3 Fixed Widge插件加强美观，与页面对其，只需在插件设置中「上边距」和「下边距」细微的调整即可。如图所示。

如何使移动和平板不起作用，换句话说，禁止在手机和平板悬浮，那就将停用宽度填写900像素即可，清除缓存，生效。