How to add support for a Custom Post Type on Yet Another Related Posts Plugin (YARPP)

One of the most popular related posts plugins for WordPress is YARPP with more than 200.000 active installations. It says it supports Custom Post Types (CPT), but not out of the box. You’ll need to do some extra things in order for your CPT to be supported.

If you have access to the functions that register the CPT, then the solution is simple. You’ll just need to include the argument ‘yarpp_support’ and set it to true when you register it.

https://gist.github.com/carmoreira/2d59b7aa2393d133e55473c0bcd269d3

If you don’t have access to the code where the CPT if registered, maybe because it’s a third-party plugin that is creating it, you can still try to manipulate the arguments used to create that CPT and add the ‘yarpp_support’ argument. You can use the code below:

https://gist.github.com/carmoreira/a377c38521bfe142189f7f0690a39a12

You should replace ‘my_custom_post_type’ with the identifier you need and add the code to the functions.php of a child theme or your own plugin. This seems to work well on my projects.

Hope this helps someone!

Interactive Maps in Elementor Page Builder

Elementor Page builder is one of the most popular WordPress plugins of it’s type. It has tons of widgets available, but you might need something different for your project. If you need to create an interactive map of the world or of any country, but need something different than Google Maps, you might want to try theĀ Interactive World Maps plugin. These are some examples of maps created with this plugin.

All Countries Placeholder
All Countries
Map Markers Placeholder
Map Markers
US Map Placeholder
US Map

The plugin is fully compatible with the Elementor Page Builder. After you create your map you can easily add it to your page using the Shortcode widget. Below we’ll explain how you can do this with some very simple steps.

1) Install the Plugin

The plugin is for sale exclusively on Envato Market for only $29 with 6 months support included and all future updates. Once you have the plugin zip file, you can install through the Plugins > Add New > Upload interface in your administration. Once you have the plugin installed you’ll see the new ‘Interactive Maps’ menu entry in your administration menu.

2) Build your Map

The plugin comes with more than 300 maps, where you can colour regions or add markers. Both regions and markers can be interactive, displaying tooltips on hover and perform actions on click, like opening a new page or display information on a lightbox or next to the map. Follow the onscreen instructions and create the map to fit your needs. There’s a video tutorial available for beginners also.

Once you have your map saved, you’ll have a unique shortcode. That shortcode will be used to add the map to your page.

3) Add the Map to your Elementor page

The current version of the plugin will not add a new map widget to Elementor builder. However you can use the map shortcode on the existing Shortcode Widget. Just add the shortcode widget to the place on the page where you want the map to display and add the map shortcode there. The preview will not display the map immediately, but once you save your page and preview it, you should see your map.

And that’s it. You can create as many maps as you want and add them into different shortcode widgets. You can also add the map shortcode together with normal text in a text editor, but the Elementor preview will not display the map placeholder, just the shortcode itself, but once published, the map will also display.

If you have any question about Elementor or the Interactive World Maps plugin leave a comment and I’ll try my best to help.

Get Interactive World Maps plugin for only $29

One time fee. All future updates included and 6 months support.

How to change WooCommerce Products per Page with Divi

For a recent project I needed to change the default number of products displaying in the WooCommerce shop page. Usually this is set in the ‘Settings > Reading > Blog pages show at most’ option. So I was confused when I changed the value there and there was no change in the shop page. I searched within the WooCommerce settings, the customizer, searched for plugins and I found nothing, except this code snippet from the WooCommerce official documentation, but I found it strange that such small feature wouldn’t exist and we would need to add custom code.

Turns out I forgot to search in the most obvious place: the settings page for Divi itself. Here’s where you can find the option to change the number of products per page on the shop:

Divi Theme Options > General > Number of Products displayed on WooCommerce archive pages

Hopefully this will be useful to someone who will need to do the same and doesn’t find the option straight away.

7 Clean Design Layouts to Display Your Team on WordPress

Nowadays there are a lot of solutions available on WordPress to display your team/staff members. Many will give you fancy design effects and animations, but keep in mind that those become obsolete and users just like clean and effective layouts. Remember that the main purpose of your team pages is presenting your team to your visitors, not flash them with fancy effects that might turn them away, instead of providing the ‘wow’ effect you think it might give. Keeping the design simple and minimalist will help with speed, usability and readability. Some key aspects of clean layouts:

  • Less is More
  • White Space for readability
  • Faster Loading
  • Responsive

Here are some examples of how to display your team members.

1) Rounded Corner Images with Info on Left

Jane M. Jones
Melvin C. Kelly
Maria C. Garcia

 

2) Round Images with Simple Border Style

Maria C. Garcia
HR Assistant
Buenos Aires, Argentina
Jerry E. Baca
Costumer Support
Los Angeles, Californa
Cora B. Jordan
Costumer Support
Los Angeles, Californa
Brian C. Travis
Web Designer
Los Angeles, CA

 

3) Round Images with Information on Hover

Maria C. Garcia
HR Assistant
Buenos Aires, Argentina
Jerry E. Baca
Costumer Support
Los Angeles, Californa
Cora B. Jordan
Costumer Support
Los Angeles, Californa
Brian C. Travis
Web Designer
Los Angeles, CA

 

4) Squared Images with Information on Hover

Jane M. Jones
Sales Agent
Melvin C. Kelly
Copy Writer
Maria C. Garcia
HR Assistant
Jerry E. Baca
Costumer Support

5) Table Layout

Jane M. Jones
Sales Agent
Los Angeles, Californa
Melvin C. Kelly
Copy Writer
London, UK
Maria C. Garcia
HR Assistant
Buenos Aires, Argentina
Jerry E. Baca
Costumer Support
Los Angeles, Californa
Juan A. Swain
Social Networks Manager
LA, Californa

 

6) White Card Grid

Jane M. Jones
Sales Agent
Melvin C. Kelly
Copy Writer
Maria C. Garcia
HR Assistant
Jerry E. Baca
Costumer Support

 

7) Thumbnails with Information on click

The examples above where all created with a plugin I originally developed in 2013 and been improving it ever since with user feedback. It passes the test of time since I kept the designs clean, without fancy animations that become obsolete or fancy design effects. There are currently almost 10.000 sites using layouts generated by my plugin.

Read more about my plugin ‘Team Showcase’.

Team Showcase Premium WordPress Plugin

Find out more about this plugin trusted by thousands of users.

The plugin costs $16 which includes 6 months support and all future updates.