Diamant

Hotel & Resort Booking Wordpress Theme

• Created: 30/01/2026
• latest Update: 06/04/2026
• By: KWST
• Demo: https://wp-diamant.kwst.net/demo/
• Email: support@kwst.net

Requirements

You need at least WordPress version 6.0+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of Wordpress to ensure all known bugs and security issues are fixed. Other requirements:

PHP - PHP version 7+ or greater. But for maximum speed, we recommend to use PHP version 8+.
MySQL - MySQL version 5.0.15 or greater.

Getting Started

WordPress Information

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide here.
Below are all the useful links for WordPress information:

• WordPress Codex About WordPress and how to install on your server
• How to Install WordPress Tutorial
• First Steps With WordPress: General information that covers a wide variety of topics
• FAQ New To WordPres: FAQ’s regarding WordPress.

Diamant Theme Installation

WordPress theme is simply a group of files, called template, bundled together that, when activated in CMS, determine the look and basic function of your site. By using professional modinatheme theme, you can have your site up and running with a new design - pretty fast. Theme installation is very easy process. Especially when you've chosen the theme you want to use, you'll need to install it into your WordPress website. You'll have the following two choices, as you did when adding new plugins:

You can add the theme directly from within the WP Admin, using Upload Theme option. From Admin Panel go the following path Appearance - Themes - Add New - Upload Theme and select the diamant.zip archive, then click Install Now. Once the theme is fully uploaded and installed, click Activate to activate the WordPress theme.


If your server is not set up properly or you have any problems, you'll have to extract and then upload the theme by hand. Using your favorite FTP client tool upload theme folder into the folder path /wp-content/themes/ on your server and active it from admin panel.

Note: On your WordPress site, the wp-content/themes folder holds all your themes. Each theme you install gets its own subfolder. All of a theme's style sheets and template files reside inside the theme's folder.
If you try to install the wrong files, you will get the missing styles.css error. This is the most common error that means you are trying to install an incorrect package.

Required Plugins

Once your theme is installed, you will notice a message at the top of your dashboard prompting you to install certain plugins. To ensure that your site has all of the same functionality that you see in the demo, it’s important that you install and activate these plugins.

You can install them automatically via the notice or manually in Appearance - Install Plugins.

After installing and activating the plugins, you need to do one more thing. Go to: Elementor - settings - acivate Post Types "rooms".

Demo Import

Go to Appearance → Import Demo Data.
Click Import Demo Data and wait until it finishes.

Note: After the import completes, you may notice duplicated menus. To fix this, go to Appearance - Menus, open the Manage Locations tab, and assign Menu 1 to the primary menu location.

Theme Settings

The main theme settings are located on the path Appearance - Сustomize

Description of settings

Pages

All pages in the Diamant theme are built using the Elementor page builder and the included custom widgets. Follow these steps to create or edit a page:

1. Go to Dashboard → Pages → Add New.
2. Enter a page title (e.g., "Home", "Rooms", "Blog").
3. Use the Metabox (see screenshot) to select a page layout , thumbnail etc:
4. Click Publish.
5. Click Edit with Elementor to design the page with custom widgets.

Elementor Widgets

Custom Elementor widgets are divided into three categories:

• Diamant Home Widgets
• Diamant Content Widgets
• Diamant Rooms Widgets

Diamant Home Widgets

. To use a widget, simply drag it to the page. Inside the widget, you can add slides, videos, descriptions, and customize the style (typography, rounded corners, etc.) in the Style tab.

Diamant Content Widgets

Pages are divided into sections, and widgets correspond to these sections. Drag and drop the desired section widgets one by one.

Diamant Rooms Widgets

These widgets are designed to showcase rooms items. For detailed instructions, please refer to the Rooms section of this documentation.

Coming Soon Page

Create a new page. Create a new page. Select the Page Layout "Coming Soon" in the metabox.(view sreenshot). And click "Edit in elementor"

Select a widget "Coming Soon Page" in tab "Diamant Home Widgets". And then add and edit your content.

One Page Version

If you're going to use a single-page version, the page is created using the same principles as the others. The only difference is the menu and the set IDs. The IDs are added in the settings for each widget element section and are named "Section Anchor ID (one-page)". The section ID must match the menu link that, when clicked, should scroll the page to this section.

For Example:

	#sec3

One Page Menu

Another important point is the menu for the single-page version. You create it using custom links. It's also important that if you plan to use other pages (for example, rooms or posts), you specify the single-page menu in the meta field (on the post or room page). To link from another page to the main one-page site, it's important to include the full URL and section ID in the menu link (see screenshot).
For example:

	https://wp-diamant.kwst.net/demo/#sec3

Icons

All icons use the Fontawesome library (6.2). You can see the list of icons here:https://fontawesome.com/v6/search
It is important that all icons in the template are added through a class - and do not complete the icon code.

	fa-solid fa-image

Blog - News

Blog pages are managed using the standard WordPress editor. The overall blog layout and individual posts are configured using the Customizer. When creating or editing a post, you can customize media and descriptions.

1. Add a post: Go to Dashboard → Posts → Add New.
2. Set media: Use the Column Title and Media metabox to add an image, gallery, video, iframe, audio, or no media. Adding a post thumbnail is recommended.
   • Image
   • Gallery
   • Video
   • Iframe
   • Audio
   • No Media
3. Optional description: Add a description for the column image if needed.
4. Category & Tag descriptions: To add an individual description for a category or tag, go to Dashboard → Posts → Categories, hover over a category, and click Edit.
5. By default, all blog pages (categories, tags, posts) will display the description or media set for the main blog page.

Note: Using the Column Title and Media metabox allows you to create visually appealing blog posts that match the Photogam theme style.

Rooms

The first thing you need to do is create room parameters and add amenities. This is necessary for search filters and also for selecting options for individual numbers.

Rooms pages in the Diamnt theme are built using Elementor and the included custom rooms widgets (room-single 1, room-single 2, room-single 3). First, you need to create room pages. They are automatically added to the main page displaying all rooms. To create a Rooms page, follow these steps:

1. First you need to create room pages
2. Go to Dashboard → Pages → Add New.
3. Enter a page title (e.g., “Rooms”).
4. Click Edit with Elementor and add one of the Rooms Widgets.

In Elementor widget "Rooms" you can choose different display options for search form, rooms cards, styles, and so on.

Single Room

To create a room, follow these steps:

1. Add Room
2. Add Title
3. Add title - Room Amenities - Room Details and Room Settings (to display cards on the all rooms page)
4. Publish
5. After This steps - click on Edit In Elementor

Single room pages can use one of the following Elementor widgets:

1. Room single – With Carousel
2. Room single2 – With Slider
3. Room single2 – With Grid Gallery

In the room settings, you can choose how the booking form is displayed, the location, and much more.

We also recommend adding this section to each form at the beginning. It has three display options (image, video and solid version without title) and also breadcrumbs.

Subscribe and Contact Forms

Contact Form 7 Setup

To create or edit a contact form:
1. Go to Dashboard - Contact - Add New.
2. Add the following code in the Form tab:

    


    

        

            [text* your-name id:cf-name placeholder "Your Name *"]
        

        

            [email* your-email id:cf-email placeholder "Email Address *"]
        
    

    [textarea your-message id:cf-comments rows:3 placeholder "Your Message"]

    [submit id:submit_cnt class:commentssubmit "Send Message"]

Click Save.
The form is now ready. You can also customize response messages in the Messages tab.

Mailchimp for WP (Newsletter Subscription)

1. Go to Dashboard → MC4WP → Mailchimp and connect your Mailchimp account by entering your API key.
2. You can get your API key from your Mailchimp account under Profile → Extras → API Keys.
3. Once connected, go to MC4WP → Form and create a new subscription form or use the default one.
4. Copy and paste the following code into the Form code area:

Want to be notified when we launch a new template or an udpate. Just sign up and we'll send you a notification by email.
    

    
    

Permalinks

By default, WordPress uses URLs like http://example.com/?p=123, which are not SEO-friendly. Most website owners prefer using Pretty Permalinks — clean and readable URLs that include keywords such as post names, categories, or tags. These help improve both search engine optimization and user experience.

To set up permalinks for your WordPress site, go to Dashboard → Settings → Permalinks. You will see several structure options, such as:

• Plain: ?p=123 (default, not recommended)
• Day and name: /2025/10/07/sample-post/
• Month and name: /2025/10/sample-post/
• Post name: /sample-post/ (recommended)
• Custom structure: create your own format if needed

For best results, choose the Post name option and click Save Changes.

Translation

Diamant is fully translation-ready.
You can use Loco Translate or Poedit to translate the theme into your language.

• Text Domain: diamant
• Translation File: /languages/diamant.pot

How to Translate Using Loco Translate

1. Install and activate the Loco Translate plugin.
2. Go to Loco Translate → Themes → Diamant.
3. Click “New Language” and select your desired language.
4. Translate any text by selecting it from the Source Text list and entering your translation below.
5. Click Save to generate the translation files.

You can also translate the theme’s companion plugin: diamant-theme-pack

Child Theme

To safely modify or extend theme functionality without losing your changes during updates, use the Diamant Child theme.

1. Install and activate Diamant Child (diamant-child.zip).
2. Add your custom CSS or PHP modifications inside the child theme files.
3. Parent theme updates will not affect your customizations.

This is the recommended method for making any design or code changes.

Map

This template uses Google Maps. For the map to work, you need to get an API key. To find key visit this link . And add your key to the widget field, as well as the coordinates (see screenshot).

To find the coordinates - visit this link

Sources & Credits

Fonts
Google Fonts

Images
Freepik
Pexels
(Used for demo purposes only — not included in the download package)

Plugins & Scripts

• Elementor: https://elementor.com
• TGM Plugin Activation: https://github.com/TGMPA/TGM-Plugin-Activation
• Swiper: https://swiperjs.com/
• LightGallery: https://www.lightgalleryjs.com/

All third-party assets are used under their respective licenses.

Changelog