{"id":1266,"date":"2026-04-27T05:18:22","date_gmt":"2026-04-27T05:18:22","guid":{"rendered":"https:\/\/elyspace.com\/blog\/?p=1266"},"modified":"2026-04-27T05:18:22","modified_gmt":"2026-04-27T05:18:22","slug":"how-to-make-own-wordpress-template-for-travel-website","status":"publish","type":"post","link":"https:\/\/elyspace.com\/blog\/how-to-make-own-wordpress-template-for-travel-website\/","title":{"rendered":"How To Make Own WordPress Template For Travel Website"},"content":{"rendered":"\n

Below is one possible<\/strong> complete WordPress theme structure and code that:<\/p>\n\n\n\n

    \n
  1. Registers a custom post type called \u201cTours\u201d (or \u201cPackages\u201d) with relevant meta fields.<\/li>\n\n\n\n
  2. Renames the original Thrillophilia classes to new ElySpace<\/strong> classes (e.g., ElySpace_HandpickedCard__...<\/code>).<\/li>\n\n\n\n
  3. Replaces references to Thrillophilia<\/strong> with ElySpaceTravel<\/strong>.<\/li>\n\n\n\n
  4. Integrates basic Elementor support<\/strong> so you can build and edit pages with Elementor.<\/li>\n\n\n\n
  5. Makes the HTML \u201cpackage listings\u201d dynamic by pulling data from the custom post type.<\/li>\n\n\n\n
  6. Provides a theme settings<\/strong> page (using standard WordPress options API) where you can add or manage certain text dynamically if desired.<\/li>\n<\/ol>\n\n\n\n

    This is a starter\/foundation<\/strong> theme. You can refine, reorganize, and expand as needed.<\/p>\n\n\n\n

    \n\n\n\n

    Folder & File Structure<\/h1>\n\n\n\n
    elyspace-travel-landing\/\n\u251c\u2500\u2500 inc\/\n\u2502   \u251c\u2500\u2500 custom-post-types.php     \/\/ CPT (Tours\/Packages) registration\n\u2502   \u251c\u2500\u2500 custom-fields.php         \/\/ Optional: For custom meta fields (ACF or custom)\n\u2502   \u251c\u2500\u2500 theme-settings-page.php   \/\/ Optional: Admin page to manage theme settings\n\u2502\n\u251c\u2500\u2500 template-parts\/\n\u2502   \u251c\u2500\u2500 hero.php                  \/\/ Example partial for Hero section\n\u2502   \u251c\u2500\u2500 packages-loop.php         \/\/ Listing of packages (dynamic from CPT)\n\u2502   \u2514\u2500\u2500 footer-content.php        \/\/ Example partial for the custom Footer content\n\u2502\n\u251c\u2500\u2500 footer.php\n\u251c\u2500\u2500 front-page.php                \/\/ Landing\/Home page template\n\u251c\u2500\u2500 functions.php\n\u251c\u2500\u2500 header.php\n\u251c\u2500\u2500 screenshot.png                \/\/ Theme screenshot (shown in WP Admin)\n\u251c\u2500\u2500 single-tour.php               \/\/ Single \"Tour\" custom post type template\n\u251c\u2500\u2500 archive-tour.php              \/\/ Archive listing for \"Tours\" (optional)\n\u251c\u2500\u2500 page.php                      \/\/ Default page template\n\u251c\u2500\u2500 style.css                     \/\/ Main theme stylesheet\n\u2514\u2500\u2500 readme.txt                    \/\/ Optional instructions\n<\/code><\/pre>\n\n\n\n
    \n
    Note<\/strong>: The names and structure are flexible. Adjust them to fit your workflow.<\/p>\n<\/blockquote>\n\n\n\n
    \n\n\n\n
    1. style.css<\/code> (Required Theme Header + Global Styles)<\/h2>\n\n\n\n
    \/*\nTheme Name: ElySpace Travel Landing\nTheme URI:  https:\/\/elyspace.com\/web-design\nAuthor:     ElySpace\nAuthor URI: https:\/\/elyspace.com\/web-design\nDescription: A modern WordPress theme optimized for travel business landing pages focusing on Kashmir tours.\nVersion:    1.0\nText Domain: elyspace-travel-landing\n*\/\n\n\/* Basic resets and global styles *\/\nbody {\n  margin: 0;\n  font-family: 'Open Sans', sans-serif;\n  color: #333;\n  background-color: #fff;\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n}\n\n\/* Example gradient for backgrounds *\/\n.elyspace-gradient-bg {\n  background: linear-gradient(135deg, #00B4DB 0%, #0083B0 100%);\n}\n\n\/* Hero Section Classes *\/\n.ElySpaceHero_section {\n  position: relative;\n  text-align: center;\n  color: #fff;\n  padding: 80px 20px;\n  background-size: cover;\n  background-position: center;\n}\n\n.ElySpaceHero_heading {\n  font-size: 48px;\n  margin-bottom: 20px;\n}\n\n.ElySpaceHero_subheading {\n  font-size: 24px;\n  margin-bottom: 30px;\n}\n\n.ElySpaceHero_button {\n  background-color: #ff7e5f;\n  border: none;\n  padding: 15px 30px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 16px;\n}\n\n\/* Example classes for packages listing *\/\n.ElySpacePackages_wrapper {\n  margin: 40px 0;\n}\n\n.ElySpace_packageCard {\n  border: 1px solid #eee;\n  padding: 16px;\n  border-radius: 6px;\n  margin-bottom: 24px;\n  background: #fff;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.ElySpace_packageCard img {\n  width: 100%;\n  border-radius: 4px;\n}\n\n.ElySpace_packageCard-title {\n  font-size: 20px;\n  font-weight: 600;\n  margin: 12px 0 8px 0;\n}\n\n.ElySpace_packageCard-meta {\n  font-size: 14px;\n  color: #777;\n  margin-bottom: 8px;\n}\n\n.ElySpace_packageCard-price {\n  font-size: 18px;\n  color: #f37002;\n  font-weight: bold;\n}\n\n.ElySpace_packageCard-oldprice {\n  text-decoration: line-through;\n  margin-left: 10px;\n  font-size: 16px;\n  color: #999;\n}\n\n.ElySpace_packageCard-actions {\n  margin-top: 12px;\n}\n\n.ElySpace_packageCard-actions button {\n  background-color: #f37002;\n  color: #fff;\n  border: 0;\n  padding: 10px 20px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n\/* Footer Classes *\/\n.ElySpaceFooter_wrapper {\n  background-color: #222;\n  color: #aaa;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.ElySpaceFooter_heading {\n  color: #fff;\n  font-size: 18px;\n  margin-bottom: 20px;\n}\n\n.ElySpaceFooter_link {\n  display: block;\n  color: #ccc;\n  margin: 4px 0;\n}\n\n.ElySpaceFooter_link:hover {\n  color: #fff;\n}\n\n.ElySpaceFooter_logo img {\n  max-width: 200px;\n}\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    2. functions.php<\/code> (Theme Setup, Enqueue, CPT Includes, Admin Notice)<\/h2>\n\n\n\n
    <?php\n\/**\n * Main functions for ElySpace Travel Landing Theme\n *\/\n\nif (!defined('ABSPATH')) {\n    exit; \/\/ Exit if accessed directly\n}\n\nadd_action('after_setup_theme', 'elyspace_travel_landing_setup');\nfunction elyspace_travel_landing_setup() {\n    \/\/ Enable support for site title tag\n    add_theme_support('title-tag');\n    \n    \/\/ Enable featured images\n    add_theme_support('post-thumbnails');\n\n    \/\/ Support Elementor\n    add_theme_support('elementor');\n    \n    \/\/ Register primary menu\n    register_nav_menus([\n        'primary' => __('Primary Menu', 'elyspace-travel-landing'),\n    ]);\n}\n\n\/\/ Enqueue Theme Scripts & Styles\nadd_action('wp_enqueue_scripts', 'elyspace_travel_landing_enqueue_assets');\nfunction elyspace_travel_landing_enqueue_assets() {\n    \/\/ Main stylesheet\n    wp_enqueue_style('elyspace-main-style', get_stylesheet_uri(), [], '1.0');\n    \/\/ Optionally enqueue scripts or additional CSS here\n}\n\n\/\/ Include custom post types file\nrequire_once get_template_directory() . '\/inc\/custom-post-types.php';\n\n\/\/ Optionally include custom fields or ACF config\nrequire_once get_template_directory() . '\/inc\/custom-fields.php';\n\n\/\/ Optionally include theme settings page\nrequire_once get_template_directory() . '\/inc\/theme-settings-page.php';\n\n\/\/ Admin notice upon activation\nadd_action('admin_notices', 'elyspace_travel_landing_admin_notice');\nfunction elyspace_travel_landing_admin_notice() {\n    $theme = wp_get_theme();\n    if ($theme->get('Name') === 'ElySpace Travel Landing') {\n        ?>\n        <div class=\"notice notice-success is-dismissible\">\n            <p>\n                <?php echo __('Welcome to the ElySpace Travel Landing Theme!', 'elyspace-travel-landing'); ?>\n                <br>\n                <?php echo __('Thanks for choosing our theme. Visit', 'elyspace-travel-landing'); ?> \n                <a href=\"https:\/\/elyspace.com\/web-design\" target=\"_blank\">ElySpace<\/a> \n                <?php echo __('for more details or support.', 'elyspace-travel-landing'); ?>\n            <\/p>\n        <\/div>\n        <?php\n    }\n}\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    3. inc\/custom-post-types.php<\/code> (Register the \u201cTour\u201d CPT)<\/h2>\n\n\n\n
    <?php\n\/**\n * Register Custom Post Type for Tours\/Packages\n *\/\n\nif (!defined('ABSPATH')) {\n    exit;\n}\n\n\/\/ CPT: Tour (Packages)\nfunction elyspace_register_tour_cpt() {\n    $labels = [\n        'name'               => __('Tours', 'elyspace-travel-landing'),\n        'singular_name'      => __('Tour', 'elyspace-travel-landing'),\n        'add_new'            => __('Add New Tour', 'elyspace-travel-landing'),\n        'add_new_item'       => __('Add New Tour', 'elyspace-travel-landing'),\n        'edit_item'          => __('Edit Tour', 'elyspace-travel-landing'),\n        'new_item'           => __('New Tour', 'elyspace-travel-landing'),\n        'view_item'          => __('View Tour', 'elyspace-travel-landing'),\n        'search_items'       => __('Search Tours', 'elyspace-travel-landing'),\n        'not_found'          => __('No Tours found', 'elyspace-travel-landing'),\n        'not_found_in_trash' => __('No Tours found in Trash', 'elyspace-travel-landing'),\n        'menu_name'          => __('Tours', 'elyspace-travel-landing'),\n    ];\n\n    $args = [\n        'label'               => __('Tours', 'elyspace-travel-landing'),\n        'labels'              => $labels,\n        'description'         => __('Kashmir travel packages, curated by ElySpaceTravel', 'elyspace-travel-landing'),\n        'public'              => true,\n        'has_archive'         => true,\n        'menu_icon'           => 'dashicons-palmtree',\n        'rewrite'             => ['slug' => 'tours'],\n        'supports'            => ['title', 'editor', 'thumbnail', 'excerpt'],\n        'show_in_rest'        => true,\n    ];\n    register_post_type('tour', $args);\n}\nadd_action('init', 'elyspace_register_tour_cpt');\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    4. inc\/custom-fields.php<\/code> (Optional \u2013 Custom Fields for Price, Old Price, Duration, etc.)<\/h2>\n\n\n\n
    If you use ACF<\/a> or another fields plugin, you can skip custom code. Otherwise, here\u2019s a basic approach<\/strong> using WordPress\u2019s native custom fields or the [Settings API]. For brevity, this example only shows how you might set up meta boxes for price\/duration. You\u2019d expand as needed.<\/p>\n\n\n\n
    <?php\n\/**\n * Basic example of adding custom meta boxes for Tours.\n *\/\n\nif (!defined('ABSPATH')) {\n    exit;\n}\n\nfunction elyspace_tour_add_meta_box() {\n    add_meta_box(\n        'elyspace_tour_meta',\n        __('Tour Details', 'elyspace-travel-landing'),\n        'elyspace_tour_meta_box_callback',\n        'tour',\n        'side',\n        'default'\n    );\n}\nadd_action('add_meta_boxes', 'elyspace_tour_add_meta_box');\n\nfunction elyspace_tour_meta_box_callback($post) {\n    wp_nonce_field(basename(__FILE__), 'elyspace_tour_nonce');\n\n    $saved_price      = get_post_meta($post->ID, '_elyspace_tour_price', true);\n    $saved_old_price  = get_post_meta($post->ID, '_elyspace_tour_old_price', true);\n    $saved_duration   = get_post_meta($post->ID, '_elyspace_tour_duration', true);\n    \n    ?>\n    <p>\n        <label for=\"elyspace_tour_price\"><?php _e('Price (INR):', 'elyspace-travel-landing'); ?><\/label><br>\n        <input type=\"number\" name=\"elyspace_tour_price\" id=\"elyspace_tour_price\" value=\"<?php echo esc_attr($saved_price); ?>\" style=\"width:100%;\">\n    <\/p>\n    <p>\n        <label for=\"elyspace_tour_old_price\"><?php _e('Old Price (INR):', 'elyspace-travel-landing'); ?><\/label><br>\n        <input type=\"number\" name=\"elyspace_tour_old_price\" id=\"elyspace_tour_old_price\" value=\"<?php echo esc_attr($saved_old_price); ?>\" style=\"width:100%;\">\n    <\/p>\n    <p>\n        <label for=\"elyspace_tour_duration\"><?php _e('Duration (e.g., 6 days & 5 nights):', 'elyspace-travel-landing'); ?><\/label><br>\n        <input type=\"text\" name=\"elyspace_tour_duration\" id=\"elyspace_tour_duration\" value=\"<?php echo esc_attr($saved_duration); ?>\" style=\"width:100%;\">\n    <\/p>\n    <?php\n}\n\nfunction elyspace_tour_save_meta($post_id) {\n    \/\/ Verify nonce\n    if (!isset($_POST['elyspace_tour_nonce']) || !wp_verify_nonce($_POST['elyspace_tour_nonce'], basename(__FILE__))) {\n        return;\n    }\n    \/\/ Bail if auto saving\n    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {\n        return;\n    }\n    \/\/ Check permissions\n    if (isset($_POST['post_type']) && 'tour' === $_POST['post_type']) {\n        if (!current_user_can('edit_post', $post_id)) {\n            return;\n        }\n    }\n\n    \/\/ Save each field\n    $fields = [\n        'elyspace_tour_price'     => '_elyspace_tour_price',\n        'elyspace_tour_old_price' => '_elyspace_tour_old_price',\n        'elyspace_tour_duration'  => '_elyspace_tour_duration',\n    ];\n    foreach ($fields as $field_form => $field_meta) {\n        if (isset($_POST[$field_form])) {\n            update_post_meta($post_id, $field_meta, sanitize_text_field($_POST[$field_form]));\n        }\n    }\n}\nadd_action('save_post', 'elyspace_tour_save_meta');\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    5. inc\/theme-settings-page.php<\/code> (Optional \u2013 Simple Admin Page for Additional Theme Settings)<\/h2>\n\n\n\n
    <?php\n\/**\n * Example theme settings page for ElySpace Travel Landing\n *\/\n\nif (!defined('ABSPATH')) {\n    exit;\n}\n\n\/\/ Create a new submenu under Appearance\nadd_action('admin_menu', 'elyspace_travel_landing_theme_settings_menu');\nfunction elyspace_travel_landing_theme_settings_menu() {\n    add_theme_page(\n        __('ElySpace Theme Settings', 'elyspace-travel-landing'), \n        __('ElySpace Settings', 'elyspace-travel-landing'), \n        'manage_options', \n        'elyspace-theme-settings', \n        'elyspace_travel_landing_render_settings_page'\n    );\n}\n\nfunction elyspace_travel_landing_render_settings_page() {\n    ?>\n    <div class=\"wrap\">\n        <h1><?php _e('ElySpace Travel Landing Settings', 'elyspace-travel-landing'); ?><\/h1>\n        <form method=\"post\" action=\"options.php\">\n            <?php\n                settings_fields('elyspace_theme_settings_group');\n                do_settings_sections('elyspace-theme-settings');\n                submit_button();\n            ?>\n        <\/form>\n    <\/div>\n    <?php\n}\n\n\/\/ Register a setting to store custom text or disclaimers\nadd_action('admin_init', 'elyspace_travel_landing_register_settings');\nfunction elyspace_travel_landing_register_settings() {\n    register_setting('elyspace_theme_settings_group', 'elyspace_footer_disclaimer');\n    \n    add_settings_section(\n        'elyspace_theme_settings_section', \n        __('Footer Disclaimer', 'elyspace-travel-landing'), \n        '__return_false', \n        'elyspace-theme-settings'\n    );\n    \n    add_settings_field(\n        'elyspace_footer_disclaimer',\n        __('Footer Disclaimer Text', 'elyspace-travel-landing'),\n        'elyspace_footer_disclaimer_field_html',\n        'elyspace-theme-settings',\n        'elyspace_theme_settings_section'\n    );\n}\n\n\/\/ Callback for the text field\nfunction elyspace_footer_disclaimer_field_html() {\n    $value = get_option('elyspace_footer_disclaimer', '');\n    echo '<textarea style=\"width: 100%; height: 80px;\" name=\"elyspace_footer_disclaimer\">' . esc_textarea($value) . '<\/textarea>';\n}\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    6. header.php<\/code><\/h2>\n\n\n\n
    <?php\n\/**\n * Theme header\n *\/\n?><!DOCTYPE html>\n<html <?php language_attributes(); ?>>\n<head>\n    <meta charset=\"<?php bloginfo('charset'); ?>\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" >\n    <?php wp_head(); ?>\n<\/head>\n<body <?php body_class(); ?>>\n<?php wp_body_open(); ?>\n\n<header class=\"ElySpace_header\">\n    <div class=\"ElySpace_header-inner\" style=\"padding:10px 20px;\">\n        <div class=\"ElySpace_header-logo\">\n            <?php if (has_custom_logo()) {\n                the_custom_logo();\n            } else { ?>\n                <a href=\"<?php echo esc_url(home_url('\/')); ?>\" class=\"site-title\">\n                    <?php bloginfo('name'); ?>\n                <\/a>\n            <?php } ?>\n        <\/div>\n        <nav class=\"ElySpace_header-menu\">\n            <?php\n            wp_nav_menu([\n                'theme_location' => 'primary',\n                'container'      => false,\n                'menu_class'     => 'ElySpace_primary-menu',\n            ]);\n            ?>\n        <\/nav>\n    <\/div>\n<\/header>\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    7. footer.php<\/code><\/h2>\n\n\n\n
    <?php\n\/**\n * Theme footer\n *\/\n?>\n<footer class=\"ElySpaceFooter_wrapper\">\n    <div class=\"ElySpaceFooter_logo\">\n        <a href=\"<?php echo esc_url(home_url('\/')); ?>\">\n            <!-- Replace with your own brand\/logo -->\n            <img src=\"<?php echo esc_url(get_template_directory_uri() . '\/assets\/images\/elyspace-logo-white.png'); ?>\" alt=\"ElySpaceTravel Logo\">\n        <\/a>\n    <\/div>\n\n    <div class=\"ElySpaceFooter_heading\"><?php _e('ABOUT ELYSPACETRAVEL', 'elyspace-travel-landing'); ?><\/div>\n    <a class=\"ElySpaceFooter_link\" href=\"#\" target=\"_blank\"><?php _e('ABOUT US', 'elyspace-travel-landing'); ?><\/a>\n    <a class=\"ElySpaceFooter_link\" href=\"#\" target=\"_blank\"><?php _e('WE ARE HIRING', 'elyspace-travel-landing'); ?><\/a>\n    <a class=\"ElySpaceFooter_link\" href=\"#\" target=\"_blank\"><?php _e('TERMS & CONDITIONS', 'elyspace-travel-landing'); ?><\/a>\n    <a class=\"ElySpaceFooter_link\" href=\"#\" target=\"_blank\"><?php _e('PRIVACY POLICY', 'elyspace-travel-landing'); ?><\/a>\n    <a class=\"ElySpaceFooter_link\" href=\"#\" target=\"_blank\"><?php _e('SUPPORT', 'elyspace-travel-landing'); ?><\/a>\n\n    <p style=\"margin-top:20px;\">\n        <?php\n            $disclaimer = get_option('elyspace_footer_disclaimer', '');\n            if (!empty($disclaimer)) {\n                echo wp_kses_post($disclaimer);\n            } else {\n                _e('\u00a9 2025 ElySpaceTravel. All rights reserved.', 'elyspace-travel-landing');\n            }\n        ?>\n    <\/p>\n<\/footer>\n\n<?php wp_footer(); ?>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    8. template-parts\/hero.php<\/code> (Example Hero Section Partial)<\/h2>\n\n\n\n
    <?php\n\/**\n * Hero Section Partial\n *\/\n$hero_background_image = get_template_directory_uri() . '\/assets\/images\/default-hero-bg.jpg'; \/\/ Fallback image\n?>\n<section class=\"ElySpaceHero_section\" style=\"background-image: url('<?php echo esc_url($hero_background_image); ?>');\">\n    <h1 class=\"ElySpaceHero_heading\"><?php echo esc_html(get_theme_mod('hero_heading', 'Experience the Magic of Kashmir')); ?><\/h1>\n    <p class=\"ElySpaceHero_subheading\"><?php echo esc_html(get_theme_mod('hero_subheading', 'Unforgettable Kashmir Tours')); ?><\/p>\n    <button class=\"ElySpaceHero_button\" onclick=\"window.location.href='#packages';\">\n        <?php _e('Explore Our Tours', 'elyspace-travel-landing'); ?>\n    <\/button>\n<\/section>\n<\/code><\/pre>\n\n\n\n
    \n
    You could also use Elementor<\/strong> to design your Hero section. This partial is just a fallback.<\/p>\n<\/blockquote>\n\n\n\n
    \n\n\n\n
    9. template-parts\/packages-loop.php<\/code> (Dynamic Listing of Tours)<\/h2>\n\n\n\n
    Here we adapt the original snippet (with \u201cHandPickedProductCard\u201d etc.) to new classes (ElySpaceHandpickedCard_...<\/code>) and make it dynamic with a WP query. The HTML is simplified<\/strong>; you can adapt the complex snippet exactly as you wish. The crucial part is we\u2019re looping<\/strong> over custom post type data.<\/p>\n\n\n\n
    <?php\n\/**\n * Packages (Tours) Loop\n *\/\n\n\/\/ Example query \u2013 fetch published tours\n$args = [\n    'post_type'      => 'tour',\n    'posts_per_page' => 6,\n];\n$query = new WP_Query($args);\n?>\n\n<div class=\"ElySpacePackages_wrapper\" id=\"packages\">\n    <h2 style=\"text-align:center;\">Staff <span>Handpicked<\/span> \u2013 Curated with expertise<\/h2>\n    <div class=\"ElySpacePackages_grid\" style=\"display:flex; flex-wrap:wrap; gap:20px;\">\n\n    <?php if ($query->have_posts()) : ?>\n        <?php while ($query->have_posts()) : $query->the_post(); \n            \/\/ Get custom fields\n            $price      = get_post_meta(get_the_ID(), '_elyspace_tour_price', true);\n            $old_price  = get_post_meta(get_the_ID(), '_elyspace_tour_old_price', true);\n            $duration   = get_post_meta(get_the_ID(), '_elyspace_tour_duration', true);\n        ?>\n            <div class=\"ElySpace_packageCard\" style=\"flex:1 1 calc(33% - 20px); min-width:300px;\">\n                <?php if (has_post_thumbnail()) : ?>\n                    <div class=\"ElySpace_packageCard-img\">\n                        <a href=\"<?php the_permalink(); ?>\">\n                            <?php the_post_thumbnail('medium_large'); ?>\n                        <\/a>\n                    <\/div>\n                <?php endif; ?>\n                \n                <div class=\"ElySpace_packageCard-content\">\n                    <?php if (!empty($duration)) : ?>\n                        <div class=\"ElySpace_packageCard-meta\">\n                            <?php echo esc_html($duration); ?>\n                        <\/div>\n                    <?php endif; ?>\n                    \n                    <h3 class=\"ElySpace_packageCard-title\">\n                        <a href=\"<?php the_permalink(); ?>\"><?php the_title(); ?><\/a>\n                    <\/h3>\n                    \n                    <div class=\"ElySpace_packageCard-price\">\n                        <?php if (!empty($price)) : ?>\n                            <?php echo __('INR ', 'elyspace-travel-landing') . esc_html($price); ?>\n                        <?php endif; ?>\n                        <?php if (!empty($old_price)) : ?>\n                            <span class=\"ElySpace_packageCard-oldprice\">\n                                <?php echo __('INR ', 'elyspace-travel-landing') . esc_html($old_price); ?>\n                            <\/span>\n                        <?php endif; ?>\n                    <\/div>\n                    \n                    <div class=\"ElySpace_packageCard-actions\">\n                        <button onclick=\"window.location.href='tel:+918046287598'\">\n                            <?php _e('Request Callback', 'elyspace-travel-landing'); ?>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <?php endwhile; wp_reset_postdata(); ?>\n    <?php else : ?>\n        <p><?php _e('No tours found.', 'elyspace-travel-landing'); ?><\/p>\n    <?php endif; ?>\n    \n    <\/div>\n<\/div>\n<\/code><\/pre>\n\n\n\n
    Tip<\/strong>: If you want the exact<\/strong> markup from your large snippet, just rename those classes. The key difference is we\u2019re pulling data from the WP database instead of hardcoding.<\/p>\n\n\n\n
    \n\n\n\n
    10. front-page.php<\/code> (Landing Page Template)<\/h2>\n\n\n\n
    This page pulls in the hero partial and packages loop partial. If you set a static front page<\/strong> in WP Settings \u2192 Reading, WordPress will use front-page.php<\/code> for the homepage.<\/p>\n\n\n\n
    <?php\n\/**\n * Front Page Template\n *\/\nget_header(); ?>\n\n<!-- Hero Section Partial (fallback) -->\n<?php get_template_part('template-parts\/hero'); ?>\n\n<!-- Optional: Additional content built with Elementor or manually below -->\n<div class=\"container\" style=\"max-width:1200px; margin:auto; padding:40px 0;\">\n    <!-- Packages Loop Partial -->\n    <?php get_template_part('template-parts\/packages-loop'); ?>\n<\/div>\n\n<?php get_footer();\n<\/code><\/pre>\n\n\n\n
    \n
    If you want to build the entire page in Elementor<\/strong>, just create a new Page (\u201cHome\u201d), edit with Elementor, and set that page as the Front Page<\/strong> in WP. This front-page.php<\/code> can remain as a fallback or minimal template.<\/p>\n<\/blockquote>\n\n\n\n
    \n\n\n\n
    11. single-tour.php<\/code> (Single Tour Template)<\/h2>\n\n\n\n
    Optional single view for a Tour. This can also be edited with Elementor if you allow editing of custom post types in Elementor settings.<\/p>\n\n\n\n
    <?php\n\/**\n * Single Tour Template\n *\/\nget_header(); ?>\n\n<div class=\"container\" style=\"max-width:1000px; margin:auto; padding:40px;\">\n    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>\n    \n        <h1><?php the_title(); ?><\/h1>\n        \n        <?php if (has_post_thumbnail()) : ?>\n            <div><?php the_post_thumbnail('large'); ?><\/div>\n        <?php endif; ?>\n\n        <?php \n            $price      = get_post_meta(get_the_ID(), '_elyspace_tour_price', true);\n            $old_price  = get_post_meta(get_the_ID(), '_elyspace_tour_old_price', true);\n            $duration   = get_post_meta(get_the_ID(), '_elyspace_tour_duration', true);\n        ?>\n        <p><strong><?php _e('Duration:', 'elyspace-travel-landing'); ?><\/strong> <?php echo esc_html($duration); ?><\/p>\n        <p>\n            <strong><?php _e('Price:', 'elyspace-travel-landing'); ?><\/strong>\n            <?php if (!empty($price)) : ?>\n                <?php echo __('INR ', 'elyspace-travel-landing') . esc_html($price); ?>\n            <?php endif; ?>\n            <?php if (!empty($old_price)) : ?>\n                <span style=\"text-decoration:line-through; margin-left:10px;\">\n                    <?php echo __('INR ', 'elyspace-travel-landing') . esc_html($old_price); ?>\n                <\/span>\n            <?php endif; ?>\n        <\/p>\n        \n        <div>\n            <?php the_content(); ?>\n        <\/div>\n        \n        <button style=\"margin-top:20px;\" onclick=\"window.location.href='tel:+918046287598'\">\n            <?php _e('Request Callback', 'elyspace-travel-landing'); ?>\n        <\/button>\n    \n    <?php endwhile; endif; ?>\n<\/div>\n\n<?php get_footer();\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    12. archive-tour.php<\/code> (Optional Archive for \u201cTours\u201d)<\/h2>\n\n\n\n
    <?php\n\/**\n * Archive listing for Tour CPT\n *\/\nget_header(); ?>\n\n<div class=\"container\" style=\"max-width:1200px; margin:auto; padding:40px;\">\n    <h1><?php post_type_archive_title(); ?><\/h1>\n    <?php if (have_posts()) : ?>\n        <div style=\"display:flex; flex-wrap:wrap; gap:20px;\">\n            <?php while (have_posts()) : the_post(); \n                $price     = get_post_meta(get_the_ID(), '_elyspace_tour_price', true);\n                $old_price = get_post_meta(get_the_ID(), '_elyspace_tour_old_price', true);\n                $duration  = get_post_meta(get_the_ID(), '_elyspace_tour_duration', true);\n                ?>\n                <div style=\"border:1px solid #ddd; padding:16px; width:30%;\">\n                    <a href=\"<?php the_permalink(); ?>\"><?php the_post_thumbnail('medium'); ?><\/a>\n                    <h3><a href=\"<?php the_permalink(); ?>\"><?php the_title(); ?><\/a><\/h3>\n                    <p><?php echo esc_html($duration); ?><\/p>\n                    <p>\n                        <strong><?php _e('Price: ', 'elyspace-travel-landing'); ?><\/strong>\n                        <?php if ($price) {\n                            echo 'INR ' . esc_html($price);\n                        } ?>\n                        <?php if ($old_price) {\n                            echo '<span style=\"text-decoration: line-through; margin-left:10px;\">INR ' . esc_html($old_price) . '<\/span>';\n                        } ?>\n                    <\/p>\n                <\/div>\n            <?php endwhile; ?>\n        <\/div>\n        \n        <div style=\"margin-top:20px;\">\n            <?php the_posts_pagination(); ?>\n        <\/div>\n    <?php else : ?>\n        <p><?php _e('No tours found.', 'elyspace-travel-landing'); ?><\/p>\n    <?php endif; ?>\n<\/div>\n\n<?php get_footer();\n<\/code><\/pre>\n\n\n\n
    \n\n\n\n
    How to Make it All Work:<\/h1>\n\n\n\n
      \n
    1. Zip<\/strong> the entire elyspace-travel-landing\/<\/code> folder (with all files inside).<\/li>\n\n\n\n
    2. Install<\/strong> in WordPress (Appearance \u2192 Themes \u2192 Add New \u2192 Upload Theme).<\/li>\n\n\n\n
    3. Activate<\/strong> the theme.<\/li>\n\n\n\n
    4. Go to Settings \u2192 Reading<\/strong> and set \u201cFront page displays\u201d to a Static page<\/strong> (which uses front-page.php<\/code>). Or create a new page and design with Elementor.<\/li>\n\n\n\n
    5. Add your tours under Tours<\/strong> in WP Admin. Fill in custom fields (price, old price, duration).<\/li>\n\n\n\n
    6. Adjust the partial templates or styles to match the exact design from your snippet if needed.<\/li>\n\n\n\n
    7. (Optional) Use the Theme Settings<\/strong> page in \u201cAppearance \u2192 ElySpace Settings\u201d to add a custom footer disclaimer or any other dynamic text you want.<\/li>\n\n\n\n
    8. If you want to build with Elementor:\n