Latest Tutorials
No featured no post. Security category
Some info here
No featured no post image. Themes category
Some info here
No featured image has post image
No featured image and no post image
This post has no featured image and no post image.
Easy translation of text or phrases
By adding the below code to the functions.php file or a code plugin one can easily translate text without needing to install a plugin such as Loco Translate or translating using PO and MO files.It only works with translatable text…
Invoice payment in WooCommerce
Setting up an invoice payment in WooCommerce. Part 1: Install and activate PDF Invoices & Packing Slips plugin. (Or any of the other PDF plugins.) I am using: WooCommerce PDF Invoices & Packing Slips. After activating the plugin the settings…
Overview of all latest tutorials.
Gutenberg (Block Editor) Tutorials
Create and style the excerpt in the Block Editor (Gutenberg) and the Classic Editor (with TinyMCE).
I will show two different methods to style the excerpt. In the Block Editor (Gutenberg) I am using HTML and in the Classic Editor Environment I will add a code snippet to add rich text tools so that we visually…
Styling the auto WP embed
NB! One can not style the WP embed because this is located inside an iframe. Meaning the CSS comes from the external embed source. One can only style the frame around the itself and not the content inside of it.…
Back to top button link using a HTML anchor.
How to add a back to top link with smooth scrolling in Gutenberg (Block Editor). Add a Buttons block to the bottom of your page. In the sidebar while the Button is selected click the Outline style. Add the buttons…
Add a Facebook Feed (Like Box)
1 – Manually adding a Facebook Feed 2 – Plugins that help you add a Facebook Feed. This can only be done with a Facebook page. Not a profile or a group. Further below I have also added links to…
Disable an automatic WP embed.
Links from WordPress web sites might create wp-embeds (embeds). Such as the example below from Make WordPress Core. It can be difficult figuring out how to remove an auto embed in WordPress to only show text links. We can transform…
Add a Github Gist
An easy way to add a Github Gist into Gutenberg (Block Editor) is by using a HTML block. Locate the Gist you would like to Embed. Click into the area where it says Embed to select the link. Copy the…
Overview of all Gutenberg (Block Editor) tutorials.
Plugins Tutorials
WordPress Debug and Troubleshooting plugins
From time to time we will need to figure out why something is not working correctly. Adding a WordPress debug plugin is one method. Another is editing the wp-config file as well as how to fix errors on updating a…
Adding a lightbox to WordPress without using a plugin
NB! Many of the below lightbox scripts I have not been able to yet get working in WordPress. Sometimes one wants more control over how features are added to the site and might select to add a script instead of a…
Multisite plugins
Here is an overview of various Multisite Network plugins I have found especially useful. Some are at the WordPress repository some I found on Github searching for WordPress multisite. Disable Comments – Remove Comments & Protect From SpamMultisite Multidomain Single…
An alternative to giving support your WordPress admin credentials.
Use the plugin The Temporary Login Without Password plugin an alternative to giving support your WordPress admin credentials. Often times we will need help from support of some kind. Be it the web host, theme support or perhaps plugin support.…
Discourage search engines from indexing a site
In development. As we develop a web site with WordPress we need to be sure that the Settings -> Reading – Search Engine Visibility: Discourage search engines from indexing this site is checked, so that search engines do not crawl/index…
How to add Facebook comments alongside WordPress comments.
The default WordPress comments might look something like this: Let’s say you instead want to give an option for the user to post comments using Facebook.To do so one needs to add a plugin. I came across to which I…
Overview of all Plugins tutorials.
Themes Tutorials
No featured no post image. Themes category
Some info here
Creating a child theme
I will show how to create a child theme and why we use it. We mainly create a child theme to avoid the theme being overwritten when the parent theme is updated.I will be using information from the WordPress Theme…
Mysite myway modular WordPress theme framework with many options
22 September 2021: Mysite Myway – does not exist any longer. The Modular theme from Mysite myway Here is a 15 minute initial look at the Modular theme from Mysite Myway. I am also showing various framework options and a…
The Themify Framework
Going through the Themify Framework. Back in 2014 I used the Themify.me themes and they offered a really good framework of various options. Unlike many other themes at the time. Over the years more and more people are using their…
Themify Page Builder
Themify has their own Page Builder which is integrated into the Themify settings in the backend and can be activated on the Frontend. The Themify Builder 2021 version. Themify Ultra -> Settings -> Themify Builder One way to activate the…
Overview of all Themes tutorials.
Develop / Coding Tutorials
No featured image has post image
No featured image and no post image
This post has no featured image and no post image.
Suggestions on how to fix plugin, themes and fatal errors in WordPress.
Sometimes plugins or themes updates fail and one is left with a non working web site. What is also called a fatal error. There are multiple approaches to try out to figure out where the problem is located. 1- Is…
Inspect Element – Taking a closer look at the code of a web site
https://www.easywebdesigntutorials.com/wp-admin/post.php?post=1218&action=edit There is a way to modify the CSS of any web site, but just visiting it and right clicking inside the browser to select Inspect (Element). I have right click an area of the browser and selected Inspect (Element).…
BuddyPress how to show only subscribers on the members page
Going to a BuddyPress members page will show all registered users including the Administrators. We might want to remove/hide the administrator users from the members page. To only show subscribers in a members page add the following code snippet to…
Hide BuddyPress pages and bbPress forums from not logged in users
The following code snippets will redirect a not logged in users when they click a BuddyPress or a bbPress link. There is some variation between these depending on what you need. The following are code snippets need to be added…
Overview of all Develop / Coding tutorials.
Maintenance and Troubleshooting Tutorials
Suggestions on how to fix plugin, themes and fatal errors in WordPress.
Sometimes plugins or themes updates fail and one is left with a non working web site. What is also called a fatal error. There are multiple approaches to try out to figure out where the problem is located. 1- Is…
Inspect Element – Taking a closer look at the code of a web site
https://www.easywebdesigntutorials.com/wp-admin/post.php?post=1218&action=edit There is a way to modify the CSS of any web site, but just visiting it and right clicking inside the browser to select Inspect (Element). I have right click an area of the browser and selected Inspect (Element).…
WordPress Debug and Troubleshooting plugins
From time to time we will need to figure out why something is not working correctly. Adding a WordPress debug plugin is one method. Another is editing the wp-config file as well as how to fix errors on updating a…
Cpanel: Backup and Restore
cPanel has a few backup and restore software. Two I have come across are: JetBackup. The webhost automatically backs up the account every night to a remote server and is retained for 30 days.Login to your web hosts cPanel and…
Editing the wp-config file and debugging in WordPress.
The WordPress configuration file is located in the root of your WordPress file directory and contains the website’s base configuration details, such as database connection information. All code is to be added above the: /* That’s all, stop editing! Happy…
Overview of all Maintenance and Troubleshooting tutorials.
WooCommerce Tutorials
Invoice payment in WooCommerce
Setting up an invoice payment in WooCommerce. Part 1: Install and activate PDF Invoices & Packing Slips plugin. (Or any of the other PDF plugins.) I am using: WooCommerce PDF Invoices & Packing Slips. After activating the plugin the settings…
WooCommerce: Modifying the cart page
How to modify the WooCommerce Cart page. Here is the default cart page using the theme Twenty Twenty Two. Add a continue button. Result: For a variation of the above code check my tutorial: Add a Continue Shopping button to…
WooCommerce: Adjust shipping price when quantity changes
I have added on to this tutorial.Adjust shipping fee based on quantity in cart.Adjust shipping fee based on total amount in cart. Adjust shipping fee based on quantity in cart. Setup the WooCommerce -> Settings -> Shipping -> Shipping zones…
WooCommerce: Add custom fields to the Checkout page
Part 1: Modifications of the current fields seen in the checkout page. We are now at part 2: Add custom fields to the Checkout page. Here is the default Checkout page seen in the theme Twenty Twenty Two. Custom field…
WooCommerce: Add a Continue Shopping button to Single product, Cart and Checkout pages.
I decided to create a separate tutorial for adding a Continue Shopping button to multiple pages.The following example uses the theme Twenty Twenty Two. The CSS: Result: The Single Product page. Result: The Cart page. Result: The Checkout page. Just…
WooCommerce modifying the Checkout page
We are now at part 1: modifications of the current fields seen in the checkout page. Next up is part 2: Add custom fields to the Checkout page Here is the default cart page using the theme Twenty Twenty Two.…
Overview of all WooCommerce tutorials.
Network Multisite Tutorials
Fixing problems in WordPress multisite Network
Missing multisite htaccess code The htaccess file needs the following network code to function properly. If the above code is missing then you might experience problems with publishing with Gutenberg / Block Editor, and receive the following error: “Publishing failed.…
The WordPress Network Multisite user interface
An overview of the current WordPress Multisite user interface. After activating a Multisite Network new options are added. How to activate a Multisite Network. Network Admin: Sites -> Add NewAdd a new (sub) site to the Multisite Network. Network Admin:…
Multisite plugins
Here is an overview of various Multisite Network plugins I have found especially useful. Some are at the WordPress repository some I found on Github searching for WordPress multisite. Disable Comments – Remove Comments & Protect From SpamMultisite Multidomain Single…
How to add top level domains to your WordPress multisite network.
After having created a Multisite Network we need to add sub sites. To do so I have made the following video. I will show you how to add two top level domains to your multisite Network. The step by step…
How to create a multisite network
How to create a WordPress multisite network. The following step by step tutorial is based on the “Create a network” WordPress support article.A multisite is a collection of single sites that together creates a multisite network. 1- Before we begin.…
Overview of all Network Multisite tutorials.
Various
No featured no post. Security category
Some info here
Easy translation of text or phrases
By adding the below code to the functions.php file or a code plugin one can easily translate text without needing to install a plugin such as Loco Translate or translating using PO and MO files.It only works with translatable text…
A short overview of WordPress Security Plugins
My main focus areas: Resource usage and features. I have added a few criteria to review a Security plugin. Updated within the last month. High ratings. Replies to support requests within minimum a month. I began by reading reviews and…
Fixing problems in WordPress multisite Network
Missing multisite htaccess code The htaccess file needs the following network code to function properly. If the above code is missing then you might experience problems with publishing with Gutenberg / Block Editor, and receive the following error: “Publishing failed.…
The WordPress Network Multisite user interface
An overview of the current WordPress Multisite user interface. After activating a Multisite Network new options are added. How to activate a Multisite Network. Network Admin: Sites -> Add NewAdd a new (sub) site to the Multisite Network. Network Admin:…
Cpanel: Backup and Restore
cPanel has a few backup and restore software. Two I have come across are: JetBackup. The webhost automatically backs up the account every night to a remote server and is retained for 30 days.Login to your web hosts cPanel and…