Hilda – Accessible Full Site Editing WordPress Block Theme Review
A new era of WordPress has arrived. Are you ready?
Hilda is a customizable, barrier-free block theme with full site editing capabilities. Created with accessibility in mind, this theme is perfect for website visitors, content editors, administrators, and developers alike.
Key Features:
- Full site editing with block-based site editor
- No coding skills required
- 25+ site builder block patterns
- Header and footer builder
- Multiple header, footer, and blog layouts to choose from
- Classic theme mode with the bonus of editing all theme sections visually with the block editor
- Accessibility-ready, with WCAG 2.2 level AA accessibility requirements
- Customizable content widths
- Intelligent harmonious responsive typography setup
- Global background image setup
- Customizable content blocks
- Compatible with WooCommerce, Abs, Beaver Builder, Elementor, and other plugins
Performance, Customization, and Accessibility:
- Performance: Fully optimized for speed and responsiveness
- Customization: Thorough creative control over site header, footer, error 404 page content, and other sections
- Accessibility: Fully accessible, with keyboard and screen reader friendly, and properly structured headings and color contrast
Why Choose Hilda?
- Clean and modern design
- Easy to use with full theme parts control
- Bloat-free and without lock-in effect
- Secure, clean, and semantic code
- Free helpful and thorough documentation
- 100% GPL licensed
Requirements and Updates:
- Requires WordPress 6.4+ and PHP 7.0+
- Automatic lifetime theme updates with Envato Market plugin
Support:
- Dedicated support center
- Tips and resources available on the Appearance → Welcome page
- Contact the author for any questions or concerns
Author’s Note:
I am Oliver, the author of Hilda, and I am dedicated to creating modern, accessibility-ready WordPress themes that are easy to use and customizable. My goal is to make the online world a more accessible and inclusive place.
Rating: 0/5 stars (based on 27 sales)
Overall, Hilda is an excellent choice for anyone looking for a customizable, barrier-free block theme with full site editing capabilities. With its modern design, ease of use, and comprehensive documentation, this theme is perfect for website visitors, content editors, administrators, and developers alike.
User Reviews
Be the first to review “Hilda – Accessible Full Site Editing WordPress Block Theme”
Introduction to Hilda: Accessible Full Site Editing WordPress Block Theme
Hilda is a innovative and highly accessible WordPress theme designed with the latest block editing technology. As the name suggests, it is designed with accessibility in mind, providing an unparalleled level of customizability and control for website owners and developers alike. In this tutorial, we will dive deep into the world of Hilda, exploring its features, customization options, and step-by-step guides to help you get started.
What is Full Site Editing?
Before we begin, let's clarify what Full Site Editing is. In traditional WordPress, theme customization is typically limited to modifying individual elements on a page, such as header, footer, or background. Full Site Editing takes this concept a step further by allowing users to edit and customize the entire site, including global layouts, components, and typography. This level of customization was previously only accessible to developers, but Hilda has made it easy for everyone to use.
Setting Up Hilda
To get started with Hilda, you will need:
- A self-hosted WordPress installation: Hilda is a self-hosted WordPress theme, which means you'll need to install it on your own WordPress-powered website.
- Latest version of WordPress: Ensure you have the latest version of WordPress installed and activated on your website.
Now, let's start our tutorial on how to use Hilda - Accessible Full Site Editing WordPress Block Theme.
Getting Familiar with the Hilda Theme
After activating Hilda on your website, you'll notice that your dashboard has changed significantly. Gone are the traditional page editors; instead, you're presented with a brand new block-based editing experience. Let's break it down:
- The Navigation Menu: In the top-left corner of the screen, you'll see a navigation menu. This menu provides quick access to the theme settings, as well as the different types of blocks and patterns you can use.
- The Block Library: This is where all the magic happens. Hilda's block library provides an extensive collection of customizable blocks, patterns, and reusable content elements. These can be dragged and dropped into the content area of your pages to create the design and layout you want.
- Content Area: This is the central region of the editor, where you'll drag and drop blocks to build your page's content.
- Theme Customizer: In the left sidebar, you'll see a toggle button labeled "Theme Customizer." This is where you'll customize various theme settings, such as typography, colors, and spacing.
Tutorial
Let's dive deeper into Hilda's features and explore the customization options step by step.
Setting up Your First Page
In this section, we'll cover the basics of setting up your first page with Hilda.
Step 1: Create a new page by clicking the "+" button in the Content Area. Step 2: From the Block Library, select the "Cover" block and drag it to the top of your new page. Step 3: Customize the cover block's background image or color by clicking the ellipsis menu () and selecting "Settings." Step 4: Add some text content by selecting the "Heading" block from the library and placing it below the cover block.
Customizing the Header and Footer
Now, let's learn how to customize the header and footer of your website.
Step 1: From the Theme Customizer, select "Header" to start customizing the topmost part of your page. Step 2: Click on the "Add New Block" button and choose the "Site Header" block. Step 3: Customize the header's typography, colors, and layout using the provided options.
Customizing Typography
In this section, we'll explore the world of typography in Hilda.
Step 1: From the Theme Customizer, select "Typography" to start customizing your font settings. Step 2: Choose the desired font family, font size, line height, and more from the dropdown menus.
Customizing Colors
Now, let's dive into the world of colors and learn how to customize your website's palette.
Step 1: From the Theme Customizer, select "Colors" to start customizing your color scheme. Step 2: Choose from the available color palettes, or create your own using the color picker tool.
Customizing Spacing and Alignment
In this final section, we'll learn how to customize spacing and alignment settings in Hilda.
Step 1: From the Theme Customizer, select "Spacing" to start customizing your spacing settings. Step 2: Adjust the values for padding, margin, and spacing to get the desired layout.
Conclusion: With this comprehensive guide, you've successfully started using Hilda - Accessible Full Site Editing WordPress Block Theme. Remember, this is just the tip of the iceberg; explore further and experiment with Hilda's various features and settings to unlock its true potential.
By following these step-by-step guides and embracing the world of full site editing, you'll be able to create unique and tailored website designs, effortlessly!
Here are the settings examples for Hilda - Accessible Full Site Editing WordPress Block Theme:
Theme Settings
To configure the theme settings, go to Appearance > Customize > Hilda Theme Settings. Here, you can set the following options:
- Color Scheme: Choose a pre-defined color scheme or create your own custom scheme using the color picker.
- Typography: Select the font family, font size, and line height for the theme.
- Header: Choose a header layout and customize the header text, logo, and background color.
Navigation Settings
To configure the navigation settings, go to Appearance > Customize > Hilda Navigation Settings. Here, you can set the following options:
- Menu Location: Choose where the menu will be displayed on the site, such as the top level or footer.
- Menu Style: Select a menu style, such as a dropdown or accordion menu.
- Menu Icon: Choose an icon to display next to the menu item.
Footer Settings
To configure the footer settings, go to Appearance > Customize > Hilda Footer Settings. Here, you can set the following options:
- Footer Layout: Choose a footer layout, such as a simple text-based footer or a more complex layout with widgets.
- Footer Text: Enter custom text to display in the footer.
- Footer Widgets: Add widgets to the footer, such as a social media feed or contact information.
Accessibility Settings
To configure the accessibility settings, go to Appearance > Customize > Hilda Accessibility Settings. Here, you can set the following options:
- WCAG Compliance: Enable or disable WCAG compliance features, such as high contrast mode and screen reader support.
- Keyboard Navigation: Enable or disable keyboard navigation for the site.
- Screen Reader Support: Enable or disable screen reader support for the site.
Block Settings
To configure the block settings, go to Appearance > Customize > Hilda Block Settings. Here, you can set the following options:
- Block Width: Choose the width of the blocks on the site, such as full width or fixed width.
- Block Gap: Choose the gap between blocks on the site.
- Block Alignment: Choose the alignment of the blocks on the site, such as left, center, or right.
Here are the key features of Hilda, an Accessible Full Site Editing WordPress Block Theme:
Accessibility
- Fully accessibility ready, passes WCAG 2.2 level AA accessibility requirements
- Disabilities friendly, barrier-less
- Keyboard and screen reader friendly
- Proper headings structure and color contrast
- Optimized for readability
- Responsively adapts to any screen size
- Fully localization ready, multilingual, with right-to-left (RTL) languages support
Content
- Thorough creative control over site header, footer, error 404 page content and other sections of the theme
- Mobile friendly responsive design
- Full WordPress block customization via site editor
- Additional theme options in live preview customizer
- Intelligent harmonious responsive typography setup
- Use any Google Fonts font or set up custom fonts
- Privacy compliant Google Fonts loading (GDPR)
- Design consistency assured with global font and color names
- Customizable content widths
- Helpful welcome page with guides and tips for editing website
- Global background image setup (also in FSE mode)
- Randomized fallback images
- Overlaid site header template
- Choose from default and dark global styles
- Customize any content block to your needs
- Theme is split into multiple parts for easier and more flexible customization
Plugins
- WooCommerce compatible to sell any physical, virtual, affiliate or downloadable items online
- Abs – Additional block styles plugin compatible
- Beaver Builder, Elementor page builder compatible (actually, compatible with any page builder plugin)
- Compatible with form plugins, such as WPForms, Ninja Forms, Gravity Forms...
- Works with WPML, Polylang and other multilingual plugins
- Loco Translate plugin compatible, fully localizable
- Compatible with Block Visibility plugin for conditional blocks display
Others
- Fair, bloat-free WordPress theme with no lock-in effect!
- Easy to use with full theme parts control
- Built the right way with WordPress coding standards & requirements
- Search engine optimized (SEO), speed optimized
- Secure, clean, semantic, flexible, extensible developer-friendly code
- Free helpful and thorough documentation
- Child theme & plugin ready (a free child theme and plugin included in the theme download ZIP package)
- 100% GPL licensed
Requirements
- WordPress 6.4+
- PHP 7.0+
Updates
- Obtain free automatic lifetime theme updates with Envato Market plugin
- For detailed update changes, please see the changelog.md file inside the theme folder.
Support
- In case you can't find the answer in detailed theme documentation, feel free to ask and search at the dedicated support center.
- Tip: Check out the Appearance → Welcome page for tips and resources.
Related Products
$68.00
There are no reviews yet.