Circles WP – a block theme with a circle as background image
Circles WP is a clean, flexible, fast and accessibility-ready block theme. Its default look is a stylish white on black background color scheme with an orange circle in background and lexend font (a sans-serif typography). It is possible to change the background graphic with the Circles WP. 10 Circles WP with different colors are supplied in the \assets\images folder as SVG graphics. Circles WP is built from the ground up for flexibility. It includes ten different theme styles to choose from, and different block patterns that you can use to quickly create unique page layouts. Circles WP is suitable for websites that contain few photos. The theme is therefore not suitable for photo-heavy websites.
Requires at least: WordPress 6.6
The theme is lightweight and therefore extremely fast. The default font used is Lexend – an accessible font. Alternatively, the font Atkinson Hyperlegible Font – Braille Institute (also accessible) or “System Font” is also available. Circles WP has been deliberately developed without any additional CSS, i.e. I only use the settings of the Block Editor.
The Plugin Theme Check now only reports two warnings, but these can be ignored. The Theme Unit Tests have also been completed.
By the way, our website haurand.com uses the Circles WP block theme. We carried out the relaunch on 2.11.2024.
Info
Info: In the following post (german Version) and the following post (english Version) I describe how you can make adjustments to Circles WP. For example, how to use circles with different colors.
Check Circles WP
You can test the theme in your browser using the following link (Playground WordPress). or you can see the possibilities on our test Website
Free Download of the Theme Circles WP
Our Circles WP theme can now also be downloaded free of charge from the WordPress repository.
Using our Theme Circles WP – Share it with us
If you use the theme on a website, we would be delighted to receive feedback. It would be great if you write a comment in the following post (german Version) or the following post (english Version) . Thanks a lot.
Theme Disclaimer
„Circles WP“ is provided as a free download and can be used and modified freely. However, please note that it is offered without any warranty of any kind. By using this theme, you acknowledge that it comes „as-is“ and that the author assumes no responsibility for any issues, damages, or losses that may arise from its use. The use of this theme is entirely at your own risk. We recommend testing it thoroughly on a development site before deploying it on a live website.
Here a demo on a test site (frontend):
Here a gallery with some screenshots of the Theme:
Another Layout with Circles WP
Another layout that I created with Circles WP – without any additional plugins or custom CSS:
Changelog Circles WP
=== Circles WP ===
Contributors: Hans-Gerd Gerhards
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Stable tag: 1.0.8
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
Circles WP is a clean, flexible, fast and accessibility-ready block theme.
Its default look is a stylish white on black background color scheme with an orange circle in background and lexend font (a sans-serif typography).
It is possible to easily change the background graphic in code-editor. Detailed instructions can be found on the following page:
Block Theme Circles WP – Developing and customization
10 Circles WP with different colors are supplied in the \assets\images folder as SVG graphics.
Circles WP is built from the ground up for flexibility. It includes ten different theme styles to choose from, and different block patterns that you can use to quickly create unique page layouts.
If you use the “Blank Page” template, the theme can also be used on websites with lots of photos.
Another alternative is to delete the background graphic for the group block or to use a more subtle color for a circle.
This great flexibility characterizes the theme.
Tags: blog, portfolio, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing
== Changelog ==
= 1.0.8 =
* Released: March 16, 2025
* Added: New style for code block with different Color and Background Color
* Added: New style for group block with different Background Color - Full Viewport Width
= 1.0.7 =
* Released: February 1, 2025
* Fix: In the style variations for Paragraph (base on contrast), the colors for links were not set optimally.
Please see example shown here: https://space4.yd-sgs.de/beispiele-mit-links-und-links-als-buttons/#
= 1.0.6 =
* Released: January 2, 2025
* Added: New styles for paragraph with different Color and Background Color, so that links can be displayed as buttons if necessary: Link as Button
* Added: New styles for paragraph with different Color and Background Color
* Enhancement: Added Cover Image in index.php
* Enhancement: Further information on customization with link to https://haurand.com/circles-wp-developing-a-block-theme/ in readme.txt
= 1.0.5 =
* Released: December 10, 2024
* Added: All Archives Template (showing Categories and Tags in the left column sticky and the Posts in in the right column)
* Enhancement: Added Search to 404-Template
* Fix: German terms replaced by English terms in some templates
= 1.0.4 =
* Released: November 21, 2024
* Added: Template Search
* Fix: Typo correction style "bright"
= 1.0.3 =
* Released: November 11, 2024
* Tweak: Change readme.txt
* Tweak: Superfluous style deleted
= 1.0.2 =
* Released: November 10, 2024
* Fix: CSS property added to prevent blurred edges with circles - custom.css (initial)
= 1.0.1 =
* Released: November 2, 2024
* Fix: duplicate object keys in theme.json deleted
* Improvements: Fonts for Lexend are now located in a folder assets\fonts\lexend
* Added: Template Single Post wide width
= 1.0 =
* Released: October 30, 2024
* Tweak: Superfluous styles, parts and patterns deleted
= 0.9.7 =
* Released: October 29, 2024
* Tweak: Superfluous template part deleted
* Improvements: Some margins and paddings in templates optimized
= 0.9.6 =
* Released: October 27, 2024
* Tweak: Improvement and addition of the names of Font size presets (typography)
* Tweak: Improved resizing of headings
= 0.9.5 =
* Released: October 25, 2024
* Tweak: Superfluous template deleted
* Tweak: Structure theme.json improved and some minor adjustments made
= 0.9.4 =
* Released: October 24, 2024
* Tweak: All page patterns: more padding-top and margin-top in relation to title. This prevents the title from slipping into the menu if the logo is not set
* Fix: Header Template Part - Background Color set to Base Color so that the header covers the content in the sticky setting (grouping of the header)
* Fix: The assignment of templates to posts and pages is now correct.
* Fix: The names are now correctly labeled
= 0.9.3 =
* Released: October 23, 2024
* Add: Pattern "Query loop with round image, title and text excerpt"
= 0.9.2 =
* Released: October 20, 2024
* Fix: Minor Enhancements (name of patterns)
* Fix: Deleted unnecessary functions in functions.php
= 0.9.1 =
* Released: October 17, 2024
* Fix: Pattern Show Image in full width container
= 0.9 =
* Released: October 13, 2024
* Fix: Template Parts Header and Footer are now displayed with the correct icon for patterns (added under “templateParts” in theme.json)
= 0.8.5 =
* Released: October 8, 2024
* Fix: Missing <header> and <footer> tag added
= 0.8.2 =
* Released: October 5, 2024
* Fix: Corrected padding-right for menu via theme.json
* Tweak: Line height for navigation reduced from 2.5 to 2
* Tweak: Menu right-aligned for better clarity
= 0.8.1 =
* Released: October 4, 2024
* Fix: Issue in theme.json (ordered and unordered list not ok) - Reduced on necessary elements
= 0.8 =
* Released: October 4, 2024
* Tweak: Changed the height of Circles to 100vh so that, for example, pages with less content are better displayed (thanks to @Thomas for the hint)
* Add: Show Image in full width container
= 0.7.5 =
* Released: October 3, 2024
* Tweak: Renaming styles
* Tweak: less thickness of border (circle_white.svg)
* Fix: Fluid to fontsizes (issue because having declared fluid to spacingSizes)
* Fix: Issue with fontsizes. After Migrating to version 3 (theme.json) and setting "defaultFontSizes": false, setting of font sizes works fine.
= 0.7.4 =
* Released: October 2, 2024
* Add: New Style haurand variation 2 (with changed style for buttons)
* Tweak: Register pattern categories Circles WP in function.php
* Add: Fluid to fontsizes
= 0.7.3 =
* Released: October 1, 2024
* Add: Two More Circle-Images (very light grey and very dark grey)
* Add: Pattern Two Columns with sticky button in the right Column
* Tweak: Replace Pagination in Templates with Query Loops (show Additional the Page Numbers) and add Archive Title
= 0.7.2 =
* Released: September 29, 2024
* Add: Template Part "Header with contact row"
* Add: Template with white Circle
* Add: Template with light blue Circle
* Fix: Corrected structure of parts and patterns
* Tweak: New screenshot.png
= 0.7.1 =
* Released: September 28, 2024
* Tweak: Delete custom change for link in footer template parts because of accessibility
* Fix: Missing yellow Circle in Template
* Tweak: Change background color and font color on image in Pattern "Banner as example for a landing page" because of accessibility
= 0.7 =
* Released: September 27, 2024
* Add: New Template "Template with grey Circle"
* Tweak: New Screenshot
* Tweak: All Circles (red, green, blue, yellow, orange, grey) have now the same dimensions - updated Templates
= 0.6.7 =
* Released: September 26, 2024
* Fix: Delete pattern cover-pages, cover-Circles
* Tweak: Minor Changes to descriptions of Patterns
* Tweak: Better formatting PHP-Files in Patterns Folder
= 0.6.6 =
* Released: September 25, 2024
* Add: accessibility-ready font Atkinson Hyperlegible (thanks @Karl for hint)
* Tweak: better formatting of the query loop in the index template
= 0.6.5.1 =
* Released: September 23, 2024
* Tweak: Category Circles WP is now displayed correctly in the editor (see functions.php)
* Tweak: Renaming Patterns and deleting Pattern "Cover Content"
* Add: Patterns for posts (one and two columns)
= 0.6.5 =
* Released: September 22, 2024
* Fix: Category Circles WP is now displayed correctly in the editor (see functions.php)
* Add: New pattern "cards", "cover with call-to-action", "Banner with Image on the left"
= 0.6.4.3 =
* Released: September 21, 2024
* Tweak: Color for yellow circle slightly more intense
= 0.6.4.2 =
* Released: September 20, 2024
* Tweak: Update Description of style.css and readme.txt
* Fix: Corrected the names of the categories in the patterns.
= 0.6.4 =
* Released: September 19, 2024
* New: Templates with green and blue Circles
* Tweak: Change Image in Template with red Circle
= 0.6.3.1 =
* Released: September 18, 2024
* Fix: Replace dynamical reference to image in cover-circle.php (also renaming this pattern)
= 0.6.3 =
* Released: September 17, 2024
* Tweak: Embedding Font Lexend in /assets folder
= 0.6.2 =
* Released: September 16, 2024
* Tweak: Padding left and right Single Post Template
* Tweak: Padding left and right Full with Post Template
= 0.6.1 =
* Released: September 13, 2024
* Fix: Differentiated presentation of patterns and templates
* Fix: Missing Patterns added
* Tweak: functions.php with circles_pattern_categories
* Fix: Replace dynamical reference to image in landing-page-example.php
* Tweak: replace image wordcamp_images_1920_023.webp (webp instad of jpg)
= 0.5.3 =
* Released: September 12, 2024
* Fix: Missing right column on templates with sidebar
* Tweak: Renaming Patterns and correcting categories
= 0.4.4 =
* Released: September 9, 2024
* Template Start Page deleted
* various Changes at different Templates
* new Template "Full Width"
= 0.4.3 =
* Released: September 9, 2024
* Name of Theme changed (YABTIS) in Circles WP
= 0.4.2 =
* Released: September 9, 2024
* New Patterns
* Changed Design of Buttons
* Changed Colors default style
* Changed Colors for all styles (Especially with regard to accessibility)
= 0.4.1 =
* Released: September 8, 2024
* Templates with two columns
* Rename Templates and Patterns
= 0.4 =
* Released: September 7, 2024
* Page Templates with padding left and right
* Minor changes to the templates
* Delete unnecessary templates and patterns
= 0.3.4 =
* Released: September 6, 2024
* Mobile Menue centered
* Spelling of headings back to standard
= 0.3.3 =
* Released: September 6, 2024
* Group-Block with Background Image on Start Page
= 0.3.2 =
* Released: September 6, 2024
* Startseiten-Template und Footer korrigiert
= 0.3.1 =
* Released: September 6, 2024
= 0.3 =
* Released: September 6, 2024
= 0.2 =
* Released: September 2, 2024
== Copyright ==
Circles WP WordPress Theme, (C) 2024 haurand.com
Circles WP is distributed under the terms of the GNU GPL.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
=== Images ===
All Images: License: CC0 https://haurand.com
=== Fonts ===
Lexend - https://lexend.com
OFL-1.1 licens - https://github.com/googlefonts/lexend?tab=OFL-1.1-1-ov-file
Copyright 2018 The Lexend Project Authors (https://github.com/googlefonts/lexend), with Reserved Font Name “RevReading Lexend”.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://scripts.sil.org/OFL
Atkinson Hyperlegible - https://www.brailleinstitute.org
OFL-1.1 licens - https://github.com/googlefonts/atkinson-hyperlegible?tab=OFL-1.1-1-ov-file
Copyright 2020 Braille Institute of America, Inc.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL