With WordPress, other than using Tag and Category, you can use custom fields and custom taxonomies to create your custom posts filters. In this post, I will bring in a pretty simple method to do it by Meta Box plugin.
After the 3rd part of the series about how to build a hotel booking website using Meta Box, we had a basic system to create and book reservations for a small and medium hotel. However, I think that you still need a tool to collect all the booking details for easy management and scheduling.
That’s why in this 4th part, I will show you how to display all booking orders on one page so that you can view the booking schedule intuitively as well as easily check each information.
In WordPress, each user account on the website has his/her own avatar, but to set this avatar, users must use a tool called Gravatar. This work sometimes costs time and effort. However, you can completely change it by creating a field that allows users to upload photos right on the website, then set that image as an avatar. Thus, user’s manipulation becomes somewhat simpler. In this case, the avatar that the user has set himself/herself (not by Gravatar) is temporarily called a custom avatar.
WooCommerce is the most popular eCommerce WordPress platform that accounts for more than 23% of the total number of eCommerce websites over the world. This platform helps users have online stores with common managing tools such as creating a cart, shipping management, order management, payment, order, tax, etc.
There is not only a way to embellish your custom metaboxes and custom fields created by Meta Box plugin by adjusting size, space, color, … as in the previous post, but also adding icons into their title. Instead of using only text for the meta box’s title or field name, we can use icons for addition or alternative. It is quite simple to do, let’s see how.
WordPress allows you to add more users to your website, but it’s from the backend only. If you want to allow visitors to register and manage their accounts from the frontend, you might create a custom sign up, sign in, and user profile page for them. You also might create some fields for them to fill in their information. If you are using Meta Box plugin, you may use it to do it easily.
Custom fields normally have a default padding, color, border, font, etc. which may not fit your design in either backend or frontend. So you may want to change how they display, making them more eye-catching. That’s the moment you want to style them.
So do the custom fields created by Meta Box. You definitely can style every custom field created by Meta Box as you want. In this post, I will give you some way to use CSS to style the fields.
In the first post of this series, we created the page showing all the hotel room’s information. It normally has a button or several call-to-action areas to go to the booking page which allows your customers to make an order. However, ‘cause some businesses have strong direct channels, they want their sales to make booking orders for their customers as well. Along with that, to have you imagine how to create a booking page in the frontend later (which is in the 3rd post), I made this post to show you how to create one in the backend. That is for internal users only.
Favicon refers to Favorite Icon, which is a small icon displayed in the tab’s name on the browser. Users can distinguish each tab by this icon. It often has the size is 16x16px and is saved in a file named
favicon.io in the root folder of the server. It also is considered as an abridged logo of your business.
Every website often has a favicon applied to all pages on the site. But, you may want to highlight your products by set individual favicon for each product page. Using Meta Box plugin along with editing the theme a little bit will help you get it.