通过 CSS 在不同宽度下实现不同的样式

背景故事

本站目前用的是 WordPress 官方提供的 2021 主题。响应式布局、干净简练、性能优越。但是这个主题在手机和平板上的显示效果让我不够满意。Wordpress 是支持为主题添加自定义 CSS 的,我尝试过使用 em (父元素的相对像素)和 rem(根元素的相对像素)来代替 px(CSS 像素),但是复杂的关系和不能区分定义还是让我放弃了这个方案。

后来在网上搜索,我才知道 CSS 本身还有判断语句可以使用(非科班出身的后果?),后来我在浏览器的开发模式下,用判断语句为网站优化了不同宽度下的显示效果。

继续阅读“通过 CSS 在不同宽度下实现不同的样式”

如何在宝塔面板上为 WordPress 站点开启 Redis

Redis 是一个高性能的基于内存的 key-value 数据库,开启后可以有效提升站点的加载速度。主要的安装流程如下

  • 在宝塔面板的「软件商店」内安装 Redis
  • 在 PHP 的扩展管理中开启 Redis 扩展
  • 在 WordPress 的插件商店内搜索安装「Redis Object Cache」
  • (多站点使用 Redis 时)修改网站根目录下的「wp-config.php」,添加「WP_CACHE_KEY_SALT」属性

接下来介绍详细步骤

继续阅读“如何在宝塔面板上为 WordPress 站点开启 Redis”