wee/nieuw

WordPress 的博客主题

安装: 12

依赖项: 0

建议者: 0

安全性: 0

星标: 0

分支: 0

类型:wordpress-theme

0.4.1 2024-08-30 07:49 UTC

This package is auto-updated.

Last update: 2024-08-30 05:50:18 UTC


README

一个以内容为先的 WordPress 博客主题。其他所有内容都在底部。

尚未准备好在实时网站上使用。在您可以使用此主题之前,您必须安装所有依赖项并运行构建脚本。需要 Node.js 16 或更高版本。

npm install
npm run build

特性

  • 专为阅读设计。
  • 考虑到可访问性。
  • 快速加载页面。
  • 支持“深色模式”,使用网站访问者的设备设置。
  • 渐进增强。这意味着主题可以在旧浏览器中工作(可能带有回退功能)。

主题内置了对以下插件的以下支持

包含的网页字体

这些字体是根据 SIL 开放字体许可 许可的,并作为 可变字体 包含。网页字体默认不加载。它们需要在主题选项中激活。

主题选项

您可以使用 WordPress 定制器更改主题的外观。

在“颜色”部分可以选择调色板。

在“Nieuw 设置”部分可以更改以下功能

  • 隐藏导航按钮。
  • 激活特色图片。
  • 激活深色模式支持。
  • 使用网页字体。

扩展 Nieuw 主题

主题样式表中使用了 CSS 自定义属性。这些可以在 style.css 文件的开始处找到。您可以使用这些属性在 WordPress 定制器中的“附加 CSS”部分更改颜色或字体等。

:root {
    --font-content: "Comic Sans MS", sans-serif;
    --font-default: "Impact", sans-serif;
    --text-color: chocolate;
}

可以在 子主题 中定义以下可调用的函数来覆盖它们。

nieuw_copyright() 修改页面底部的版权声明 HTML。

nieuw_author() 修改博客文章中作者名称的 HTML。

nieuw_entry_info() 修改在博客文章下方显示类别和标签的 HTML。

nieuw_entry_meta() 修改博客文章元信息的 HTML,如作者和发布日期。

nieuw_html_class() 向 <html> 元素添加一个类属性。

nieuw_navigation_link() 修改页面顶部的导航图标 HTML。

nieuw_next_previous_post() 修改在博客文章下方的下一篇/上一篇文章导航的 HTML。

nieuw_search_dialog() 修改搜索对话框/模态框的 HTML。

要删除上述功能之一,您可以定义一个空函数,例如。

<?php
function nieuw_author() {
    /* Do nothing */
}
?>

屏幕截图

Page example

Page in dark mode

Blogpost example

Blogpost with feature image

Blogposts overview page

Contact Form 7 example

Navigation menu is up

Select a colour palette