WordPress.org

Lithuania

Parsisiųsti WordPress
WordPress.org

Plugin Directory

Caledros Basic Blocks

Caledros Basic Blocks

Autorius: David Arnado
Parsisiųsti

Aprašymas

Supercharge your WordPress site with Caledros Basic Blocks – a collection of 18 lightweight, performance-optimized Gutenberg blocks designed to extend the capabilities of the WordPress block editor without slowing down your site.

Unlike many block libraries that add unnecessary bloat, Caledros Basic Blocks focuses on efficiency and speed. Each block is crafted to deliver essential functionality while keeping your site lean.

The plugin includes a built-in CSS stylesheet preloader, ensuring faster page load times by optimizing the delivery of block styles. This feature can be easily disabled if preferred, giving you full control over performance tuning.

Features

  • Adds 18 new custom Gutenberg blocks. 5 blocks and 1 variation block can only be used in templates, template parts, and patterns
  • Flex and grid containers blocks included
  • Dark/Light mode block included
  • Blocks built with performance and minimalism in mind
  • Includes a toggleable preloader for CSS stylesheets to improve loading speed
  • Enable featured images for post categories
  • Clean, modern design for seamless visual integration
  • Fully responsive and compatible with Full Site Editing Themes

Perfect for developers, designers, and content creators who want more control and better performance without the overhead of large block libraries.

More Projects & Information

For more information about my projects, you can visit my website: caledrosforge.com

Third Party Resources

Caledros Basic Blocks bundles the following third-party resources:

1. Icons

1.1. Bootstrap Icons, Copyright (c) 2019-2024 The Bootstrap Authors

The icons (SVG files) used in the Icon block and the Social Icon block were downloaded from Bootstrap Icons.

Additionally, the four icons used in the Posts Loop block (user, date, category, and tag) as well as the publications icon in the Category Loop block, were all sourced from Bootstrap Icons.

Bootstrap Icons are licensed under the MIT License.

Source: Bootstrap Icons Github repository and Bootstrap Icons website

License information last verified on: May 21st, 2025

2. Libraries

2.1. Swiper JS, Copyright (c) 2019 Vladimir Kharlampidi

Both the Slider block and the Image Gallery block use the Swiper JS library, which is licensed under the MIT License.

Source: Swiper JS Github repository and Swiper JS website

License information last verified on: May 14th, 2025

3. Images

3.1. Placeholder Background (placeholder-background.webp.webp, placeholder-background.d25a2ca6.webp)

Used in the Category Loop and Posts Loop blocks. Photo by JJ Skys the Limit. Used under the Creative Commons Zero (CC0) license.

Source: stocksnap.io

License information last verified on: May 22nd, 2025

3.2. Bird (bird.webp)

Used in the Image Gallery block. Photo by Jack Bulmer. Used under the Creative Commons Zero (CC0) license.

Source: skitterphoto.com

License information last verified on: June 6th, 2025

3.3. Flower (flower.webp)

Used in the Image Gallery block. Photo by ekrem. Used under the Creative Commons Zero (CC0) license.

Source: skitterphoto.com

License information last verified on: June 6th, 2025

3.4. Pier (pier.webp)

Used in the Image Gallery block. Photo by Peter Heeling. Used under the Creative Commons Zero (CC0) license.

Source: skitterphoto.com

License information last verified on: June 6th, 2025

Ekrano nuotraukos

  • CSS Preloader toggle. Optimize loading performance with a single click.
  • Customize your categories with featured images and alt texts. Enhance accessibility and design.
  • Add a toggle for Dark and Light mode. Give visitors control over their viewing experience.
  • Editor-only preview sidebar. Toggle between Dark and Light mode to see how your content adapts.
  • Flexible Grid Container block. Arrange content in responsive columns and rows with ease.

Blokai

Šis įskiepis suteikia 18 blokų.

  • Slider A customizable slider block for showcasing template parts containing featured content.
  • Social Icons Group A group of social media icons, ideal for linking to external platforms.
  • Image Gallery A lightweight gallery block for displaying multiple images in a clean layout.
  • Grid Container A responsive layout block that organizes content into adjustable, customizable grid columns.
  • Menu Link A navigation menu link with customizable label, style, and destination.
  • Search Form A simple, accessible search form for site-wide content searches.
  • Content Renderer Displays post or page content without adding any wrapper elements. Ideal for custom layouts.
  • Desktop Menu Container A flexbox container optimized for desktop navigation menus. It should only be used once in the website's header.
  • Mobile Menu Container A flexbox container designed for mobile navigation menus. It should only be used once in the website's header.
  • Responsive Image A block for inserting images that automatically adjust to different screen sizes with configurable settings.
  • Button A customizable button with different colors for the light and dark modes.
  • Icon A collection of simple icons.
  • Category Loop A block that displays a list of published categories from the website.
  • Dark/Light Mode Switcher A frontend-only toggle that allows users to switch between dark and light themes. It should only be used once in the website's header.
  • Flex Container A responsive container using flexbox layout, perfect for arranging elements horizontally or vertically.
  • Sidebar Menu A flexible, customizable sidebar menu for easy navigation. It should only be used once in the website's header.
  • Posts Loop A block that dynamically displays a list of published posts from the website.
  • Social Icon A single icon representing a social media platform, intended for individual use or custom layouts.

Diegimas

You have two easy ways to install the Caledros Basic Blocks plugin:

Option 1: From Your WordPress Dashboard

1. Go to your WordPress admin area.

2. Navigate to Plugins → Add Plugin.

3. In the Search Plugins box, type „Caledros Basic Blocks”.

4. Click Install Now, then Activate.

Option 2: Manual Installation

1. Download the plugin ZIP file from WordPress.org.

2. In your WordPress admin area, go to Plugins → Add Plugin → Upload Plugin.

3. Choose the ZIP file you downloaded and click Install Now.

4. Activate the plugin after installation.

Need help or want to see what each block can do?

Visit my YouTube channel for step-by-step tutorials and tips on using Caledros Basic Blocks.

DUK

What is Caledros Basic Blocks

Caledros Basic Blocks is a lightweight WordPress plugin that adds 18 custom Gutenberg blocks to enhance your content creation experience
while keeping your website fast and optimized.

What makes this plugin performance-friendly?

Caledros Basic Blocks is developed using the official @wordpress/scripts toolkit, which ensures clean, modern, and optimized code for Gutenberg blocks.

Some blocks also leverage the WordPress Interactivity API to deliver smooth, responsive user interactions without adding unnecessary overhead.

Additionally, the plugin features a built-in CSS preloader that efficiently loads stylesheets to reduce render-blocking and improve page load times.

This careful focus on best practices and minimal dependencies helps keep your site lightweight and fast.

Can I disable the CSS preloader?

Yes, the CSS preloader feature is optional and can be easily deactivated in the plugin settings if you prefer to manage styles differently.

Are the blocks compatible with all themes?

The blocks are designed to work seamlessly with any modern, well-coded WordPress theme as long as the Gutenberg editor is enabled on your site.

Since Caledros Basic Blocks extends the Gutenberg block editor, it requires the block editor to be active to function properly.

Do I need to know how to code to use these blocks?

Not at all! All blocks are fully integrated into the Gutenberg editor and can be used visually with no coding required.

Will this plugin slow down my site?

No. Caledros Basic Blocks is specifically built to enhance performance, not hinder it. The plugin is lightweight and optimized for speed.

However, other third party plugins can slow down your website if they are used together with Caledros Basic Blocks.

Atsiliepimai

Įskiepis neturi atsiliepimų.

Programuotojai ir komandos nariai

“Caledros Basic Blocks” yra atviro kodo programa. Prie jos sukūrimo prisidėję žmonės surašyti toliau.

Autoriai

Išverskite “Caledros Basic Blocks” į savo kalbą.

Domina programavimas?

Peržiūrėkite kodą, naršykite SVN repozitorijoje, arba užsiprenumeruokite kodo pakeitimų žurnalą per RSS.

Pakeitimų istorija

1.0.0

  • Added 18 custom Gutenberg blocks
  • Implemented CSS stylesheet preloader for improved performance (can be disabled)
  • Compatible with all themes that support the Gutenberg editor

1.0.1

Slider Block:

  • Modified edit-block file.
  • Fixed bug where the template part was not displaying.
  • Replaced fetch() with apiFetch() for improved compatibility.
  • Added fallback error handling when a template part fails to load.

Documentation:

  • Updated readme.txt file.
  • Fixed markdown formatting issues in readme.txt.
  • Added „Installation” and „Screenshots” sections for better clarity.

Blocks Configuration:

  • Capitalized the first letter of each word in block titles (block.json files updated).
  • Updated block descriptions for improved clarity (block.json files updated).
  • Set icon property to „block-default” in block.json for all 18 blocks. Provides a fallback icon for non-JavaScript environments.

1.1.0

Posts Loop Block:

  • Added „Style” tab in the editor.
  • Added 3 new settings to control the number of columns in desktop, tablet, and mobile screens.

Category Loop Block:

  • Added „Style” tab in the editor.
  • Added 3 new settings to control the number of columns in desktop, tablet, and mobile screens.

CSS Styles:

  • Added default colors for links („a” HTML tags) located inside paragraphs („p” HTML tags). The default colors apply to the dark and light modes.

Updates to user-interface components in WordPress:

Documentation:

  • Updated README.txt. „Requires at least” information added.

1.1.1

Default Gutenberg List block:

  • Added fallback colors for the default Gutenberg list block. It now uses the same colors as paragraph text in both dark and light modes.

Project Structure:

  • Deleted empty folder located inside core → resources → src

1.2.0

  • Added an option in the plugin admin bar to apply a flex-column layout to the wp-site-blocks container.
  • Fixed typos in some of the settings descriptions for the plugin blocks.

1.2.1

  • Fixed a CSS style bug in grid and flex containers located inside the Slider block. Now their background colors, gradients, box shadows, and border colors show correctly in the Gutenberg editor.

1.2.2

  • Fixed a bug with the navigation links of the Posts Loop block. The navigation links were not displaying correctly on the frontend.
  • Added CSS styles to the excerpt text of the Posts Loop block.
  • Added fallback colors for the Posts Loop and Category Loop blocks.

2.0.0

  • Disabled 5 blocks and 1 block variation for the Gutenberg editor on pages and posts. The disabled blocks are: Content Renderer, Dark Light Mode Switcher, Desktop Menu Container, Mobile Menu Container, and Sidebar Menu. The disable block variation is the Mega Menu block.
  • The Gutenberg editor for pages and posts now only has 12 blocks available for use.
  • The Gutenberg editor for templates, template parts, and patterns has access to the 18 custom blocks.
  • Added support for translating the texts in the plugin’s admin menu.

Metainformacija

Įvertinimai

No reviews have been submitted yet.

Rašyti atsiliepimą

See all reviews

Pagalba

Turite pastabų? Reikia pagalbos?

Peržiūrėti pagalbos forumą