List of some uncommon WordPress Tips and Tricks

How to Disable Block-Based Widget Editor?

WordPress 5.8 introduces a new block-based widget editor 2 to the Widgets screen ( Appearance > Widgets ) and Customizer ( Appearance > Customize > Widgets ). This new editor allows users to add blocks (instead of widgets) to widget areas using the familiar block editor interface introduced in WordPress 5.0.

Genesis Framework by default disables block-based widget editor. If you don’t see that disabled then add below code to disable it.

add_filter( 'use_widgets_block_editor', '__return_false' );

To enable it back forcefully then use below code.

add_filter( 'use_widgets_block_editor', '__return_true' );

---

Yoast SEO Sitemap and PHP 7.0 and 7.1 error?

Any tips on fixing this?

Update: Issue is fixed with latest Yoast SEO update.

---

How to Add Font Awesome caret icon in navigation menu in genesis?

I am trying to add caret font awesome (fa fa-caret-down & fa fa-caret-right) icon in navigation menu in genesis child theme like crunchify. I tried using css but its not working but i think there is a way down by injecting directly into functions.php. Look the image I uploaded.

Try adding fontawesome code directly. Please take a look at below image.

Here is a sample CSS:

// For Parent Menus
.genesis-nav-menu .menu-item-has-children > a:after {
content: ‘\f0d7’;
font-family: ‘FontAwesome’;
padding-left: 7px;
font-size: 12px;
font-size: 0.9rem;
vertical-align: bottom;
}

// For Parent Childs
.genesis-nav-menu .menu-item-has-children ul li > a:before {
content: ‘\f0da’;
font-family: ‘FontAwesome’;
font-size: 12px;
padding-right:7px;
font-size: 0.9rem;
vertical-align: bottom;
}

Its working fine but if we could hook it directly into the navigation anchor by using icon markup it would be more awesome.

You may try to add :before attribute… Here is a sample:

Step-1.

Go to About • Crunchify. Checkout true mark for heading as below:

Step-2.

.coolh3::before {
    content: "\f058";   // <===== you need to replace that with caret code.
    font-family: FontAwesome;
    margin-right: 20px;
    color: #dd7127;
}

This will add your font-awesome font for each menu item. You also need to find CSS property for it.