文章分类: WordPress

全世界竟然有超过40%的网站是基于WordPress创建的!
博主对WordPress长期深入研究,并有着大量的实践案例,总结了大量的博文笔记,是一位WordPress“硬核”玩家。
本博客不做泛泛的插件、主题分享,博主致力于WordPress深入开发技术的研究,主张牢牢掌握WP核心的开发能力,尽可能脱离插件和主题的束缚。

WordPress简单输出菜单/子菜单的内容列表

在定制网站的时候,高效利用菜单可以节约很多开发时间。比如要输出一系列的相关页面,我们可以新建一个菜单,把这些页面都放到菜单里,然后用“wp_nav_menu”方法输出这些菜单项,比如这样。

1
2
3
wp_nav_menu( array(
	'theme_location' => 'menu-top'
) );

wp_nav_menu是一个已经高度封装的输出函数,你可以通过注入参数自定义各种标签和样式,具体可以查看官方文档(https://developer.wordpress.org/reference/functions/wp_nav_menu/),本文就不赘述了。但有一个问题它没有办法解决,也就是只输出特定的子菜单项,而不是整个菜单的菜单树。

假如我通过wp_nav_menu方法可以输出以下这个菜单,我需要在某些地方只输出圈出的这块子菜单,有什么方法可以做到吗?
WordPress简单输出菜单/子菜单的内容列表
查看详细 »

星之海、双截龙外传、塔博尔幽灵…世界上还有哪些游戏公司用WordPress做自己的网站 – 之二

在自己研究WordPress开发技术的同时,我也一直都很关注网络上不断出现的WordPress知名案例,尤其是游戏行业的。因为在国外,这个行业的中小型开发公司非常多,往往结合成本和时间上的要求,他们都会选择用WordPress建立自己的团队官网和产品官网。继上一篇 “除了“愤怒的小鸟”,还有哪些游戏公司和游戏作品用WordPress建了官方网站”后,让我们继续看更多游戏公司的WordPress的网站吧。

Rogue Side,这家工作室的作品很二次元,有美漫、合金弹头、黑帮等各种风格的融汇,很有味道
Rogue Side - WordPress游戏网站
URL:https://www.rogueside.com
查看详细 »

给WooCommerce变量产品添加属于变量的自定义字段

WooCommerce二次开发中,我们经常需要根据业务需要,给产品添加自定义字段,这在我很久以前的一篇博客中详细介绍过。不过那篇文章中我们添加的是产品本身的自定义字段,对于可变产品(Variable Product),如果需要为其每个变量(很多人喜欢称作SKU)各自添加自定义字段,以下这篇文章能教你如何实现。

给WooCommerce变量产品添加属于变量的自定义字段

如上图,这是一个可变产品下的一个变量,我为其添加了一个名为“New Custom Meta”的字段。同时这个字段框会出现在这个产品的所有变量下供店主编辑。WooCommerce默认已经为可变产品提供了价格、尺寸、重量、库存、描述等一系列字段,但它仍然无法满足所有要求,比如我的每个SKU都会有不同的材质、保质期等等,我就需要添加新的字段去描述它们。 查看详细 »

可能是最好用的WordPress/PHP本地环境搭建工具 – DevKinsta

经常用WordPress开发网站的人,在本地搭建开发/测试环境,通常会使用PHPStudy或者WNMP之类的集成工具包;亦或者先搭建本地Linux虚拟机,在虚拟机里安装LNMP或宝塔面板。总之,搭建环境这件事,虽然有以上工具包帮你把Nginx/Apache、PHP、MySQL这些软件快捷集成了,绕开逐个编译安装的麻烦步骤,但对于新手来说仍然会因为各种设置问题,或者漏掉某些关键操作,不断踩坑。

今天我要介绍一款安装步骤极少、没有设置分支、极不容易踩坑的WordPress开发环境架设工具,它是基于Docker的集成Linux环境,帮你一键安装Nginx、MySQL、PHP并自动部署WordPress的软件。如果你是一名不使用WordPress的PHP开发者,你也可以用它快速搭建本地PHP环境,只需要几分钟即可,堪称神器。

神器的名称叫做DevKinsta

经常看我文章的人,知道我一直推崇建跨境网站用Kinsta的服务器。DevKinsta一看就和Kinsta有关,但这一篇不是Kinsta的软文,我会忍住不贴Kinsta的推广链接。

DevKinsta确实是Kinsta家开发的,但他完全是助力WordPress开发者的软件,不管你用不用Kinsta服务器,他都是免费给开发者下载的。下载地址在此:https://kinsta.com/devkinsta/

它提供Windows、Mac和Ubuntu三个版本,我们自然是用Windows版了。
可能是最好用的WordPress/PHP本地环境搭建工具 - DevKinsta
查看详细 »

WordPress自动给图片增加fetchpriority属性的作用和控制方法

在WordPress升级到近期版本6.3以后,官方为了进一步提升WP的SEO表现,即在Largest Contentful Paint (LCP)方面的表现,会自动给一些图片添加一个新属性 – fetchpriority。字面意思可以理解为元素加载的优先级。参考文档点这里(https://www.searchenginejournal.com/wordpress-6-3-will-improve-lcp-seo-performance/491691/)。

我自己的WordPress博客,正文中就发现有一部分图片由原本WP自动给与的懒加载属性(loading=lazy)变成了这个优先加载属性(fetchpriority=high)。

通常这个属性会被添加在多图文的第一张图片中,如果第一张图片是一张小图片,则会顺延至后面的图片。这个过程不需要博客编写者参与,WP会自动完成这项它自认为的优化工作,但对于代码敏感的开发者,就有一点难受了。 查看详细 »

关于网站图片的渐进式加载和懒加载的实现

衡量一个网站SEO做得好不好的一个重要指标,是页面的打开速度,而影响一张网页打开速度的一个很重要的因素,是加载图片的大小。目前网络上流行的两个优化图片的概念,分别是渐进式加载懒加载。一个好的网站,需要同时对图片都做到渐进式加载和懒加载这两种处理。

懒加载,意思是浏览器加载页面的时候先不加载图片,视窗滚动到能显示图片的位置的时候,图片再自动加载。这样可以避免打开页面的同时因为要加载图片,导致的页面打开时间变长的问题。目前主流浏览器已经都可以不用JS实现了,只要给图片加上loading=”lazy”的属性即可。WordPress基本已经替我们自动实现了,只要是通过content或者thumbnail相关的函数调用的图片,WP自动会给它们加上这个属性:

查看详细 »

WordPress安全运维,后台记录用户注册、最后登录的IP地址

WordPress用户必然会碰到的一个问题,是各种注册、评论机器人会扫描你的网站,并试图发布垃圾评论和文章。而对于多用户的网站,我偶尔会碰到一些有发布权限的用户被泄露了账号密码后,账号就被这些机器人利用起来,在网站发布广告、甚至是违禁内容,如果不是第一时间发现并清理,还可能导致网站被搜索引擎甚至监管部门惩罚,后果严重。通常对于比较重要的网站,我会劝说客户把站点放到Kinsta服务器上,以获得较为可靠的安全庇护。你也可以安装Wordfence插件获取一定的保护,但这会牺牲一些服务器资源,导致网站变慢。

除此之外,我推荐的一个比较有效的方式是屏蔽那些会在你网站发布垃圾内容的IP地址,把这些IP地址通过服务器的iptables或者服务商后台的IP黑名单(比如加入阿里云的云盾)来屏蔽。那么问题来了,怎样获取这些IP地址呢?

对于发布垃圾评论的IP地址,这是比较容易的,WordPress后台会记录每条评论发出的IP地址。
查看详细 »

除了“愤怒的小鸟”,还有哪些游戏公司和游戏作品用WordPress建了官方网站

当今世界上有43%的网站的网站是基于WordPress开发的,最新统计数据见此。基于这个数据,很多人会好奇这其中有哪些知名网站呢?WordPress官方的Showcase列举了不少,其中游戏行业中最著名的案例是“愤怒的小鸟”。这个例子被很多人转载过,耳朵都听麻了…在游戏行业待过几年的我,其实一直对只有这个孤例挺不服的,就我自己,用WordPress建过的游戏网站就不下10个了,其中有游戏官网,也有游戏公司/工作室的官网。部分案例可以点 这里 了解。

不过很可惜由于行业性质使然,绝大部分的游戏产品和游戏公司都活不过几年,不说上古的案例,就是三四年前的作品,至今仍然能够在线的都是寥寥无几。所以为了让WordPress能够服人,还是得自己调查一下目前的游戏行业里,有哪些在线的WordPress网站可以看。有人问起类似问题,我们作为WordPress的拥护者也可以此“狐假虎威”一番。

首先让我倍感惊喜的是20多年经久不衰的即时战略游戏《帝国时代》,目前的官方网站https://www.ageofempires.com就是一个WordPress网站。网站本身设计风格比较老旧,估计也是有一些年代了,应该是结合了历代帝国时代的UI素材的锤炼的产物。本人也是一位浅度玩家,前两天帝国时代4还发行了最新的DLC,这个系列我都会品味一下单人剧情。
帝国时代-WordPress游戏网站 查看详细 »

WordPress网站通过IP地址区分不同国家的用户并重定向到不同的子站点

如果开发者要自己实现通过IP地址决定跳转不同的URL,方法主要分为前端和后端不同的做法:

  • 后端做法,在服务器安装Geo IP扩展,然后再PHP代码里面写判断,做重定向。
  • 前端做法,通过JS请求第三方IP数据库查询国家,然后用JS跳转,这个本质上不叫重定向,而是从浏览器跳转,SEO不友好。资源可以参考这个:GeoJS

以上两种方法都不是我现在用的方案,因为做WordPress外贸网站我们用Kinsta的服务器,他提供直接实现的设置工具,就完全不需要自己去找GEO数据库和搭建环境了。

Kinsta上建立WordPress网站后,工具菜单里有Geolocation,一键开启。
查看详细 »

用Yoast SEO插件做搜索引擎优化,必须都要达到绿点吗?

我的一篇知乎回答,其实也是很多SEO新手会问的问题,略作修改后收录到博客。原答:https://www.zhihu.com/question/607406981/answer/3081451254

过去几年中我在不少于50个网站上使用Yoast SEO插件,大部分为免费版,付费版客户只有四五个。对大部分企业网站来说免费版完全够用,没必要让我的客户再去掏钱购买付费版。

先说结论,绿点有一定的参考价值,但要分场合。

绿点(SEO分析工具)的大致原理:Yoast会用你在“Focus keyphrase”中填写的关键词作为分析基点,检查你的文章标题、正文内容是否符合SEO条件,给出一个分值,如果分值高则显示绿点。

那么问题来了,有两种情况你是不可能拿到分值的。

第一种情况是你压根就没有填写Focus keyphrase。


查看详细 »