Categories
WordPress Workshop Novi Sad

WooCommerce – WordPress Workshop – Novi Sad

One of the tasks at the sixth WordPress Workshop in Novi Sad was to create an online store by using the WooCommerce plugin. Specifically, the task was the following:

  1. Install WooCommerce
  2. Create the default WooCommerce pages either manually or by using the Wizard
  3. Make sure that all the WooCommerce pages are added to the menu.
  4. Set the currency to dinar (RSD) and fill in all the store data.
  5. Create 10 products – 2 simple products, 2 simple virtual products, 2 simple downloadable products, 2 variable products each with 3 different variations, 1 group product, and 1 affiliate product.
  6. Set up shipping for Novi Sad (free), for Serbia (2000 RSD), for Europe (5000 RSD), and for every other area the shipping should be 10000 RSD.
  7. Setup a standard tax of 5% for all products.
  8. Activate Cash on Delivery. This payment method mustn’t be applied to virtual products.
  9. Activate PayPal and set up a PayPal sandbox account.
  10. Install and activate the Storefront theme.
  11. Put featured products on the homepage.
  12. Go through the whole purchase flow and activate a 50% discount coupon.

I created two videos which go through this task. The first one covers the steps from 1-8 and the second one covers from 9-12.

I’m speaking in Serbian but the whole interface is in English

I’m speaking in Serbian but the whole interface is in English
facepalm from Star Trek

P.S. In the second video, one of the products wouldn’t show up in the grid of featured products. Only after the video did I realize I previously set the product visibility setting to Search Results only.

Final Workshop

The final workshop of this series will be held tomorrow. We’ll have 4 talks total – one will be about WordPress website security and the other three will be on the subject How to make a career in WordPress. Cheers 🙂

Categories
WordPress

Fixing Broken Links on a WordPress Website

While maintaining a WordPress website, one of the things to regularly check is whether your site has any broken links. Broken links are not only a bad experience for the visitors but they can also have a negative impact on your site’s SEO. Luckily, there are a few tools you can use to quickly check and fix any broken links on your site.

Broken Link Checker

Broken links are essentially links that don’t work. If you click on them, they lead to a 404 page or to a page that doesn’t load at all.

Broken Link Checker

Every couple of months, I perform a quick audit on my website to see if any broken links appeared. I use a free online tool called Broken Link Checker. You simply enter the URL of your website into the field and it will scan your site and check for broken links.

There are two main different types of broken links you’ll encounter:


Outbound Broken Links

When there’s a link on your site which leads to another site, that’s an outbound or external link. If that external site or that particular external page you linked to stops working at some point, your site is left with a broken link.

Example: While writing a post about chocolate, you linked to an article that provides a fantastic recipe for making homemade chocolate. After a couple of months, you check your site with Broken Link Checker and you find out that the homemade chocolate recipe link you added is broken. Their site doesn’t exist anymore. This is bad news for folks after that excellent recipe that’s not there anymore but it’s also bad news for your site because it now has a broken link.

When this happens, I suggest going into your article and manually fixing this. Try checking whether they changed their domain name and let the old one expire. Or maybe they just changed the slug of their article but forgot to add a redirection (we’ll touch this subject later in the article). There probably won’t be many cases like that one but if you linked to the same link (or domain) that’s now broken in quite a few articles, you can then use either a plugin or WP-CLI to fix this relatively quickly.

Fixing With a Plugin

If you opt for the plugin solution, I can suggest installing Velvet Blues, and once you activate it, navigate to Tools -> Update URLs inside your WP Admin area. You’ll see the following screen where you can update all references of the old URL to the new URL.

Velvet Blues screen

Fixing With WP-CLI

With WP-CLI, you can use the search-replace command:

wp search-replace oldurl.com newurl.com

(I’d suggest always running a --dry-run first, though, to quickly check on how many places the link appears)

Inbound Broken Links

Whenever you write a post, it will gain a unique slug. For instance, when you check the URL of this article:

https://davor.blog/fixing-broken-links-wordpress-website

The part fixing-broken-links-wordpress-website would be the slug. You can change the slug of an individual article inside the Permalink box of the Edit screen of an article:

Permalink box

However, if you were to change the slug of your article, the old permalink containing the old slug would lead to a 404 page not found. And if the post was already indexed by Google or linked on another site, someone who clicks on the link would not be able to find that post.

This might be the very case of our aforementioned chocolate recipe example. They might have ended up with a broken inbound link which in turn caused your site to have a broken outbound link. No good!

Whenever you change a slug of any post or page on your site, I’d suggest always adding a 301 redirection. Until recently, I was using the Simple 301 Redirects plugin for this but when I started using the RankMath SEO plugin (h/t to Milan), I found that it can automatically import all redirections from Simple 301 Redirects and then have you manage them directly inside RankMath’s settings.

This is what the redirections screen looks like on my site now:

Redirections screen in RankMath on my site

Whenever I changed a post’s slug in the past, I added a redirection to the new slug thus making sure there are no broken internal links. However, RankMath automatically adds a new redirection from the old permalink to the new one so I don’t even need to do this manually anymore. That’s absolutely amazing, RankMath!

I can now be sure that if someone linked to any of my posts with the old slug on their own site (or found the old link on Google), that link would no longer be broken and it would automatically redirect to the new link. Something that the homemade chocolate recipe author should have done as well!

Another case of broken inbound links happens after you perform a site migration and change your domain name. To remedy the broken links on your site, you would need to use the aforementioned Velvet Blues plugin or WP-CLI command.

Conclusion

Having broken links is something everyone should avoid. Performing a regular audit with Broken Link Checker and fixing broken links, improves the visitors’ experience and also makes the relationship between Google and your WordPress website just a bit better 😎

Categories
WordPress Workshop Novi Sad

Fourth WordPress Workshop – Novi Sad

During the fourth WordPress workshop in Novi Sad, we went through the basics of HTML and CSS, we covered the best practices for adding custom CSS to a WordPress site, we went through some of the options of the element Inspector in browsers, and we also manually created a child theme.

After the workshop, I created a short video walkthrough of the element Inspector options in Chrome and I covered the basic creation of a child theme (both manual and via a plugin).

I’m speaking in Serbian but the whole interface is in English

Next

During the next workshop, we’ll go through WP-CLI and creating a web shop by using WooCommerce.

Categories
WordPress Workshop Novi Sad

Third WordPress Workshop – Novi Sad

On November 2nd, I held another workshop in Novi Sad. This is part three of the entire WordPress Workshops series in Novi Sad.

Migrating a WordPress site

During the workshop, we went through creating a WordPress website manually by using MAMP or WAMP and then migrating the entire site to a hosting provider.

After the workshop, I recorded a video of the entire process which you can find below:

I’m speaking in Serbian but the whole interface is in English

For the next workshop, we’ll dive into HTML and CSS.

Categories
WordPress Workshop Novi Sad

Second WordPress Workshop – Novi Sad

During the 2nd WordPress Workshop in Novi Sad (here’s the link to the first one #), the attendees worked on completing the remaining tasks I prepared for mastering WordPress.com site creation. The videos of the solutions can be found here.

Installing WordPress on a Local Machine

We also dipped our toes into installing the WordPress.org software locally by using Local by Flywheel.

I recorded a short video of the entire process:

I’m speaking in Serbian but the whole interface is in English

For the next workshop, we’ll dive deeper into installing WordPress locally and we’ll also install WordPress on a host via cPanel – I’m still checking which hosting provider we should use 😀