Introduction to WPResidence Header Customization Welcome to the world of WPResidence header customization! This guide will introduce you to the various header types available in the WPResidence theme and provide an overview of how to customize them to suit your real estate website needs. Understanding WPResidence Header Types WPResidence offers six different header types, each […]

Understanding WPResidence Header Types: An Overview WPResidence offers multiple header types, each with its unique layout and features. This guide will provide an overview of each header type and explain how to customize them using a child theme. Using the WPResidence Child Theme Before we dive into the header types, it’s crucial to understand the […]

Customizing the WPResidence Logo Display Your logo is a crucial element of your real estate website’s branding. WPResidence offers various options to customize your logo’s display, ensuring it perfectly represents your brand. This guide will walk you through the process of uploading, positioning, and styling your logo in the WPResidence theme. Uploading Your Logo Before […]

Configuring the Primary Navigation Menu in WPResidence The primary navigation menu is a crucial element of your real estate website, guiding visitors to important sections of your site. WPResidence offers robust options for creating and customizing your navigation menu. This guide will walk you through the process of setting up, styling, and optimizing your primary […]

Setting Up the Secondary Navigation Menu (Header Type 6) Header Type 6 in WPResidence offers a unique layout that includes a secondary navigation menu. This additional menu provides more flexibility in organizing your site’s navigation structure. This guide will walk you through the process of setting up, customizing, and optimizing your secondary navigation menu for […]

Options for Top Bar in WPResidence The top bar in WPResidence is a versatile element that can display important information, social media links, or additional navigation options. This guide will walk you through the process of enabling, customizing, and maximizing the potential of your top bar. Enabling the Top Bar First, let’s ensure the top […]

Implementing and Customizing Mega Menus in WPResidence Mega menus offer an effective way to organize and display large amounts of navigation options in a visually appealing manner. WPResidence provides built-in support for mega menus, allowing you to create complex navigation structures for your real estate website. This guide will walk you through the process of […]

Working with the Mobile Header in WPResidence The mobile header in WPResidence is a crucial component for providing a seamless user experience on smaller screens. This guide will walk you through customizing and optimizing the mobile header for your WPResidence theme. Understanding the Mobile Header Structure The mobile header in WPResidence typically consists of three […]

Customizing Header Type 1: Layout and Features Header Type 1 in WPResidence is a classic, horizontal layout that includes a logo, primary navigation menu, and user menu. This article will guide you through customizing this header type to match your website’s design and functionality needs. Understanding Header Type 1 Structure Header Type 1 consists of […]

Customizing Header Type 2: Two-Row Header Design Header Type 2 in WPResidence offers a versatile two-row layout that provides ample space for branding and navigation elements. This design is particularly useful for websites that require additional header content or want to create a clear visual separation between the logo and navigation areas. In this comprehensive […]

Customizing Header Type 3: Centered Logo with Side Navigation Header Type 3 in WPResidence offers a distinctive layout featuring a centered logo flanked by navigation elements on either side. This design creates a balanced and visually appealing header that can effectively showcase your brand while maintaining easy access to navigation. In this comprehensive guide, we’ll […]

Customizing Header Type 4: Sidebar Header Layout Header Type 4 in WpResidence offers a unique sidebar layout that sets it apart from traditional horizontal headers. This design provides an excellent opportunity to create a distinctive look for your website while offering ample space for branding and navigation elements. In this comprehensive guide, we’ll explore how […]

Comprehensive Guide to Actions and Filters in WPResidence Headers WPResidence is a powerful WordPress theme for real estate websites, offering extensive customization options through its system of actions. This comprehensive guide will walk you through all the available actions for customizing WPResidence headers, complete with code samples and explanations. Using a Child Theme for Customizations […]

WP Residence Login Modal: A Comprehensive Guide The WP Residence theme includes a powerful and customizable login modal feature. This guide will explain the wpresidence_add_modal_login_footer function and demonstrate how developers can extend its functionality. Table of Contents Overview Function Structure Customization Options Extending the Modal Modifying Modal Settings Adding Custom Content Changing Button Text Modifying […]

Overview This document explains the relationship between the SCSS styles in login_modal.scss and the PHP structure in login_register_modal.php. It will help you understand how to properly implement the login modal in your WordPress theme. Main Wrapper The main wrapper for the login modal is defined in the PHP file as: <div id=”modal_login_wrapper”> </div> This corresponds […]

The header_media.php file in the WPResidence theme is a crucial component that manages the display of various header types on different pages of your real estate website. This guide will provide a detailed, step-by-step explanation of its key functions. 1. header_media.php Overview The header_media.php file is responsible for determining and rendering the appropriate header media […]

The WPResidence theme offers a versatile slider system for showcasing properties. This guide will explain the `wpestate_present_theme_slider` function, the three available slider types, the files involved in their implementation, and where to find the relevant CSS/SCSS files. 1. wpestate_present_theme_slider Function The `wpestate_present_theme_slider` function is the main entry point for displaying the theme slider. It’s typically […]

1. Introduction to wpestate_header_image Function The wpestate_header_image function is an important component in the WPResidence theme, responsible for generating and displaying header images across various page types. This function is typically located in the header-media-functions.php file. 2. Function Overview Here’s the basic structure of the wpestate_header_image function: function wpestate_header_image($image) { global $post; $paralax_header = wpresidence_get_option(‘wp_estate_paralax_header’, […]

SCSS Compilation for WpResidence WordPress Theme This guide explains how SCSS compilation is handled in the WpResidence WordPress theme. We will cover the installation process for a localhost environment, Node.js setup, how to start the watch process, and the SCSS compilation process. Each section also covers practical examples of how to extend the existing code […]

Customizing Header Type 5: Two-Row Header with Info Widgets Header Type 5 in WpResidence offers a versatile two-row layout that includes space for info widgets, providing an excellent opportunity to display important information or contact details alongside your main navigation. This guide will walk you through customizing Header Type 5 to create a professional and […]

Customizing Header Type 6: Three-Column Header Layout Header Type 6 in WpResidence offers a unique three-column layout that provides ample space for navigation elements and branding. This design allows for a balanced and visually appealing header that can effectively showcase your main menu, logo, and additional navigation or user elements. In this guide, we’ll explore […]

Implementing a Transparent Header in WPResidence A transparent header can add a sleek, modern touch to your real estate website, allowing your hero images or sliders to shine through. WPResidence offers built-in options to implement a transparent header easily. In this guide, we’ll walk you through the process of setting up a transparent header and […]

A sticky header, also known as a fixed header, is a navigation bar that remains visible at the top of the screen as users scroll down a webpage. This feature can significantly enhance user experience by providing constant access to navigation and key elements of your real estate website. WPResidence offers built-in functionality to implement […]

Customizing your WPResidence theme’s header with custom CSS classes allows for granular control over its appearance and functionality. This guide will walk you through the process of adding and utilizing custom CSS classes for your WPResidence headers. Understanding WPResidence Header Structure Before we dive into adding custom classes, it’s important to understand the basic structure […]

WPResidence offers extensive options for customizing the colors and styles of your website’s header. This guide will walk you through the process of modifying various header elements to create a unique and cohesive look for your real estate website. Accessing Header Color Options To begin customizing your header colors: Log into your WordPress dashboard Navigate […]

Implementing Responsive Design for WPResidence Headers Creating a responsive header is crucial for ensuring your real estate website looks great and functions well on all devices. WPResidence provides a solid foundation for responsive design, but you can further customize and enhance the responsiveness of your headers. This guide will walk you through the process of […]

WPResidence provides a robust system of action hooks that allow developers to customize various aspects of the theme, including the header. These action hooks offer a powerful way to add, remove, or modify content without directly editing core theme files. This guide will explore how to effectively use header actions in WPResidence. What Are Action […]

The user menu in WPResidence headers is a crucial element for user interaction, providing quick access to account-related functions. This guide will walk you through various ways to customize the user menu to enhance user experience and match your website’s design. Understanding the Default User Menu By default, WPResidence displays a user menu in the […]

Header widgets in WPResidence offer a flexible way to add custom content to your site’s header area. These widgets can enhance your header’s functionality and provide valuable information to your visitors. This guide will walk you through the process of working with header widgets in WPResidence. Understanding Header Widget Areas in WPResidence WPResidence provides several […]

Extending WPResidence Theme with Actions and Filters 1. Actions in header_media.php 1.1 wpestate_before_header_media This action is executed before the header media section begins. Usage in child theme’s functions.php: function my_custom_before_header_media() { echo ‘<div class=”custom-header-top”>Custom content before header media</div>’; } add_action(‘wpestate_before_header_media’, ‘my_custom_before_header_media’); 1.2 wpestate_before_advanced_search This action is executed before the advanced search is displayed. Usage example: […]

Extending WPResidence Theme with Actions and Filters – Part 2 1. Additional Actions in header_media.php 1.1 wpestate_before_header_media_content This action is executed before the main header media content. Usage in child theme’s functions.php: function my_custom_before_header_media_content() { echo ‘<div class=”pre-header-content”>Important announcement here</div>’; } add_action(‘wpestate_before_header_media_content’, ‘my_custom_before_header_media_content’); 1.2 wpestate_after_header_media_content This action is executed after the main header media content. […]

WPResidence Header Media and Slider CSS Classes Guide 1. Header Media Classes 1.1 .header_media Declaration: scss/components/header-media/_header-media.scss, line 4 Usage: Main container for all header media content, including sliders and static headers. .header_media { background-color: #fdfdfd; z-index: 3; width: 100%; display: inline-block; position: relative; } 1.2 .wpestate_header_image Declaration: scss/components/header-media/_header-media.scss, line 20 Usage: Applied to the div […]

The wpestate_show_beds_baths_component function, along with its associated JavaScript function wpestate_beds_baths_component, forms a crucial part of the WPEstate theme. These functions are responsible for generating and managing the beds and baths selection component in property search forms. This guide will explain how these functions work, how to extend them, and how to customize their appearance. PHP […]

PHP Function: wpestate_show_price_v2_component Function Overview This function generates the HTML markup for the price selection component: function wpestate_show_price_v2_component($appendix, $slug, $label, $placeholder, $elementor_label, $term_counter_elementor, $position, $price_array_data) { // Function body } Key Parameters: $appendix: Determines if the component should be half-width $label: Label for the price component $placeholder: Custom placeholder text for the dropdown $price_array_data: Array […]

Understanding and Extending single.php in WpResidence Theme The single.php file in WpResidence theme displays individual blog posts. Let’s break down its structure and see how you can extend its functionality. 1. Header and Content Wrapper The file starts like this: <?php get_header(); $wpestate_options = wpestate_page_details($post->ID); ?> <?php $blog_unit_type = wpresidence_get_option(‘wp_estate_blog_unit_type’, ”); $blog_unit = wpresidence_get_option(‘wp_estate_blog_unit’, ”); […]