wee/nieuw

A blogging theme for WordPress

Installs: 11

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Forks: 0

Type:wordpress-theme

0.4.0 2022-01-26 14:59 UTC

This package is auto-updated.

Last update: 2024-04-14 10:50:41 UTC


README

A WordPress blogging theme that puts your content first. Everything else is at the bottom.

Not yet ready for use on live sites. Before you can use this theme, you have to install all dependencies and run a build script. Node.js 16 or later are required to do this.

npm install
npm run build

Features:

  • Designed for reading.
  • Written with accessibility in mind.
  • Fast loading pages.
  • With "Dark Mode" support, using the device settings of a website visitor.
  • Progressively enhanced. This means the theme will function in old browsers (possibly with fallback functionality).

The theme has built-in support for the following plugins:

Included webfonts:

These fonts are licensed under the SIL Open Font License and included as variable fonts. The webfonts are not loaded by default. They need to be activated in the theme options.

Theme options

You can change the appearance of the theme using the WordPress Customizer.

A color palette can be selected in the "Colors" section.

The following features can be changed in the "Nieuw Settings" section:

  • Hide navigation button.
  • Activate featured images.
  • Activate dark mode support.
  • Use webfonts.

Extending the Nieuw theme

CSS custom properties are used in the theme stylesheet. These can be found at the start of the style.css file. You can use these to change, for example, colours or fonts under "Additional CSS" in the WordPress Customizer.

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

The following pluggable functions can be defined in a child theme to overwrite them.

nieuw_copyright() changes the HTML for the copyright notice at the bottom of the page.

nieuw_author() changes the HTML of the author name in blog posts.

nieuw_entry_info() changes the HTML of how categories and tags are displayed below a blog post.

nieuw_entry_meta() changes the HTML of blog post meta information, like author and publishing date.

nieuw_html_class() adds a class attribute to the <html> element.

nieuw_navigation_link() changes the HTML of the navigation icon at the top of the page.

nieuw_next_previous_post() changes the HTML of of the next / previous post navigation below a blog post.

nieuw_search_dialog() changes the HTML of the search dialog/modal.

To remove one of the above functions you can define an empty function, e.g.:

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

Screenshots

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