# Site General

The **Theme Customizer** is another user-friendly method for customizing your WordPress theme, suitable for both beginners and intermediate users.

{% hint style="success" %}
Here's a short form of the **Site General** settings process in WordPress:

**Step 1 : Login** to your WordPress admin dashboard.

**Step 2 :** Go to **Appearance** > **Customize**.

**Step 3 :** **Site General** settings

**Step 4 :** Adjust the settings as needed and click **Publish** to save changes.
{% endhint %}

### **Customizing Site General Settings** <a href="#customizing-site-general-settings" id="customizing-site-general-settings"></a>

In the **Theme Customizer**, you can modify various aspects of your site under **Site General** settings.

<figure><img src="https://920111575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvO76m9boh6U15JnTSDPM%2Fuploads%2FdKDZFG4FUii5WQ3qpRwP%2Fwdt-site-gen-01.jpg?alt=media&#x26;token=4c54c91f-d090-4386-9691-6215182b92a8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://920111575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvO76m9boh6U15JnTSDPM%2Fuploads%2FKY4Bb7Vzms9ZKTAo0BIC%2Fwdt-site-gen-02.jpg?alt=media&#x26;token=889be26c-5df4-453b-9a80-6c6b156e23b2" alt=""><figcaption></figcaption></figure>

#### **Header Settings** <a href="#header-settings" id="header-settings"></a>

* You can set the header layout globally for your entire website.
* **Site Header :** Enable or disable the site header for your website.
* **Header Template :** Select a pre-designed header template from the available options.\
  This template controls the layout and style of your site’s header.

#### **Footer Settings** <a href="#footer-settings" id="footer-settings"></a>

* You can set the footer layout globally for your entire website.
* **Site Footer :** Enable or disable the site footer on your website.
* **Footer Template :** Select a pre-designed footer template from the available options.\
  This template controls the layout and style of your site’s footer.

#### **Loader** <a href="#loader" id="loader"></a>

* You can enable or disable the preloader animation that appears before the site loads, and also choose the loader style to your preference.
* **Enable Loader :** Turn this option on to activate a loading animation for your website.
* **Select Loader :** Choose a loader style from the available options.\
  This controls the animation that appears while your website content is loading.

#### **Popup**

* **Enable Popup :** Turn this option on to activate the popup feature on your website.
* **Select Popup :** Choose the popup you want to display from the available list.
* **Popup Display Conditions :** Set where and when the popup should appear on your site.
* **Exclude Specific Pages :** Select the pages where you don’t want the popup to appear.

<figure><img src="https://content.gitbook.com/content/vO76m9boh6U15JnTSDPM/blobs/OqYWmgeusXDrypMwQvuq/Site_Gen-02.jpg" alt=""><figcaption></figcaption></figure>

#### **Social Logins Authentication** <a href="#social-logins-authentication" id="social-logins-authentication"></a>

* Configure login options using **Google, Facebook, or other third-party providers**.

<figure><img src="https://920111575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvO76m9boh6U15JnTSDPM%2Fuploads%2Fd079KKS0MxIVUjLOKRuf%2Fwdt-site-gen-03.jpg?alt=media&#x26;token=7eb58c9a-fe2b-4a3c-90e9-3ff4e1858714" alt=""><figcaption></figcaption></figure>

#### **Cursor** <a href="#cursor-and-dark-mode" id="cursor-and-dark-mode"></a>

* Customize the **mouse cursor style** and enable/disable the site.

#### **To Top** <a href="#to-top" id="to-top"></a>

* Enable a **Back to Top button** for easier navigation.

#### **Saving Your Changes** <a href="#saving-your-changes" id="saving-your-changes"></a>

* Once all settings are adjusted, click **Publish** to apply them.