Getwid features a lot of Gutenberg blocks, many of them passing synthetic accessibility tests, but failing manual tests with keyboard navigation and screen reading. So pick your block carefully, and remember to test. Most of the fancier animated blocks, don’t play well with screen readers, but the Table Of Contents block is pretty nice.
Getwid Table of Contents block
Getwid Tabs block
Nulla in justo vitae justo semper egestas eget ac dui. Donec scelerisque eget sem sed iaculis. Donec lobortis lectus non pretium ornare. In eget maximus quam. Mauris pulvinar molestie sapien sit amet egestas. Morbi dictum nunc quis tellus blandit, tincidunt eleifend mi tincidunt.
Etiam est sapien, viverra et justo vitae, pharetra lobortis dolor. Pellentesque nec auctor augue, sit amet placerat ex. Phasellus porttitor dolor dolor, imperdiet porttitor urna fringilla sit amet. Suspendisse potenti. Proin erat arcu, rutrum et metus ac, iaculis placerat risus.
Pellentesque maximus sollicitudin pharetra. Mauris eu rutrum arcu, quis lobortis ante. Ut sollicitudin, erat eget ultricies laoreet, nisi nunc rutrum leo, ac finibus massa elit et felis. Sed et rhoncus augue, vel lacinia sem. Aliquam a dignissim ante, sed ullamcorper est. Cras tellus odio, dapibus mattis velit nec, fermentum ullamcorper metus.
Getwid Image Hotspot block
Getwid Custom Post Type block
I was asked if there were an alphabetical list of all the posts tested on this site. There isn’t. Weirdly enough, the native Gutenberg Block editor features a “Tik Tok” block, but not a block that lists posts?! Fortunately Getwid offers a Custom Post Type block, allowing you to list any post type in many ways. So here is a basic alphabetical list of all PHP 8 compatible plugins on this site:
Activity Log keeps a log of all actions on the site, keeping track of who is doing what and when.
Customize the looks of your posts and media, showing excerpt, featured image, filesize and more.
Re-arrange the dashboard menu, create sub menus and dividers and even hide menu items.
A widely supported way to add custom fields to posts, pages, custom post types and more.
Search post, pages and custom post types, using this highly configurable live search plugin.
Filter out comment spam quietly and automatically while ensuring privacy.
Load only the CSS style sheets and JavaScript files needed on your pages and posts, and trim the page size.
This plugin cleans up filenames of files uploaded to the media library, making them url and server friendly.
Add code snippets including HTML, PHP, CSS and JS to your site easily without touching functions.php.
Create individual sidebars or widget areas for different types of content, making aside content more relevant.
Show images, galleries and videos in a lightbox with minimum effort and possible improved privacy.
A collection of 40 blocks for the Gutenberg editor, some which are quite unique.
Basic HTML and CSS skills are enough to create your own Gutenberg Blocks with Lazy Blocks.
A very capable and possible overwhelming caching plugin with extra LiteSpeed server integration.
Translate strings from themes and plugins right within the WordPress dashboard.
Create custom post types, custom taxonomies or custom fields, or extent existing post types, with this all-in-one free plugin.
Easily create copies of your post and pages in different languages, and Polylang will display the content in the preferred language.
Redirection is a mature and robust redirection plugin, for managing 301 redirections and logging 404 errors.
Add CSS and JS snippets to your site, and activate them on demand with this syntax highlighting editor.
Simple yet feature-rich SEO plugin, providing the markup needed for effective search engine optimization.
An endpoint firewall and malware scanner, including password protection and two-factor authentication.
With WP Extended Search you can configure the native WordPress search to your hearts content.
Perform quick changes to .htaccess file, directly from the WordPress dashboard.
An SMTP plugin allows you to configure proper email delivery of your website forms receipts etc.
Built with HTML5, performance and accessibility in mind, WS Form Lite is definitely worth a closer look.
Getwid Progress Bar block
Getwid Accordion block
Experiment: Add custom icons to Getwid
Getwid only load fonts on demand, and thus it’s possible to reduce the page size a bit by adding a custom icon font only including the icons needed. Using the code snippet below, I added four icons from IcoMoon.
add_action( 'getwid/icons-manager/init', 'my_theme_getwid_add_custom_icons' );
function my_theme_getwid_add_custom_icons( $manager ) {
$custom_icons = [
'icons' => [
"Icomoon-icons" => array(
'icon-plus',
'icon-minus',
'icon-arrow-left',
'icon-stethoscope'
)
],
'handle' => 'Icomoon-icons',
'src' => '/wp-content/uploads/icomoon/style.css',
'deps' => null,
'ver' => '1.0.0'
];
$manager->registerFont('Icomoon-icons', $custom_icons);
}How to add icons from IcoMoon to Getwid
- Download custom icon font from https://icomoon.io/app/
- Extract and upload contents of icomoon.zip to /wp-content/uploads/icomoon
- Modify $custom_icons in snippet above to include all icon names
- Add snippet to functions or use Code Snippets
- Edit posts with Getwid blocks to use IcoMoon Icons instead.
Optional: Convert TTF to Woff2 using transfonter.org for better compression. Modify style.css accordingly.
More info: https://gist.github.com/mototeam/0072b6d064ae90afd15ecba8dfca366c
Just testing som random icons, with background and outline options.
Extract from motopress
Getwid is a two-in-one free blocks plugin: a bundle of the multipurpose WordPress blocks for Gutenberg and the Template Library. The plugin supplies you with a lot of customization cogs for each block: control layouts, typography, colors, iconography, media, motion and more to build tailor-made websites of any scale.
https://motopress.com/products/getwid/
