WordCamp Asia 2025
Meta Box

Case Study

Tutorials on using Meta Box and Meta Box extensions to build real websites and applications.

How To Have A Chronological Timeline In Wordpress P2 Using Mb Views

How to Have a Chronological Timeline in WordPress - P2 - Using MB Views

A while back, I tried to create a timeline to show the changelog of our plugins on our website. What seemed like a straightforward task quickly became a puzzle as I tried different methods. It’s because I had some posts written about each version in detail, then I want to show them on the timeline. After a week, I finally found a solution that worked perfectly with the help of the MB Views extension from Meta Box.

Continue reading "How to Have a Chronological Timeline in WordPress - P2 - Using MB Views" →

How to Create a Timeline Page - P1 - Using Meta Box and Bricks

How to Create a Timeline Page - P1 - Using Meta Box and Bricks

Sometimes, you should show the content in a timeline format. This type of content is really useful when you want to display the timeline of an event, historical milestones, roadmap, or changelog of a plugin/theme, etc. A logical and clear timeline can help visitors get information easily. In this article, let’s create and display a timeline page using a combination of Meta Box with Bricks.

Continue reading "How to Create a Timeline Page - P1 - Using Meta Box and Bricks" →

How To Create A Custom 404 Page In Wordpress P2 Using Meta Box And Bricks

How to Create a Custom 404 Page in WordPress - P2 - Using Meta Box and Bricks

Having a 404 page helps to increase the probability of keeping visitors on your site even when they do not find the content that they are looking for and also reduces the bounce rate. That's why we should have better content for it to keep them there. The easiest way to have the most accurate content is to change it based on customer insights.

So, let’s explore an interesting way to have a custom 404 page with flexible content using custom fields created with Meta Box and displaying them with Bricks.

Continue reading "How to Create a Custom 404 Page in WordPress - P2 - Using Meta Box and Bricks" →

How to Display Opening Hours for Restaurants - P3 - Using Meta Box and Bricks

How to Display Opening Hours for Restaurants - P3 - Using Meta Box and Bricks

On a website for booking tables for several restaurants, we can show the daily opening hours for each one. It helps your customers be more proactive in managing schedules and bookings. It’s a piece of cake to add that information into a single page of each restaurant with the help of Meta Box and Bricks.

Continue reading "How to Display Opening Hours for Restaurants - P3 - Using Meta Box and Bricks" →

How to Create Download and Preview Buttons - P4 - Using Meta Box and Kadence

How to Create Download and Preview Buttons - P4 - Using Meta Box and Kadence

Do you have a WordPress website to share knowledge, documentation, product information files, portfolios, etc.? It’s convenient to allow visitors to have two options: read the preview or download the PDF file. Therefore, creating download and preview buttons on an e-book page can be a useful topic for you. Today, let’s do it using Meta Box and Kadence.

Continue reading "How to Create Download and Preview Buttons - P4 - Using Meta Box and Kadence" →