跳到主要内容
[Navbar 包装器占位符]
[BlogPostItem 包装器占位符 - 博客文章顶部]
[BlogPostItem 包装器占位符 - 博客文章顶部]

WordPress子主题实现首页浮动提示框

· 阅读需 3 分钟

问题

  1. 在Astra子主题中制作一个浮动的提醒文字DIV,显示报名时间开始和截至日期,并在首页浮动。
  2. 使该浮动DIV可以在主屏四处移动,提醒的文字要醒目。
  3. 浮动DIV在屏幕上自动移动,而不是通过拖拽。
  4. 当鼠标悬停在浮动DIV上时,该DIV停止移动,鼠标移开时恢复移动。

解决方案

1. 在子主题中添加CSS和JavaScript文件

在您的子主题目录中,创建一个 style.css 文件和一个 script.js 文件。

[BlogPostItem 包装器占位符 - 博客文章顶部]

整站变黑白

· 阅读需 2 分钟

一行代码,让整站变黑白。

要实现整个 WordPress 网站变成黑白效果,可以通过添加自定义的 CSS 样式来实现。使用 CSS 的 filter 属性可以很容易地将页面的所有颜色转换为黑白。具体步骤如下:

1. 添加自定义 CSS

方法一:通过主题的自定义 CSS

你可以直接在 WordPress 管理后台的 外观 > 自定义 > 额外 CSS 中添加以下 CSS 代码:

html {
filter: grayscale(100%);
}
[Footer 包装器占位符 - 位于页脚上方]

这是通过 Docusaurus Wrapping 统一添加的底部文字内容。

ddddddd