Docs – WPInterface Documentation https://docs.wpinterface.com Learn to use out WordPress Theme Thu, 07 Aug 2025 05:55:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 Custom List Widget https://docs.wpinterface.com/docs/custom-list-widget/ https://docs.wpinterface.com/docs/custom-list-widget/#respond Thu, 07 Aug 2025 05:55:37 +0000 https://docs.wpinterface.com/?post_type=docs&p=668 https://docs.wpinterface.com/docs/custom-list-widget/feed/ 0 Hawk Dynamic Strings https://docs.wpinterface.com/docs/hawk-dynamic-strings/ https://docs.wpinterface.com/docs/hawk-dynamic-strings/#respond Thu, 07 Aug 2025 05:49:14 +0000 https://docs.wpinterface.com/?post_type=docs&p=665 https://docs.wpinterface.com/docs/hawk-dynamic-strings/feed/ 0 Hawk Core https://docs.wpinterface.com/docs/hawk-core/ https://docs.wpinterface.com/docs/hawk-core/#respond Thu, 07 Aug 2025 05:47:29 +0000 https://docs.wpinterface.com/?post_type=docs&p=663 https://docs.wpinterface.com/docs/hawk-core/feed/ 0 Theme Requirements https://docs.wpinterface.com/docs/theme-requirements/ https://docs.wpinterface.com/docs/theme-requirements/#respond Thu, 08 Aug 2024 11:34:17 +0000 https://docs.wpinterface.com/?post_type=docs&p=428 Continue reading Theme Requirements]]>
To ensure the theme works seamlessly on your website, it’s essential to understand that its performance is influenced by several factors, including host performance, server configuration, and traffic volume. Below are the recommended requirements and settings to optimize the theme’s functionality.

Server Requirements

  • WordPress: Version 6.5 or later
  • Web Server: Apache or Nginx
  • PHP Memory Limit: Minimum 64MB (Recommended: 96MB)
  • PHP Version: 7.0 or greater
  • MySQL Version: 5.7 or greater
  • Optional: Apache mod_rewrite module


For optimal performance, it’s advisable to configure your server with the following settings:

  • Caching Plugin: We recommend using WP Super Cache.
  • PageSpeed Optimization: Follow our guide on PageSpeed optimization.

Hosting Requirements

As a general rule, if WordPress performs fine on your host, the theme should, too. Next, we present you a list of common hosts and the traffic you can expect to host on them.

Please note that the numbers quoted here do not represent a guarantee, as the hosting performance depends on your WordPress configuration, plugin configuration, and general OS configuration. All numbers assume that you use a caching plugin like WP Super Cache. Also, a CDN solution like Cloudflare should help you a lot.

  • GoDaddy or Other Budget Shared Hosting:
    • Can handle 1,000 – 2,000 unique users per day
    • May struggle with traffic spikes
    • Recommended to use a minimal number of plugins
  • Budget VPS:
    • Can handle 2,000 – 4,000 unique users per day
    • May struggle with traffic spikes
    • Invest in as much RAM as possible
  • High-Performance VPS:
    • Can handle 4,000 – 6,000 unique users per day
    • Should have more than 4GB of RAM
    • With proper configuration and sufficient RAM, can manage traffic spikes effectively
  • Dedicated Server:
    • Can handle 6,000+ unique users per day
    • Recommended to have at least 8GB of RAM
    • Should manage traffic spikes efficiently

I) WP-Config Settings

  • WP Memory Limit:
    • This parameter defines the amount of memory PHP can use. By default, WordPress is limited to 40MB. To avoid “Memory Exhausted” errors, set this parameter to at least 256MB by adding the following line to your wp-config.php file:phpCopy codedefine('WP_MEMORY_LIMIT', '256M');
  • WP Debug:
    • This option is intended for development purposes and controls error and warning reporting. It may display unwanted messages on your site, so it is recommended to disable it by setting it to false:phpCopy codedefine('WP_DEBUG', false);

II) Php.ini Parameters

To ensure smooth operation of the theme, you may need to adjust the following parameters in your php.ini file or .htaccess file:

  • max_input_vars: This defines the maximum number of input variables allowed. The default value is 1000, which may cause issues when saving large menus. We recommend increasing this to 2000 or more.
  • max_execution_time: This sets the maximum execution time for a script. The theme’s demo import process may require more time, so increase this to 60 seconds or more.
  • post_max_size: This limits the maximum size of post data, which also affects file uploads.
  • upload_max_filesize: To upload larger files (e.g., plugin .zip files), increase this value.

Here are the recommended settings:

phpCopy codephp.ini

max_input_vars = 5000
max_execution_time = 300
post_max_size = 50M
upload_max_filesize = 50M

Alternatively, you can use .htaccess:

apacheCopy code.hthaccess

php_value max_input_vars 5000
php_value max_execution_time 300
php_value post_max_size 50M
php_value upload_max_filesize 50M

Note: Always check your host’s documentation before making these changes to ensure compatibility and locate the correct php.ini file, as its location can vary between servers.

]]>
https://docs.wpinterface.com/docs/theme-requirements/feed/ 0
Integrate OpenWeather API Key and City ID https://docs.wpinterface.com/docs/howto-integrate-openweather/ https://docs.wpinterface.com/docs/howto-integrate-openweather/#respond Mon, 05 Aug 2024 08:11:08 +0000 https://docs.wpinterface.com/?post_type=docs&p=388 Continue reading Integrate OpenWeather API Key and City ID]]> WPInterface includes a built-in widget that allows you to display current weather conditions for your desired location directly on your website. To utilize this feature, you need to obtain an API key and City ID from OpenWeatherMap. This tutorial provides a step-by-step guide to help you set up these elements.

Part 1: Create an OpenWeatherMap Account

  • Visit this page on the OpenWeatherMap website and click the Sign-Up button.
  • Enter your username, email address, and password in the provided fields.
  • Agree to the Terms of Service by checking the appropriate box.
  • Complete the Google “I’m not a robot” CAPTCHA.
  • Click the Create Account button.

Part 2: Get Your OpenWeatherMap API Key

  • After creating your OpenWeatherMap account, you will be automatically logged in to the members area.
  • Navigate to the API Keys tab.
  • Copy the API key listed in the Key column.
  • In your WordPress administration area, go to Appearance ▸ Customize ▸ General Settings ▸ Integrated API
  • Paste the copied API key into the OpenWeatherMap API Key field.
  • Click the Publish button.

Part 3: Get Your OpenWeatherMap City ID

  • Go to OpenWeatherMap.
  • Enter the name of the nearest city or town in the Search field and click the Search button.
  • Find your city in the search results and click on its name.
  • The City ID can be found in the browser’s address bar. Copy this number or write it down.
  • In your WordPress administration area, go to Appearance ▸ Widgets.
  • Paste the copied City ID into the OpenWeatherMap City ID field of the Weather Widget.
  • Click the Save button.
Get your OpenWeatherMap City ID

Following these steps, you can successfully integrate current weather information into your website.

]]>
https://docs.wpinterface.com/docs/howto-integrate-openweather/feed/ 0
FSE Support https://docs.wpinterface.com/docs/fse-support/ https://docs.wpinterface.com/docs/fse-support/#respond Fri, 28 Jun 2024 05:41:35 +0000 https://docs.wpinterface.com/?post_type=docs&p=311 https://docs.wpinterface.com/docs/fse-support/feed/ 0 Instagram Widget https://docs.wpinterface.com/docs/instagram-widget/ https://docs.wpinterface.com/docs/instagram-widget/#respond Fri, 28 Jun 2024 05:40:58 +0000 https://docs.wpinterface.com/?post_type=docs&p=309 Continue reading Instagram Widget]]> Adding an Instagram widget to your website is a great way to showcase your social media presence and engage your visitors. This guide will walk you through the steps to add an Instagram widget using one of our premium WordPress themes. You will need an Instagram Access Token, which you can easily generate by following the steps.

Prerequisites

Before you begin, ensure that you have:

How to Add an Instagram Widget Using Our WordPress Theme

Step 1: Generate Your Instagram Access Token

To display your Instagram feed on your website, you need to generate an Access Token. Follow these steps:

  1. Visit the Instagram Access Token Generator.
  2. Click the Generate Access Token button.
  3. Log in to your Instagram account if prompted.
  4. Authorize the application to access your Instagram account.
  5. Copy the generated Access Token. You will need this token in the following steps.

Step 2: Add the Instagram Widget to Your WordPress Site

  1. Log in to your WordPress dashboard.
  2. Navigate to the Widget Settings:
    • Go to Appearance > Widgets.
    • Locate the section where you want to add the Instagram widget (e.g., Sidebar, Footer, etc.).
  3. Add the Instagram Widget:
    • Find the Instagram widget in the list of available widgets.
    • Drag and drop the Instagram widget to your desired widget area.
  4. Configure the Instagram Widget:
    • Enter all the details including the Instagram Access Token.
  5. Save and Publish:
    • Once satisfied with the settings, click the Save button to apply the changes.

Step 3: Verify the Widget on Your Website

  1. Visit your website to see the Instagram widget in action.
  2. Ensure that the widget displays your Instagram feed as expected.
  3. If you encounter any issues, double-check that the Access Token is correctly entered and that your Instagram account is public.

Troubleshooting

  • Widget not displaying? Ensure that your Access Token is correct and that your Instagram account is not set to private.
  • Feed not updating? Sometimes, Instagram’s API may take a few minutes to refresh. If the issue persists, try regenerating the Access Token.

Conclusion

Adding an Instagram widget using our WordPress theme is a straightforward process that requires just a few steps. By following this guide, you can effortlessly showcase your Instagram feed on your website, keeping your content fresh and engaging for your visitors.

If you have any questions or need further assistance, please contact our support team.

]]>
https://docs.wpinterface.com/docs/instagram-widget/feed/ 0
Offcanvas Content Module https://docs.wpinterface.com/docs/offcanvas-content-module/ https://docs.wpinterface.com/docs/offcanvas-content-module/#respond Fri, 28 Jun 2024 05:40:28 +0000 https://docs.wpinterface.com/?post_type=docs&p=307 https://docs.wpinterface.com/docs/offcanvas-content-module/feed/ 0 Extra Customizer Sections https://docs.wpinterface.com/docs/extra-customizer-sections/ https://docs.wpinterface.com/docs/extra-customizer-sections/#respond Fri, 28 Jun 2024 05:39:26 +0000 https://docs.wpinterface.com/?post_type=docs&p=305 https://docs.wpinterface.com/docs/extra-customizer-sections/feed/ 0 Modal Popup Module https://docs.wpinterface.com/docs/modal-popup-module/ https://docs.wpinterface.com/docs/modal-popup-module/#respond Fri, 28 Jun 2024 05:39:01 +0000 https://docs.wpinterface.com/?post_type=docs&p=303 Continue reading Modal Popup Module]]> Prerequisites

Before you begin, ensure that you have:

  • Installed and activated one of our premium WordPress themes.

How to Add a Modal Popup

Our WordPress theme allows you to easily create and customize a modal popup dialog box that can be displayed on your website. Follow the steps below to configure this feature.

Steps to Add a Modal Popup

1. Access the Customizer

  • Log in to your WordPress dashboard.
  • Navigate to Appearance > Customize.
  • In the Customizer, go to General Settings.

2. Configure the Dialog Pop-Up Box

Once you’re in the General Settings section, locate the Dialog Pop-Up Box settings. Here, you’ll find several options to customize the modal popup:

a. Enable Dialog Box

  • Toggle this setting to enable or disable the modal popup.

When enabled, the dialog box will appear on your website based on the conditions you set.

b. Show Dialog Box Only One Time

  • Enable this option if you want the popup to be displayed only once per visitor.

This is useful if you don’t want to annoy users with repeated popups.

c. Show Exclusively on the Homepage

  • Toggle this setting if you want the modal popup to be displayed only on the homepage.

This is ideal for promoting homepage-specific offers or messages.

d. Dialog Box Image

  • Upload an image to be displayed within the dialog box.

You can add a promotional banner, product image, or any visual content relevant to the message.

e. Dialog Box Title

  • Enter a title for your dialog box.

This will be displayed prominently within the popup and should grab the user’s attention.

f. Dialog Box Content

  • Enter the content or message you want to display in the popup.

You can include text, links, or other HTML content.

g. Dialog Box Shortcode (if any)

  • If you have a shortcode that you want to include in the dialog box, enter it here.

This could be a contact form, subscription form, or any other shortcode-supported feature.

3. Save and Publish

Once you’ve configured all the settings to your preference:

  1. Click the Publish button at the top of the Customizer to save your changes.
  2. Visit your website to see the modal popup in action.

Additional Notes

  • Testing: After publishing, visit your site in an incognito window or clear your cookies to ensure the popup functions as expected, especially if you’ve enabled the “Show Dialog Box Only One Time” option.
  • Customization: Depending on your specific theme, there might be additional styling options available for the modal popup. Check the theme’s documentation or explore the Customizer for further customization.

By following these steps, you can effectively add and customize a modal popup to enhance user engagement on your website.

]]>
https://docs.wpinterface.com/docs/modal-popup-module/feed/ 0