Add WooCommerce Styles to The Customizer in WordPress
Adding the WooCommerce styles to the Customizer in WordPress can help you quickly style and scaffold some common components of WooCommerce. This tutorial takes you through how to set that up in a WordPress starter theme using a child theme. This is an intermediate example and not all the code is explained in detail. First…
Read MoreAdd an Extended Store Schema Type to ‘Business Profile’ WordPress Plugin
Business Profile WordPress plugin feeds some rich Google microdata schema to search, you can extend what is available in the plugin to other known schema for a business. This example uses a Florist as an example, Florist is a valid schema under Store but does not appear in the plugin dropdown options. For other valid schemas,…
Read MoreAdd a Mobile Number Field to WordPress ‘Business Profile’ Plugin
Here’s how you can add an additional field like a mobile number to the Business Profile plugin. The plugin has many hooks and filters to allow us to create an extender style plugin as in the one below. We are utilising 3 filters bpfwp_settings_page, bpwfp_contact_card_defaults and bpwfwp_component_callbacks – 1 callback prefix_print_mobile and enqueueing some CSS to exisiting CSS with…
Read MoreRe-order WordPress Plugin ‘Business Profile’ Contact Fields
Business Profile plugin is a great SEO microdata schema WordPress plugin for business with a number of fields to display contact information and have rich schema in the markup. The fcontact ields are output in a default way… phone contact name address opening_hours map parent_organization address There is a filter that allows you to change…
Read MoreRemove the default Mobile Menu in Beaver Builder Theme
Here is how to remove the default mobile menu from the Beaver Builder Theme – you may need to do so as you want to use another plugin or simply don’t need it. Add some Jquery Adjust the CSS Fire the Jquery Source/Ref
Read MoreAdd a Numeric Pagination with Accessibility in the Beaver Builder Theme
The default WordPress post pagination used in Beaver Builder Theme uses wp_pagenavi() and gives output as below. You can swap this single post navigation for a numeric display using the navigation function the_posts_pagination(), this also has the added benefit of using accessibility features for screen readers. First up is to make sure you copy…
Read MoreAdd a Back to Top Scroll Button on a Beaver Builder Page
Here is a way to add a quick scroll to top icon on a particular Beaver Builder page, this will only load on the page in question as instead of enqueuing it in functions.php we’ll add the code straight to the custom CSS/JS boxes in the page builder. Open the page in Beaver Builder…
Read MoreAdd Custom Logo Schema to Beaver Themer Header Layout
Custom Logo was introduced in WordPress 4.5 and provides a way to upload your main logo to your header and display microdata logo schema for a company, here is a way to include it in a Beaver Themer header layout in Beaver Builder. Beaver Themer already outputs microdata schema for the header and footer html…
Read MoreAdding WordPress to fail2ban on ServerPilot
Dealing with brute force attacks on WordPress is an issue that you would need to address, this guide looks at adding a solution for WordPress sites running on ServerPilot on a Vultr instance but can be also used on platforms from other providers such as Digital Ocean. Using fail2ban as a solution to brute force…
Read MoreRemove WordPress Default Image Sizes
WordPress image sizes contain defaults, small, medium and large as well as medium-large which is used in their implementation of responsive images. You can remove these default images with a WordPress filter intermediate_image_sizes_advanced Why you may want to do this could be that you definitely don’t need certain sizes or you are saving on web disk…
Read More