WordPress tutorials and more
WordPress tutorials and more
One can embed a Vimeo video into WordPress using the standard embed link. In the Vimeo dashboard channel one selects the video and clicks the Embed tab and clicks the…
This is the first version of “What is WordPress?” tutorial and is meant as a presentation at a learning course I will be holding. It will changed over time as…
In the Query Loop I replaced the Featured Image block with a Cover block and added Category blocks on top of the Cover. Making Category button labels. I also added…
Having problems sending and or receiving emails from a web site? I had trouble sending emails from some client sites after a major change at the Norwegian web host ProISP.…
Using the Disqus commenting system The official Disqus Comment System plugin was last updated in 2021 and has very low ratings. I noticed there is an alternative to the official…
It can be tricky as only the site admin will receive an email when a comment is held for moderation. This can be changed. Adding custom e-mail addresses for comment…
The WordPress Settings – Discussion options give you various settings on how to handle comments on your web site. I will go through the Discussion settings to see what we…
A WordPress database will over time become more and more bloated, as it becomes filled with various information / entries. From posts, comments, users, themes, plugins and more. Too often…
The first version of this tutorial. General Data Protection Regulation (GDPR)What is a Privacy PolicyWordPress Privacy settings and guide A few WordPress Privacy plugins– Complianz GDPR plugin– CookieYes plugin– Cookie…
I have for a few years been looking for a WordPress theme that could replace Genesis Framework as well as the retired Beans Framework which I have been using. A…
A moment ago a client web site was down. Showing only a white screen with a 500 Internal Server error text. Seeing a white screen with an error message can…
In WordPress we can manually add code to the header or footer of a web site using the following example. An example of adding a Google tag to the head…
Code Snippets plugin overview.How I use Code Snippets.Code snippets in the cloud.Code Snippets Pro. A code snippet is a piece of code one usually adds to the child theme functions.php…
How to join WordPress on Slack This is a summary of how to join WordPress on Slack called Making WordPress. It is used as a communication tool for contributing to…
The Give donation plugin for WordPress. The plugin contains form templates to help create your fundraising campaigns. It also contains fundraising reports and donor management. A WPGive setup wizard is…
The current Media Library in WordPress has looked the same for many years. What options are there to order / sort / organize the media library today? I have tested…
Removing the link from a menu item. Sometimes we want a link not to be a link but just be a text item.An example can be a top link with…
Font Awesome is one of the most used icon libraries. I will show how to add icons to Adding Font Awesome icons to your menu You can use the Font…
Currently with Gutenberg / Block editor we can create a Social Media menu, by adding the Social Icons block. In the backend in a post or page. Write /social and…
The current method to handle menus is to go to the Appearance -> Menus. Create a menu, add content and set the display location. Then Save the menu. Add a…
Plugin has been closed down by the author. The EZP Coming Soon Page WordPress plugin is good to use for new launches/maintenance or when the site needs to be offline…
Here are various ways to add a featured image. I am showing examples with setting the same image for all featured images, taking the first image in the post content…
The following tutorial was originally created years ago. I decided to add on Full Site Editing to where we can modify the comments through the Comments block and associated inner…
Sometimes we need to speed up a WordPress site. We would then find a performance plugin. Two sites I use for checking the performance of a site:gtmetrix.com and tools.pingdom.comOther sites…
Having a Google Analytics account will help we gain a deeper understanding of the visitors to a website. Go to setup a Google Analytics account gives an overview of the…
Currently the default method to rearrange WordPress pages or posts is to go to All Posts / All Pages. Click “Quick Edit” of the page/post you would like to have…
There are some plugins I use on most sites that I run. Akismet – is by default installed. Deals with comments spam. All in One WP Security / WP Cerber…
Here is an overview of various Security plugins in WordPress. All in One WP SecurityBulletProof SecurityDefenderiThemes SecuritySecuPressShield SecuritySucuri SecurityWordfenceWP CerberMy thoughts on the security plugins. I installed the plugin Query…
Update WordPress, your themes and plugins.Change username from Admin to something else.Use a strong password.Delete the wp-config-sample.php from your root folder along with the readme and any unnecessary files. I deleted…
One can duplicate a post or page or custom posts using a plugin or inserting code (snippet) into the child theme functions file or a code snippet plugin. Code snippet…
The following uses code to create your own author biography box. It includes adding additional social media to the profile screen as well as creating your own custom author box…
It is possible to Import and export content from one WordPress site to another. Exporting content Go to Tools -> Export.Select the content to be exported.All content, Posts, Pages or…
How to add your own avatar to the discussion settings screen in WordPress. One can add an avatar I called “Golden Globe” to the list at the bottom of the…
Managing your avatar profile image in WordPress. The default for managing your avatar in WordPress is using a gravatar. This means you need to sign up at gravatar.com and add…
Site helper tools can be many things. I decided to focus this tutorial on Site staging sites and ways to detect with a site is made with WordPress or not.…
The site Header and all the content begins on the bottom of the page. To see more one scrolls and the content is lifted up into view.Here is an example…
Using the default theme Twenty Twenty One as an example when creating a sticky footer. Right click the footer area. Look for the id colophon and class site-footer in the…
Sometimes we want an area of the page to be fixed or stick to the page. Sections: A sticky top Navigation menu.A sticky header. Adding a sticky Navigation menu. An…
Using a code snippet to clean up filenames. Gradually adjustments are made in WordPress so that non English characters from file names are sanitized (changed to English characters) when these…
Altitude Pro is an older Genesis one page child theme which uses widgets to create sections on a page. A section can contain a background image and various content. With…
An overview of the SEO Framework WordPress plugin. The Yoast SEO and All in One SEO plugins are very different from The SEO Framework. I have added tutorials to show…
An overview of the All in One SEO WordPress plugin. The plugin went through a major overhaul in 2021. I have added articles to show the settings of a few…
An overview of the WordPress Yoast SEO plugin. This plugin is one of the most popular WordPress SEO plugins on the marked. It will automatically take care of the site’s technical…
I am currently using version 3.2 of Poedit. As this article has been updated from the older version which mentioned Poedit version 2. Poedit will suggest translations for each phrase. I…
After installing and activating Contact Form 7 a new sidebar item is seen named Contact with the sub sections Contact Forms, Add New and Integration. Going to Contact Forms one…
The result of adding custom code and CSS. I enqueued (fetched) the theme stylesheet in this code. It should be added to the functions file of the child theme or…
I will be showing how to adjust the All Posts / All Pages / all Custom Post Type screen. To include additional columns and modify the current ones listed. I…
The following shows code to add a custom post type (CPT). I would suggest using CPTUI plugin or the Pods plugin. I have used both and it makes it easier…
The following code shows to disable automatic update plugin emails on success. One can get a lot of emails when the Enable plugin auto-updates is turned on. Here is code…
In WordPress 5.6 and onward we are able to update WordPress core, translations, plugins and themes through the Automatic update in WordPress. Here is an example from the Installed plugins…
Here is the default Dashboard panel seen in WordPress 5.9. Remove default Dashboard Widgets Removing all the dashboard widgets. The result of removing all the Dashboard widgets. Dashboard Widgets –…
How to modify the top admin toolbar menu in WordPress. The following approach uses code to be added to a custom plugin, a core snippet plugin or in a child…
This tutorial gives additional details on how to create a new user role in WordPress. I have also added an overview of the default user roles that exist in WordPress.…
Clone the administrator user role.Reorder the left WP admin menu. Clone the administrator user role When we need a new administrator user role. Create a new role by adding the…
In the backend: Going to Ninja Forms and clicking the ADD NEW blue button a list of templates is seen. By exploring various templates one see how the various forms…
Conditional logic is a paid add-on / Extension plugin for Ninja Forms. After having installed and activated the extension / add-on. Find the form you plan to use it in.Here is…
I have decided to consolidate the two Ninja forms beginner tutorials that I have. I will add some general tips here and a link to the walk through tutorial. How…
Main styling sections Adding ColumnsDesigning the formAdding Fontawesome iconsNinja Forms – Layout & Style add-on To style a Ninja Forms one first needs to enable Developer Mode. Open one of…
This is an introduction tutorial to the contact form plugin – Ninja Forms. After installing and activating Ninja Forms go to Ninja Forms -> Dashboard: There are tabs for Forms,…
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…
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…
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…
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.…
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…
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…
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 following code will add a button to a product that is out of stock. Clicking the button will open a form. Example from Theme Twenty Twenty Two. If product…
Show a product category if user is logged in and another product category if user is not logged in. A default shop page with a few products using the theme…
The Single product page. Changing the Add to Cart quantity selector. Add the following code to change from arrow select to a drop-down. Add the following CSS: Result: Minimum quantity…
The typical shop page will look something like this:(Example using the theme Twenty Twenty Two.) Remove “Showing all x results” and sorting drop down. The WooCommerce Shop page contains the…
Here is an example of a single / individual product page in WooCommerce. Using the default theme Twenty Twenty Two. There are different ways to add code. Through a code…
A related posts plugin can show related posts from the same site usually at the bottom of an article. Why I decided to use Contextual Related Posts plugin:1. There are a lot…
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…
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…
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…
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…
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…
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…
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…
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…
Create and style the Excerpt in the Block Editor (Gutenberg). Go to a post and in the right sidebar settings area of the document (Post). Notice the Excerpt area.Here I…
Do please help me adjust or improve the below lightbox codes. Thank you very much!Here are the lightboxes I have added to this tutorial. ColorboxLightbox 2Fancybox 3Fancybox 4 (not yet…
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…
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…
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…
I might update this tutorial showing newer Themify themes. Older tutorial. Originally from 2 March 2013. Updated 8 January 2016. Below here are many video tutorials that will help you…
I looked at the various Genesis Child Themes and was curious about the features of each. Original post was published 30 June – 2016. The following is an overview. I…
Here are various WordPress developer resources that I find useful. Let me know of other resources I should add to the list. The WordPress Codex – “the online manual for…
I am adding various resources within design, user interface, user experience and more that I find useful. Do also let me know of other resources I should add to the…
The more in depth customization tutorial is located here: Customize CSS to Style your Site. The below is the shorter tutorial. Sometimes I just want to make a change to…
Sometimes we need to use conditions in the code.Here are some conditional examples using the now expired Beans WordPress Framework. Here is a link to my Beans tutorial website. (Not…
How to add and use JS scripts in WordPress. A client who has the web site celias.no gave me the task of adding a calculator to her WordPress website. The calculator…
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…
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…