Documentation - GridWP PRO WordPress Theme

Introduction

GridWP PRO is a responsive, visually-appealing, gallery/grid style WordPress theme developed by ThemesDNA, designed to help you build a strong online presence. Building on the solid foundation of its free counterpart, GridWP PRO introduces an extensive range of advanced features that enhance both the aesthetic appeal and functional versatility of your site.

With options for 2 to 5 columns in post grids and thumbnail styles including horizontal, square, vertical, and auto-height, this theme accommodates a wide spectrum of content display needs. It includes a news ticker and custom widgets (featured posts styles, tabbed, social profile, about me) that keep your front end engaging without extra plugins.

It supports social sharing buttons and social profile links in the header. GridWP PRO also offers granular control with 3 header layouts (Logo + Menu, Logo + Banner, Full Width), multiple layout options for singular and non-singular pages, and customizable color and font schemes. Whether you prefer a content + sidebar, sidebar + content, or a full one-column layout, the theme ensures design flexibility without compromising on user experience.

Additional professional-grade features include sticky menus and sidebars, related posts with thumbnails, author bio boxes, share buttons for post summaries and single posts, a built-in contact form, WooCommerce support, and a multitude of widget areas. The theme supports both Classic and Gutenberg editors and offers a rich assortment of custom page and post templates for specialized content types.

Buy GridWP PRO Live Demo

Current Theme Version: 1.0.4

Theme Installation

After purchasing the GridWP PRO WordPress Theme, you'll receive a download link via email. Check your email inbox (or spam folder) for the product delivery email. Click the provided download link to download the theme's .zip file to your computer. Follow one of a method given below to install the theme on your website.

Upgrading from the Free GridWP Theme?

GridWP PRO is a separate theme. Whether or not you're currently using the free GridWP theme, you need to install GridWP PRO using one of the methods below.

If you're upgrading from the free version, most of your existing WordPress Customizer settings will remain in place. So you don't need to reconfigure everything from scratch. However, you will need to reupload a few images and reapply specific color settings.

After activating GridWP PRO, go to Appearance → Customize and reupload the following:

Site Logo
Site Icon (favicon)
Header Image
Background Image

If you changed below color options in the free version, reapply them in Appearance → Customize → Theme Options → Colors:

Header Text Color
Background Color

Tip: You can install PRO without deleting the free theme. Use Live Preview to confirm your layout, then click Activate & Publish.

Method 1: Install Using the WordPress Dashboard (Easiest and Fastest)

This is the easiest and fastest method to install this WordPress theme.

Go to "WordPress Dashboard" → "Appearance" → "Themes" and click on "Add New" button.
Click on "Upload Theme" button and choose the zip file you have downloaded.
Click on "Install Now" button.
Activate the theme.
Now go to "Appearance" → "Customize" to configure theme options.

Method 2: Install using cPanel File Manager

In some cases, you may not be able to install a WordPress theme through the WordPress dashboard—especially if the theme's ZIP file exceeds the maximum upload size limit. When this happens, you can install the theme using cPanel's File Manager, which is often simpler than using FTP. Follow the steps below to install your theme via the File Manager in cPanel.

Log in to your cPanel account. Your cPanel URL will be https://yourdomain.com/cpanel or a similar URL.
Click on the "File Manager" icon. It's usually under the "Files" section.

You are now in the "File Manager". Open the public_html folder, which is your website's root directory.
Locate the wp-content folder inside "public_html," then open the themes folder inside of it.
In the File Manager interface, click the "Upload" button and choose the theme's .zip file from your local drive.
After it has been uploaded, right-click the .zip file and choose "Extract" or "Unzip".
You can now delete the uploaded .zip file, but it's optional.
Log in to your WordPress dashboard through your web browser.
Go to Appearance → Themes. Now you will see the newly extracted theme.
Make it your active theme by clicking the "Activate" button next to it.

Note: If your hosting provider doesn't offer cPanel, look for a File Manager option in your hosting dashboard (like DirectAdmin, Plesk, or CyberPanel). The process is usually very similar—just find the wp-content/themes folder and upload/extract the theme ZIP file there.

Method 3: Install using FTP

Installing a WordPress theme via FTP is straightforward, though it involves a few more steps compared to using the built-in theme uploader. Here's how to install a WordPress theme using FTP:

Unzip the theme's .zip file you have downloaded.
Connect to your hosting account using an FTP client such as "FileZilla" or "Core FTP".
Navigate to the /wp-content/themes folder in the "Remote site" section.
In the "Local site" section, locate the unzipped theme folder.
Drag and drop the unzipped theme folder from the "Local site" section to the "Remote site" section.
Be patient and let the transfer finish.
Once the transfer is complete, log in to your WordPress dashboard and navigate to Appearance > Themes.
Find the theme you just uploaded and click Activate.

Troubleshooting Tips

Didn't receive the download email? Wait 5–10 minutes or check your spam/junk folder. But if you still can not find this email or download link is broken, please inform us. we will send it ASAP.
"The uploaded file exceeds the upload_max_filesize directive in php.ini." - If you get this error when following the "Method 1", follow this tutorial: https://themesdna.com/blog/increase-maximum-file-upload-size-wordpress/
My menus disappeared or look different. Go to Appearance → Menus → Manage Locations and reassign your menus to the correct locations.
My header text or background color looks different after activating PRO. Reapply your colors in Appearance → Customize → Theme Options → Colors for Header Text Color and Background Color. Then publish.
Still can't install the theme? Contact us for help.

Import Demo Content

You can import the demo content, widgets, and Customizer settings shown in the GridWP PRO theme demo.

Manual Demo Import

Step 1: Import Main Site Content

This includes: Posts, pages, menus, media, categories, tags, comments, and custom fields.

Download: XML File
Go to Tools → Import.
Under "WordPress", click Install Now if not installed.
Click Run Importer.
Select the XML file and click Upload file and import.
Check "Download and import file attachments", click Submit.

Step 2: Import Widgets

Install the Widget Importer & Exporter plugin.
Go to Tools → Widget Importer & Exporter.
Copy content from: Widgets .wie File and paste into the box.
Click Import Widgets.

Step 3: Import Customizer Settings

Download: Customizer File
Install the Customizer Export/Import plugin.
Go to Appearance → Customize → Export/Import.
Select the .dat file, check "Download and import image files?", click Import.

Regenerate Thumbnails

If your website already has existing posts with featured images, it's highly recommended to regenerate thumbnails after activating the GridWP PRO theme. This ensures that all images match the new theme's layout and display sizes.

Regenerating thumbnails is optional if your site is completely new and doesn't have any uploaded images yet.

However, if you imported the demo content, regenerating thumbnails is essential to display images correctly across the site.

Install and activate the Regenerate Thumbnails plugin.
Go to Tools → Regenerate Thumbnails.
Click the "Regenerate Thumbnails for All x Attachments" button to start the process.
Wait until all images are regenerated. This may take a few minutes depending on your media library size.
If you want, you can deactivate and delete the plugin once the process is complete.

This step ensures clean image alignment and sharp visuals throughout your website using the GridWP PRO theme.

Header Image

Quick Start Guide

GridWP PRO allows users to upload a custom header image for a personalized look. The recommended header image size is 1250 x 350 pixels. Upload and manage it in Appearance → Customize → Header Image. You can disable the featured header image in Appearance → Customize → Theme Options → Header Options.

How to Add a Header Image?

Go to Appearance → Customize → Header Image
Upload your header image using Add new image button.
The recommended image dimensions are 1250 x 350 pixels.

Navigation Menus

This theme includes two Display Locations for menus: Primary Menu and Secondary Menu.

Right after installing the theme, WordPress may display your existing pages as the default menu items in these locations. You can replace them with your own custom menus containing links, categories, pages, and more by following the steps below:

Go to Appearance → Menus and click the create a new menu link.
Enter a name for your menu in the Menu Name field.
Select a display location for your menu by checking one of the available options under Display location
Click the Create Menu button.
To add items to the menu, use the options in the left-hand column—select the pages, posts, categories, or tags you want, then click Add to Menu.
To create dropdown menus, simply drag and nest the submenu items beneath the parent menu item.
Once you've added your links, click the Save Menu button.

News Ticker

The News Ticker in GridWP PRO is a lightweight, eye-catching feature that displays your posts in a smooth, horizontal scrolling format at the top of your site. It's perfect for highlighting breaking news, trending updates, or featured content. Fully customizable via the WordPress Theme Customizer, you can enable or disable the ticker, set a custom heading label, define the number of posts to display, and filter content by recent posts, popular posts, random posts, a specific category, or a specific tag.

Step 1: Access the News Ticker Options

Go to your WordPress Dashboard.
Navigate to Appearance → Customize.
Click on Theme Options → News Ticker.

Step 2: Enable the News Ticker

Find the option Enable News Ticker and check the checkbox to activate the news ticker on your site.

Step 3: Configure Ticker Options

Check the complete list of "News Ticker Options" available

Step 4: Save Changes

Click the Publish button at the top of the Customizer to apply the changes.

Tips

Use Category Posts or Tag Posts for automated updates within a topic.
Use Popular Posts to display posts sorted by comment count.
Use Random Posts to keep the ticker fresh with varied content.

Custom Widgets

Quick Start Guide

To see available widgets and widget areas please navigate to WordPress Dashboard → Appearance → Widgets. You can drag and drop widgets into widget areas you like.

There are 5 custom widgets bundled with the GridWP PRO theme:

GridWP Featured Posts - Style 1
GridWP Featured Posts - Style 2
GridWP Tabbed Widget
GridWP About Widget
GridWP Social Buttons

GridWP Featured Posts - Style 1

This widget displays a list of posts from recent posts, popular posts (by comments), random posts, or posts from a selected category or tag. Sorting is determined by the chosen source (comments, date, or random).

Key Features

Multiple Post Sources - Display posts from recent posts, popular posts, random posts, specific categories, or tags
Flexible Sorting - Popular (comments), Recent (date), or Random
Customizable Display - Control thumbnails, titles, metadata, and snippets

Below is the complete list of options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
title	Title	Widget heading text.	Text	Plain text	Featured Posts - Style 1
post_type	Choose the Post Type to display	Source of posts.	Select	Recent Posts / Popular Posts / Random Posts / Category Posts / Tag Posts	Recent Posts
featured_cat	Select a Category	Category to show when using Category Posts.	Select	Any category	(empty)
featured_tag	Select a Tag	Tag to show when using Tag Posts.	Select	Any tag	(empty)
number	Number of posts to show	Total posts displayed.	Text	Positive whole number	5
snippet_length	Snippet length (words)	Length of the content snippet.	Text	Positive whole number	20
show_thumbnail	Display Post Thumbnail?	Show/hide featured images.	Checkbox	true / false	true
show_author	Display Post Author?	Show/hide author name.	Checkbox	true / false	false
show_date	Display Post Date?	Show/hide published date.	Checkbox	true / false	true
show_comments	Display Number of Comments?	Show/hide comment count.	Checkbox	true / false	true
show_snippet	Display Post Snippet?	Show/hide excerpt snippet.	Checkbox	true / false	true

GridWP Featured Posts - Style 2

This widget displays a grid of posts from recent posts, popular posts (by comments), random posts, or posts from a selected category or tag. Sorting follows the chosen source (comments, date, or random).

Key Features

Customizable grid layout with 2-5 column options
Multiple post sources: Recent, Popular, Random, Category, or Tag
Multiple thumbnail styles: Horizontal, Square, Vertical, Auto Height
Comprehensive display controls for all post elements
Social sharing buttons integration

Usage Notes

Default shows 6 posts; adjust "Number of posts to show" as needed.
Select thumbnail style and column count to suit your layout.

Below is the complete list of options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
title	Title	Widget heading text.	Text	Plain text	Featured Posts - Style 2
post_column	Choose Posts Columns Style	Number of columns in the grid.	Select	2 Columns / 3 Columns / 4 Columns / 5 Columns	3 Columns
thumb_style	Choose Thumbnail Style	Featured image aspect ratio.	Select	Horizontal / Square / Vertical / Auto Height	Square
post_type	Choose the Post Type to display	Source of posts.	Select	Recent Posts / Popular Posts / Random Posts / Category Posts / Tag Posts	Recent Posts
featured_cat	Select a Category	Category used when Category Posts is chosen.	Select	Any category	(empty)
featured_tag	Select a Tag	Tag used when Tag Posts is chosen.	Select	Any tag	(empty)
number	Number of posts to show	Total posts displayed in the grid.	Text	Positive whole number	6
show_thumbnail	Display Featured Images?	Show/hide featured images.	Checkbox	true / false	true
show_cats	Display Post Categories?	Show/hide categories under each post.	Checkbox	true / false	true
show_author	Display Post Authors?	Show/hide author name.	Checkbox	true / false	true
show_date	Display Post Dates?	Show/hide published date.	Checkbox	true / false	true
show_comments	Display Number of Comments?	Show/hide comment count.	Checkbox	true / false	true
show_share	Display Share Buttons?	Show/hide inline share buttons.	Checkbox	true / false	true

GridWP Tabbed Widget

This widget displays three tabs—Popular (by comments), Recent (latest posts), and Random—with toggleable visibility and shared display settings.

Key Features

Tabs for Popular (by comments), Recent (by date), and Random posts
Toggle visibility of individual tabs
Customizable display elements (thumbnails, titles, metadata, snippets)

Usage Notes

Sources are fixed: Popular = most commented, Recent = latest posts, Random = random posts.
Post count and display toggles (thumbnail, author, date, comments, snippet) apply to all tabs.
Tab labels can be renamed for Popular, Recent, and Random.

Each tab shares the same global settings for post count and display toggles and allows renaming of each tab label.

Option ID	Option Name	Description	Control Type	Accepted Value	Default
title	Title	Widget heading text.	Text	Plain text	Tabbed Widget
show_popular_posts	Display Tab 1 (Popular Posts)	Show/hide the Popular tab.	Checkbox	true / false	true
show_recent_posts	Display Tab 2 (Recent Posts)	Show/hide the Recent tab.	Checkbox	true / false	true
show_random_posts	Display Tab 3 (Random Posts)	Show/hide the Random tab.	Checkbox	true / false	true
tab_one_name	Tab 1 Name	Custom label for Popular tab.	Text	Plain text	Popular
tab_two_name	Tab 2 Name	Custom label for Recent tab.	Text	Plain text	Recent
tab_three_name	Tab 3 Name	Custom label for Random tab.	Text	Plain text	Random
number	Number of posts to show	Total posts shown per tab.	Text	Positive whole number	3
show_thumbnail	Display Post Thumbnail?	Show/hide featured images.	Checkbox	true / false	true
show_author	Display Post Author?	Show/hide author name.	Checkbox	true / false	false
show_date	Display Post Date?	Show/hide published date.	Checkbox	true / false	true
show_comments	Display Number of Comments?	Show/hide comment count.	Checkbox	true / false	true
show_snippet	Display Post Snippet?	Show/hide excerpt snippet.	Checkbox	true / false	true
snippet_length	Post snippet length (number of words)	Length of snippet per post.	Text	Positive whole number	20

GridWP About Widget

This widget displays a profile section with an image, description, and social media links. It supports many popular platforms (see options table) with customizable button styles (round or normal).

Key Features

Displays a profile image and customizable description
Supports many popular social platforms (listed below)
Option to display round or normal social buttons
Uses Font Awesome icons for social media buttons
Responsive design

Usage Notes

For the profile image, provide a direct URL to the image file
The description field supports HTML formatting
Leave any social media field empty to hide that particular button
The "round_buttons" option changes the appearance from square to circular
Skype field requires just the username, not a full URL
Email field requires a valid email address, not a mailto: link
All social media URLs should be complete links (e.g., https://facebook.com/username)

Option ID	Option Name	Description	Control Type	Accepted Value	Default
title	Title	Widget heading text.	Text	Plain text	About Me
image	Profile Image URL	Image shown above the description.	Text	Valid image URL	(empty)
description	Description	About text displayed under the image.	Textarea	HTML/plain text	(empty)
round_buttons	Display round social buttons?	Toggle between square and round icons.	Checkbox	true / false	false
facebook	Facebook URL	Link to Facebook profile/page.	Text	Valid URL	(empty)
twitter	Twitter (X) URL	Link to Twitter/X profile.	Text	Valid URL	(empty)
googleplus	Google Plus URL	Legacy Google Plus link (optional).	Text	Valid URL	(empty)
pinterest	Pinterest URL	Link to Pinterest profile.	Text	Valid URL	(empty)
linkedin	LinkedIn URL	Link to LinkedIn profile.	Text	Valid URL	(empty)
instagram	Instagram URL	Link to Instagram profile.	Text	Valid URL	(empty)
flickr	Flickr URL	Link to Flickr profile.	Text	Valid URL	(empty)
youtube	YouTube URL	Link to YouTube channel.	Text	Valid URL	(empty)
vimeo	Vimeo URL	Link to Vimeo profile.	Text	Valid URL	(empty)
soundcloud	SoundCloud URL	Link to SoundCloud profile.	Text	Valid URL	(empty)
lastfm	Last.fm URL	Link to Last.fm profile.	Text	Valid URL	(empty)
github	GitHub URL	Link to GitHub profile.	Text	Valid URL	(empty)
bitbucket	Bitbucket URL	Link to Bitbucket profile.	Text	Valid URL	(empty)
tumblr	Tumblr URL	Link to Tumblr blog/profile.	Text	Valid URL	(empty)
digg	Digg URL	Link to Digg profile.	Text	Valid URL	(empty)
delicious	Delicious URL	Link to Delicious profile.	Text	Valid URL	(empty)
stumbleupon	StumbleUpon URL	Link to StumbleUpon profile.	Text	Valid URL	(empty)
reddit	Reddit URL	Link to Reddit profile.	Text	Valid URL	(empty)
dribbble	Dribbble URL	Link to Dribbble profile.	Text	Valid URL	(empty)
behance	Behance URL	Link to Behance profile.	Text	Valid URL	(empty)
vk	VK URL	Link to VK profile.	Text	Valid URL	(empty)
codepen	CodePen URL	Link to CodePen profile.	Text	Valid URL	(empty)
jsfiddle	JSFiddle URL	Link to JSFiddle profile.	Text	Valid URL	(empty)
stackoverflow	Stack Overflow URL	Link to Stack Overflow profile.	Text	Valid URL	(empty)
stackexchange	Stack Exchange URL	Link to Stack Exchange profile.	Text	Valid URL	(empty)
buysellads	BuySellAds URL	Link to BuySellAds profile.	Text	Valid URL	(empty)
slideshare	SlideShare URL	Link to SlideShare profile.	Text	Valid URL	(empty)
skype	Skype Username	Skype username (not a URL).	Text	Username	(empty)
envelope	Email Address	Email used for contact link.	Text	Valid email	(empty)
rss	RSS Feed URL	Link to RSS feed.	Text	Valid URL	(empty)

GridWP Social Buttons

This widget displays social media profile links with icons. It includes the same social URL fields as the About Widget but without the profile image and description.

Key Features

Supports a wide set of popular social platforms (see options table)
Round or normal button styles
Font Awesome icon integration
Lightweight social links widget

Option ID	Option Name	Description	Control Type	Accepted Value	Default
title	Title	Widget heading text.	Text	Plain text	Social Buttons
round_buttons	Display round buttons?	Toggle between square and round icons.	Checkbox	true / false	false
facebook	Facebook URL	Link to Facebook profile/page.	Text	Valid URL	(empty)
twitter	Twitter (X) URL	Link to Twitter/X profile.	Text	Valid URL	(empty)
googleplus	Google Plus URL	Legacy Google Plus link (optional).	Text	Valid URL	(empty)
pinterest	Pinterest URL	Link to Pinterest profile.	Text	Valid URL	(empty)
linkedin	LinkedIn URL	Link to LinkedIn profile.	Text	Valid URL	(empty)
instagram	Instagram URL	Link to Instagram profile.	Text	Valid URL	(empty)
flickr	Flickr URL	Link to Flickr profile.	Text	Valid URL	(empty)
youtube	YouTube URL	Link to YouTube channel.	Text	Valid URL	(empty)
vimeo	Vimeo URL	Link to Vimeo profile.	Text	Valid URL	(empty)
soundcloud	SoundCloud URL	Link to SoundCloud profile.	Text	Valid URL	(empty)
lastfm	Last.fm URL	Link to Last.fm profile.	Text	Valid URL	(empty)
github	GitHub URL	Link to GitHub profile.	Text	Valid URL	(empty)
bitbucket	Bitbucket URL	Link to Bitbucket profile.	Text	Valid URL	(empty)
tumblr	Tumblr URL	Link to Tumblr blog/profile.	Text	Valid URL	(empty)
digg	Digg URL	Link to Digg profile.	Text	Valid URL	(empty)
delicious	Delicious URL	Link to Delicious profile.	Text	Valid URL	(empty)
stumbleupon	StumbleUpon URL	Link to StumbleUpon profile.	Text	Valid URL	(empty)
reddit	Reddit URL	Link to Reddit profile.	Text	Valid URL	(empty)
dribbble	Dribbble URL	Link to Dribbble profile.	Text	Valid URL	(empty)
behance	Behance URL	Link to Behance profile.	Text	Valid URL	(empty)
vk	VK URL	Link to VK profile.	Text	Valid URL	(empty)
codepen	CodePen URL	Link to CodePen profile.	Text	Valid URL	(empty)
jsfiddle	JSFiddle URL	Link to JSFiddle profile.	Text	Valid URL	(empty)
stackoverflow	Stack Overflow URL	Link to Stack Overflow profile.	Text	Valid URL	(empty)
stackexchange	Stack Exchange URL	Link to Stack Exchange profile.	Text	Valid URL	(empty)
buysellads	BuySellAds URL	Link to BuySellAds profile.	Text	Valid URL	(empty)
slideshare	SlideShare URL	Link to SlideShare profile.	Text	Valid URL	(empty)
skype	Skype Username	Skype username (not a URL).	Text	Username	(empty)
envelope	Email Address	Email used for contact link.	Text	Valid email	(empty)
rss	RSS Feed URL	Link to RSS feed.	Text	Valid URL	(empty)

Widget Areas

There are 23 widget areas in the GridWP PRO theme.

Header Banner
Located on the header. Drag a "Custom HTML" widget here and add your 728x90 banner ad code. You need to select "Header Style" as "Logo + Banner" from header options to display this widget area.
Main Sidebar
Located on the left or right-hand side depending on the layout style you choose.
Top Full Width Widgets (Home Page Only)
Full-width widget area at the top of homepage only (first page).
Top Full Width Widgets (Posts Only)
Full-width widget area at the top of single posts.
Top Full Width Widgets (Posts/Pages Only)
Full-width widget area at the top of single posts/pages.
Top Full Width Widgets (Every Page)
Full-width widget area at the top of every page.
Bottom Full Width Widgets (Home Page Only)
Full-width widget area at the bottom of homepage.
Bottom Full Width Widgets (Posts Only)
Full-width widget area at the bottom of single posts.
Bottom Full Width Widgets (Posts/Pages Only)
Full-width widget area at the bottom of single posts/pages.
Bottom Full Width Widgets (Every Page)
Full-width widget area at the bottom of every page.
Top Widgets (Home Page Only)
Widget area at the top of homepage (within content area).
Top Widgets (Posts Only)
Widget area at the top of single posts (within content area).
Top Widgets (Posts/Pages Only)
Widget area at the top of single posts/pages (within content area).
Top Widgets (Every Page)
Widget area at the top of every page (within content area).
Bottom Widgets (Home Page Only)
Widget area at the bottom of homepage (within content area).
Bottom Widgets (Posts Only)
Widget area at the bottom of single posts (within content area).
Bottom Widgets (Posts/Pages Only)
Widget area at the bottom of single posts/pages (within content area).
Bottom Widgets (Every Page)
Widget area at the bottom of every page (within content area).
Post Bottom Widgets
Widget area at the bottom of single posts, before the comments.
Footer 1
Footer column 1 (left).
Footer 2
Footer column 2 (middle-left).
Footer 3
Footer column 3 (middle-right).
Footer 4
Footer column 4 (right).

Custom Page Templates

GridWP PRO includes custom page and post templates that let you create pages and posts with unique layouts beyond the default design.

Special Function Templates

Contact Form: Creates a contact page with a built-in contact form.
Sitemap: Displays a structured list of your site's content.
Site Authors: Shows a list of all authors with profiles and post counts.

Layout Templates

"Full Width, no sidebar" (Page): Full width without sidebars.
"Full Width, bottom sidebar" (Page): Full width with sidebar below.
"Content + Sidebar" (Page): Content left, sidebar right.
"Sidebar + Content" (Page): Sidebar left, content right.
"Full Width, no sidebar" (Post): Full width post without sidebars.
"Full Width, bottom sidebar" (Post): Full width post with sidebar below.
"Content + Sidebar" (Post): Post content left, sidebar right.
"Sidebar + Content" (Post): Sidebar left, post content right.

How to Assign a Custom Template:

Go to Pages or Posts → Add New or edit an existing page/post.
Look for the Template option:
- In Gutenberg: Click the Page/Post tab in the right sidebar and find Template.
- In Classic Editor: Enable Page/Post Attributes box via Screen Options, then use the Template dropdown.
Select the desired template from the list.
Click Publish or Update.

How to Create a Contact Page

GridWP PRO includes a built-in Contact Form template.

Step 1: Create the Contact Page

Go to Pages → Add New.
Give your page a title like Contact Us.
Select the Contact Form template.
Click Publish.

Step 2: Configure the Contact Form Email Address

Go to Appearance → Customize.
Open Theme Options → Contact Page.
Enter your preferred email address in the Contact Form Email Address field.
Click Publish to save.

Note: If you do not set the Contact Form Email Address, the form will not send emails.

How to Create a Sitemap Page

Go to Pages → Add New.
Enter a title like Sitemap.
Select the Sitemap template.
Click Publish.

What's Included in the Sitemap Page

List of all Pages
List of all Categories and Tags
Monthly Archives
List of all Authors with links to their posts

How to Create a Site Authors Page

Step 1: Create the Authors Page

Go to Pages → Add New.
Enter a title like Our Authors.
Select the Authors template.
Click Publish.

Step 2: Customize Author Display Settings (Optional)

Go to Appearance → Customize → Theme Options → Authors Page.
Toggle the following settings:
- Hide site administrators from the Authors page.
- Hide authors with zero posts from the Authors page.
Click Publish to save.

Customizer Theme Options

To see available WordPress Customizer theme options:

Go to your WordPress Dashboard.
Navigate to Appearance → Customize.
Click on Theme Options.

Site Identity Options

Below is the complete list of Site Identity Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
custom_logo	Logo	Image ID of the custom logo uploaded through the Customizer.	Media Uploader	Integer (attachment ID)	0 (none)
blogname	Site Title	Main title of the website shown in the header, browser-tabs, and search-results.	Text	A string	"My WordPress Site"
blogdescription	Tagline	Short descriptive sentence appearing next to or below the title.	Text	A string	"Just another WordPress site"
display_header_text	Display Site Title & Tagline	Toggles whether the title/tagline are printed on the front-end.	Toggle Switch	true / false	true
site_icon	Site Icon (Favicon)	Image ID for the favicon/app-icon (512 x 512 px recommended).	Media Uploader	Integer (attachment ID)	0 (none)

Colors Options

GridWP PRO offers extensive color customization. Navigate to Appearance → Customize → Theme Options → Colors to find color pickers for headers, menus, posts, sidebars, footer, and more. The theme provides granular control over virtually every visual element including:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
body_text_color	Main Text Color	Primary body text color.	Color Picker	Hex color	#555555
link_color	Main Link Color	Default link color.	Color Picker	Hex color	#666666
link_hover_color	Main Link Hover Color	Link hover color.	Color Picker	Hex color	#000000
headings_color	General Headings Color	Heading text color.	Color Picker	Hex color	#111111
secondary_menu_color	Secondary Menu Link Color	Text color for secondary menu links.	Color Picker	Hex color	#000000
secondary_menu_shadow_color	Secondary Menu Link Shadow Color	Shadow color for secondary menu links.	Color Picker	Hex color	#ffffff
secondary_menu_hover_color	Secondary Menu Link Hover Color	Hover color for secondary menu links.	Color Picker	Hex color	#7f181b
secondary_submenu_one_bg_color	Secondary Sub Menu Background Color	First-level submenu background.	Color Picker	Hex color	#eeeeee
secondary_submenu_one_bd_color	Secondary Sub Menu Border Color	First-level submenu border.	Color Picker	Hex color	#dddddd
secondary_menu_icon_color	Secondary Responsive Menu Icon Color	Icon color for secondary responsive menu.	Color Picker	Hex color	#000000
header_bg_color	Header Background Color	Background color of header area.	Color Picker	Hex color	#ffffff
primary_menu_bg_color	Primary Menu Background Color	Main menu background color.	Color Picker	Hex color	#333333
primary_menu_bd_color	Primary Menu Border Color	Main menu border color.	Color Picker	Hex color	#7f181b
primary_menu_color	Primary Menu Link Color	Main menu link text color.	Color Picker	Hex color	#ffffff
primary_menu_shadow_color	Primary Menu Link Shadow Color	Shadow color for primary menu links.	Color Picker	Hex color	#000000
primary_menu_hover_color	Primary Menu Link Hover Color	Hover color for primary menu links.	Color Picker	Hex color	#ffffff
primary_menu_hover_bg_color	Primary Menu Link Hover Background Color	Hover background for primary menu links.	Color Picker	Hex color	#7f181b
primary_submenu_one_bg_color	Primary Sub Menu Background Color	First-level primary submenu background.	Color Picker	Hex color	#444444
primary_submenu_one_bd_color	Primary Sub Menu Border Color	First-level primary submenu border.	Color Picker	Hex color	#222222
primary_submenu_two_bd_color	Primary Sub Menu Border 2 Color	Second border for primary submenu.	Color Picker	Hex color	#383838
primary_menu_icon_color	Primary Responsive Menu Icon Color	Icon color for primary responsive menu.	Color Picker	Hex color	#ffffff
header_social_bg_color	Header Social Bar Background Color	Background for header social bar.	Color Picker	Hex color	#7f181b
header_social_color	Header Social Icons Color	Color for header social icons.	Color Picker	Hex color	#ffffff
header_social_shadow_color	Header Social Icons Shadow Color	Shadow color for header social icons.	Color Picker	Hex color	#000000
header_social_hover_color	Header Social Icons Hover Color	Hover color for header social icons.	Color Picker	Hex color	#dddddd
news_ticker_bg_color	News Ticker Background Color	Background color of news ticker.	Color Picker	Hex color	#6d6e70
news_ticker_heading_color	News Ticker Heading Color	Text color for ticker heading.	Color Picker	Hex color	#ffffff
news_ticker_heading_bg_color	News Ticker Heading Background Color	Background for ticker heading label.	Color Picker	Hex color	#333333
news_ticker_text_color	News Ticker Text Color	Link/text color in ticker.	Color Picker	Hex color	#ffffff
news_ticker_hover_text_color	News Ticker Hover Text Color	Hover color for ticker links.	Color Picker	Hex color	#dddddd
sidebar_widget_bg_color	Sidebar Widgets Background Color	Background for sidebar widgets.	Color Picker	Hex color	#ffffff
sidebar_widget_bd_color	Sidebar Widgets Border Color	Border for sidebar widgets.	Color Picker	Hex color	#dddddd
grid_post_bg_color	Grid Post Background Color	Background for grid posts.	Color Picker	Hex color	#ffffff
grid_post_bd_color	Grid Post Border Color	Border for grid posts.	Color Picker	Hex color	#dddddd
post_title_color	Single Post Title Color	Title color on single posts.	Color Picker	Hex color	#000000
post_title_hover_color	Single Post Title Hover Color	Hover color for single post titles.	Color Picker	Hex color	#333333
list_post_title_color	List Post Title Color	Title color for list posts.	Color Picker	Hex color	#000000
list_post_title_hover_color	List Post Title Hover Color	Hover color for list post titles.	Color Picker	Hex color	#333333
grid_post_title_color	Grid Post Title Color	Title color for grid posts.	Color Picker	Hex color	#000000
grid_post_title_hover_color	Grid Post Title Hover Color	Hover color for grid post titles.	Color Picker	Hex color	#7f181b
post_body_link_color	Post Content Link Color	Link color inside post content.	Color Picker	Hex color	#409BD4
post_body_link_hover_color	Post Content Link Hover Color	Hover color for content links.	Color Picker	Hex color	#08ACD5
postcats_color	Post Categories Color	Category label text color.	Color Picker	Hex color	#ffffff
postcats_bg_color	Post Categories Background Color	Background for category labels.	Color Picker	Hex color	#7f181b
postcats_hover_color	Post Categories Hover Color	Hover text color for categories.	Color Picker	Hex color	#ffffff
postcats_bg_hover_color	Post Categories Hover Background Color	Hover background for category labels.	Color Picker	Hex color	#000000
post_meta_color	Single Post Meta Color	Meta text color on single posts.	Color Picker	Hex color	#666666
post_meta_hover_color	Single Post Meta Hover Color	Hover color for single post meta.	Color Picker	Hex color	#000000
list_post_meta_color	List Post Meta Color	Meta text color for list posts.	Color Picker	Hex color	#666666
list_post_meta_hover_color	List Post Meta Hover Color	Hover color for list post meta.	Color Picker	Hex color	#000000
grid_post_meta_color	Grid Post Meta Color	Meta text color on grid posts.	Color Picker	Hex color	#ffffff
grid_post_meta_hover_color	Grid Post Meta Hover Color	Hover color for grid post meta.	Color Picker	Hex color	#ffffff
sidebar_title_color	Sidebar Title Color	Text color for widget titles.	Color Picker	Hex color	#000000
sidebar_title_bg_color	Sidebar Title Background Color	Background for widget titles.	Color Picker	Hex color	#eeeeee
sidebar_title_bd_one_color	Sidebar Title Border 1 Color	First border color for widget titles.	Color Picker	Hex color	#dddddd
sidebar_title_bd_two_color	Sidebar Title Border 2 Color	Second border color for widget titles.	Color Picker	Hex color	#f6f6f6
sidebar_link_color	Sidebar Link Color	Link color in sidebar widgets.	Color Picker	Hex color	#444444
sidebar_link_hover_color	Sidebar Link Hover Color	Hover color for sidebar links.	Color Picker	Hex color	#666666
sidebar_list_bd_color	Sidebar List Border Color	Border color for sidebar lists.	Color Picker	Hex color	#f6f6f6
tag_cloud_color	Tag Cloud Link Color	Tag cloud link text color.	Color Picker	Hex color	#ffffff
tag_cloud_bg_color	Tag Cloud Link Background	Background for tag cloud links.	Color Picker	Hex color	#888888
tag_cloud_hover_color	Tag Cloud Link Hover Color	Hover text color for tag cloud links.	Color Picker	Hex color	#ffffff
tag_cloud_hover_bg_color	Tag Cloud Link Hover Background	Hover background for tag cloud links.	Color Picker	Hex color	#000000
footer_bg_color	Footer Background Color	Background color of footer widgets area.	Color Picker	Hex color	#333333
footer_bd_color	Footer Border Color	Border color for footer widgets area.	Color Picker	Hex color	#7f181b
footer_title_color	Footer Title Color	Title color in footer widgets.	Color Picker	Hex color	#ffffff
footer_title_bd_one_color	Footer Title Border One Color	First border color for footer titles.	Color Picker	Hex color	#444444
footer_title_bd_two_color	Footer Title Border Two Color	Second border color for footer titles.	Color Picker	Hex color	#222222
footer_text_color	Footer Text Color	Text color in footer widgets.	Color Picker	Hex color	#cecece
footer_link_color	Footer Link Color	Link color in footer widgets.	Color Picker	Hex color	#dbdbdb
footer_link_hover_color	Footer Link Hover Color	Hover color for footer links.	Color Picker	Hex color	#ffffff
footer_list_bd_color	Footer List Border Color	Border color for footer lists.	Color Picker	Hex color	#3a3a3a
cp_bg_color	Copyrights Background Color	Background color of copyright bar.	Color Picker	Hex color	#222222
cp_bd_color	Copyrights Background Color	Border color of copyright bar.	Color Picker	Hex color	#3D3D3D
cp_color	Copyrights Text Color	Text color in copyright bar.	Color Picker	Hex color	#ECFFF1
button_text_color	Button Text Color	Default button text color.	Color Picker	Hex color	#ffffff
button_text_shadow_color	Button Text Shadow Color	Text shadow color for buttons.	Color Picker	Hex color	#000000
button_bg_color	Button Background Color	Default button background color.	Color Picker	Hex color	#333333
button_bd_color	Button Border Color	Button border color.	Color Picker	Hex color	#000000
button_hover_bg_color	Button Hover Background Color	Hover background for buttons.	Color Picker	Hex color	#000000
selected_text_color	Selected Text Color	Color for highlighted/selected text.	Color Picker	Hex color	#ffffff
selected_text_bg_color	Selected Text Background Color	Background for highlighted/selected text.	Color Picker	Hex color	#333333
disable_shadow_color	Disable Shadow Color	Disable custom shadow colors and use defaults.	Checkbox	true / false	false

Font Options

GridWP PRO includes comprehensive font customization. Navigate to Appearance → Customize → Theme Options → Font Options to configure fonts for various elements. Available font settings include:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
font_subsets	Font Subsets	Select subsets to load.	Multi-select	Cyrillic, Cyrillic Extended, Greek, Greek Extended, Latin, Latin Extended, Vietnamese	Latin
body_fonts	Body Font-Family	Font for body text.	Select	Theme font list	//fonts.googleapis.com/css?family=Domine:400,700
body_font_size	Body Font-Size	Body text size.	Select	8px–72px	13px
body_font_weight	Body Font-Weight	Body text weight.	Select	400, 700	400
body_font_style	Body Font-Style	Body text style.	Select	Normal / Italic	normal
body_line_height	Body Line-Height	Line height for body text.	Text	Numeric (e.g., 1.6)	1.6
site_title_fonts	Site Title Font-Family	Font for site title.	Select	Theme font list	//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i
site_title_font_size	Site Title Font-Size	Size for site title.	Select	8px–72px	24px
site_title_font_weight	Site Title Font-Weight	Weight for site title.	Select	400, 700	700
site_title_font_style	Site Title Font-Style	Style for site title.	Select	Normal / Italic	normal
site_title_line_height	Site Title Line-Height	Line height for site title.	Text	Numeric	1
site_desc_fonts	Site Description Font-Family	Font for tagline.	Select	Theme font list	//fonts.googleapis.com/css?family=Domine:400,700
site_desc_font_size	Site Description Font-Size	Size for tagline.	Select	8px–72px	13px
site_desc_font_weight	Site Description Font-Weight	Weight for tagline.	Select	400, 700	400
site_desc_font_style	Site Description Font-Style	Style for tagline.	Select	Normal / Italic	normal
site_desc_line_height	Site Description Line-Height	Line height for tagline.	Text	Numeric	1
primary_menu_fonts	Primary Menu Font-Family	Font for primary menu.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
primary_menu_font_size	Primary Menu Font-Size	Size for primary menu.	Select	8px–72px	13px
primary_menu_font_weight	Primary Menu Font-Weight	Weight for primary menu.	Select	400, 700	400
primary_menu_font_style	Primary Menu Font-Style	Style for primary menu.	Select	Normal / Italic	normal
secondary_menu_fonts	Secondary Menu Font-Family	Font for secondary menu.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
secondary_menu_font_size	Secondary Menu Font-Size	Size for secondary menu.	Select	8px–72px	13px
secondary_menu_font_weight	Secondary Menu Font-Weight	Weight for secondary menu.	Select	400, 700	400
secondary_menu_font_style	Secondary Menu Font-Style	Style for secondary menu.	Select	Normal / Italic	normal
news_ticker_fonts	News Ticker Font-Family	Font for news ticker.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
news_ticker_font_size	News Ticker Font-Size	Size for news ticker text.	Select	8px–72px	13px
news_ticker_font_weight	News Ticker Font-Weight	Weight for news ticker text.	Select	400, 700	400
news_ticker_font_style	News Ticker Font-Style	Style for news ticker text.	Select	Normal / Italic	normal
hpost_title_fonts	Grid Post Title Font-Family	Font for grid post titles.	Select	Theme font list	//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i
hpost_title_font_size	Grid Post Title Font-Size	Size for grid post titles.	Select	8px–72px	17px
hpost_title_font_weight	Grid Post Title Font-Weight	Weight for grid post titles.	Select	400, 700	700
hpost_title_font_style	Grid Post Title Font-Style	Style for grid post titles.	Select	Normal / Italic	normal
hpost_title_line_height	Grid Post Title Line-Height	Line height for grid post titles.	Text	Numeric	1.2
hpost_title_sm_fonts	List Post Title Font-Family	Font for list post titles.	Select	Theme font list	//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i
hpost_title_sm_font_size	List Post Title Font-Size	Size for list post titles.	Select	8px–72px	16px
hpost_title_sm_font_weight	List Post Title Font-Weight	Weight for list post titles.	Select	400, 700	700
hpost_title_sm_font_style	List Post Title Font-Style	Style for list post titles.	Select	Normal / Italic	normal
hpost_title_sm_line_height	List Post Title Line-Height	Line height for list post titles.	Text	Numeric	1.2
hpost_cats_fonts	Grid Post Categories Font-Family	Font for grid post categories.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
hpost_cats_font_size	Grid Post Categories Font-Size	Size for grid post category labels.	Select	8px–72px	12px
hpost_cats_font_weight	Grid Post Categories Font-Weight	Weight for grid post categories.	Select	400, 700	400
hpost_cats_font_style	Grid Post Categories Font-Style	Style for grid post categories.	Select	Normal / Italic	normal
hpost_meta_fonts	Post Meta Font-Family	Font for post meta text.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
hpost_meta_font_size	Post Meta Font-Size	Size for post meta text.	Select	8px–72px	12px
hpost_meta_font_weight	Post Meta Font-Weight	Weight for post meta.	Select	400, 700	400
hpost_meta_font_style	Post Meta Font-Style	Style for post meta.	Select	Normal / Italic	normal
post_title_fonts	Post Title Font-Family	Font for single post titles.	Select	Theme font list	//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i
post_title_font_size	Post Title Font-Size	Size for single post titles.	Select	8px–72px	26px
post_title_font_weight	Post Title Font-Weight	Weight for single post titles.	Select	400, 700	700
post_title_font_style	Post Title Font-Style	Style for single post titles.	Select	Normal / Italic	normal
post_title_line_height	Post Title Line-Height	Line height for single post titles.	Text	Numeric	1.2
widget_title_fonts	Main/Sidebars Widget Title Font-Family	Font for sidebar widget titles.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
widget_title_font_size	Main/Sidebars Title Font-Size	Size for sidebar widget titles.	Select	8px–72px	15px
widget_title_font_weight	Main/Sidebars Title Font-Weight	Weight for sidebar widget titles.	Select	400, 700	400
widget_title_font_style	Main/Sidebars Title Font-Style	Style for sidebar widget titles.	Select	Normal / Italic	normal
sidebar_title_line_height	Main/Sidebars Title Line-Height	Line height for sidebar widget titles.	Text	Numeric	1
footer_title_fonts	Footer Widget Title Font-Family	Font for footer widget titles.	Select	Theme font list	//fonts.googleapis.com/css?family=Oswald:400,700
footer_title_font_size	Footer Title Font-Size	Size for footer widget titles.	Select	8px–72px	14px
footer_title_font_weight	Footer Title Font-Weight	Weight for footer widget titles.	Select	400, 700	400
footer_title_font_style	Footer Title Font-Style	Style for footer widget titles.	Select	Normal / Italic	normal
footer_title_line_height	Footer Title Line-Height	Line height for footer widget titles.	Text	Numeric	1
headings_fonts	General Headings Font-Family	Font for general headings (H1–H6).	Select	Theme font list	//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i
headings_line_height	General Headings Line-Height	Line height for headings.	Text	Numeric	1
h1_font_size	H1 Font-Size	Size for H1 headings.	Select	8px–72px	32px
h1_font_weight	H1 Font-Weight	Weight for H1 headings.	Select	400, 700	700
h1_font_style	H1 Font-Style	Style for H1 headings.	Select	Normal / Italic	normal
h2_font_size	H2 Font-Size	Size for H2 headings.	Select	8px–72px	28px
h2_font_weight	H2 Font-Weight	Weight for H2 headings.	Select	400, 700	700
h2_font_style	H2 Font-Style	Style for H2 headings.	Select	Normal / Italic	normal
h3_font_size	H3 Font-Size	Size for H3 headings.	Select	8px–72px	24px
h3_font_weight	H3 Font-Weight	Weight for H3 headings.	Select	400, 700	700
h3_font_style	H3 Font-Style	Style for H3 headings.	Select	Normal / Italic	normal
h4_font_size	H4 Font-Size	Size for H4 headings.	Select	8px–72px	20px
h4_font_weight	H4 Font-Weight	Weight for H4 headings.	Select	400, 700	700
h4_font_style	H4 Font-Style	Style for H4 headings.	Select	Normal / Italic	normal
h5_font_size	H5 Font-Size	Size for H5 headings.	Select	8px–72px	18px
h5_font_weight	H5 Font-Weight	Weight for H5 headings.	Select	400, 700	700
h5_font_style	H5 Font-Style	Style for H5 headings.	Select	Normal / Italic	normal
h6_font_size	H6 Font-Size	Size for H6 headings.	Select	8px–72px	16px
h6_font_weight	H6 Font-Weight	Weight for H6 headings.	Select	400, 700	700
h6_font_style	H6 Font-Style	Style for H6 headings.	Select	Normal / Italic	normal

Header Image Options

These are the default WordPress header image controls. Navigate to Appearance → Customize → Header Image to upload, crop, and manage your header image. The recommended image size is 1250 x 350 pixels.

Option ID	Option Name	Description	Control Type	Accepted Value	Default
header_image	Header Image	Main header image displayed at the top.	Image Upload	Image file	(none)

Header Options

Below is the complete list of Header Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
hide_top_bar	Hide Header Top Bar	Hide the top bar section of the header.	Checkbox	true / false	false
header_style	Header Style	Select the header layout style.	Select	Logo + Menu Logo + Banner Full Width Header	Logo + Menu
hide_header_content	Hide Header Content	Hide the main header content area.	Checkbox	true / false	false
disable_featured_header_image	Disable Featured Header Image	Disable the featured header image display.	Checkbox	true / false	false

Layout Options

Below is the complete list of Layout Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
layout_style	Non-Singular Pages Layout Style	Layout for archive, category, tag, and other non-singular pages.	Select	Sidebar + Content Content + Sidebar One Column	Content + Sidebar
singular_layout_style	Singular Pages Layout Style	Layout for single posts and pages.	Select	Sidebar + Content Content + Sidebar One Column	Content + Sidebar
hide_sidebar_one_column	Hide Sidebar in One Column Layout	When one-column layout is selected, hide the sidebar completely instead of showing it below content.	Checkbox	true / false	false

News Ticker Options

Below is the complete list of News Ticker Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
enable_news_ticker	Enable News Ticker	Enable or disable the news ticker on your site.	Checkbox	true / false	false
news_ticker_heading	News Ticker Heading	Custom heading label for the news ticker.	Text	A plain text.	Trending Now
news_ticker_length	Number of Posts	Number of posts to display in the ticker.	Text	A positive whole number.	10
news_ticker_post_type	Posts Type	Source of posts for the ticker.	Select	Recent Posts Popular Posts Random Posts Category Posts Tag Posts	Recent Posts
news_ticker_cat	Select a Category	Category to display (when "Category Posts" is selected).	Select	A category from your WordPress categories	(empty)
news_ticker_tag	Select a Tag	Tag to display (when "Tag Posts" is selected).	Select	A tag from your WordPress tags	(empty)

Post Options

Below is the complete list of Post Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
hide_posts_heading	Hide HomePage Posts Heading	Hide the heading above homepage posts.	Checkbox	true / false	false
posts_heading	HomePage Posts Heading	Custom heading text above homepage posts.	Text	Plain text	Recent Posts
thumbnail_link	Thumbnail Link	Whether single post thumbnail links to the post.	Select	Yes / No	Yes
grid_thumb_style	Posts Grid Thumbnails Style	Thumbnail style for post grid.	Select	Horizontal / Square / Vertical / Auto Height	Square Thumbnails
post_grid_cols	Posts Grid Columns	Columns for post grid (desktop).	Select	2 / 3 / 4 / 5 Columns	3 Columns
hide_posted_date_home	Hide Posted Date from Posts Summaries	Hide date on archive/home summaries.	Checkbox	true / false	false
hide_posted_date	Hide Posted Date from Single Posts	Hide date on single posts.	Checkbox	true / false	false
hide_post_author_home	Hide Post Author from Posts Summaries	Hide author on archive/home summaries.	Checkbox	true / false	false
hide_post_author	Hide Post Author from Single Posts	Hide author on single posts.	Checkbox	true / false	false
hide_post_categories_home	Hide Post Categories from Posts Summaries	Hide categories on archive/home summaries.	Checkbox	true / false	false
hide_post_categories	Hide Post Categories from Single Posts	Hide categories on single posts.	Checkbox	true / false	false
hide_post_tags_home	Hide Post Tags from Posts Summaries	Hide tags on archive/home summaries.	Checkbox	true / false	false
hide_post_tags	Hide Post Tags from Single Posts	Hide tags on single posts.	Checkbox	true / false	false
hide_comments_link_home	Hide Comment Link from Posts Summaries	Hide comments link on archive/home summaries.	Checkbox	true / false	false
hide_comments_link	Hide Comment Link from Single Posts	Hide comments link on single posts.	Checkbox	true / false	false
hide_post_edit	Hide Post Edit Link	Hide the edit link on single posts.	Checkbox	true / false	false
hide_thumbnail	Hide Thumbnails from Every Page	Hide featured images globally.	Checkbox	true / false	false
hide_thumbnail_single	Hide Thumbnails from Posts/Pages	Hide featured images on single posts/pages.	Checkbox	true / false	false
hide_share_buttons_home	Hide Share Buttons from Posts Summaries	Hide share buttons on archive/home summaries.	Checkbox	true / false	false
hide_share_buttons	Hide Share Buttons from Single Posts	Hide share buttons on single posts.	Checkbox	true / false	false
hide_author_bio_box	Hide Author Bio Box	Hide author bio box on single posts.	Checkbox	true / false	false
hide_related_posts	Hide Related Posts from Single Posts	Hide related posts section.	Checkbox	true / false	false
related_posts_heading	Related Posts Heading	Heading text for related posts.	Text	Plain text	Related Articles
related_posts_number	Number of Related Posts	How many related posts to show.	Select	1–16 posts	4
related_grid_cols	Related Posts Columns	Columns for related posts (desktop).	Select	2 / 3 / 4 / 5 Columns	4 Columns

Social Links Options

Below is the complete list of Social Links Options available. Navigate to Appearance → Customize → Theme Options → Social Links.

Option ID	Option Name	Description	Control Type	Accepted Value	Default
hide_header_social_buttons	Hide Header Social Buttons	Hide the social buttons in the header area.	Checkbox	true / false	false
twitterlink	Twitter URL	Your Twitter/X profile URL.	Text	Valid URL	(empty)
facebooklink	Facebook URL	Your Facebook page/profile URL.	Text	Valid URL	(empty)
googlelink	Google Plus URL	Your Google Plus profile URL.	Text	Valid URL	(empty)
pinterestlink	Pinterest URL	Your Pinterest profile URL.	Text	Valid URL	(empty)
linkedinlink	LinkedIn Link	Your LinkedIn profile URL.	Text	Valid URL	(empty)
instagramlink	Instagram Link	Your Instagram profile URL.	Text	Valid URL	(empty)
vklink	VK Link	Your VK profile URL.	Text	Valid URL	(empty)
flickrlink	Flickr Link	Your Flickr profile URL.	Text	Valid URL	(empty)
youtubelink	YouTube URL	Your YouTube channel URL.	Text	Valid URL	(empty)
vimeolink	Vimeo URL	Your Vimeo profile URL.	Text	Valid URL	(empty)
soundcloudlink	Soundcloud URL	Your SoundCloud profile URL.	Text	Valid URL	(empty)
lastfmlink	Lastfm URL	Your Last.fm profile URL.	Text	Valid URL	(empty)
githublink	GitHub URL	Your GitHub profile URL.	Text	Valid URL	(empty)
bitbucketlink	Bitbucket URL	Your Bitbucket profile URL.	Text	Valid URL	(empty)
tumblrlink	Tumblr URL	Your Tumblr profile URL.	Text	Valid URL	(empty)
digglink	Digg URL	Your Digg profile URL.	Text	Valid URL	(empty)
deliciouslink	Delicious URL	Your Delicious profile URL.	Text	Valid URL	(empty)
stumblelink	Stumbleupon Link	Your StumbleUpon profile URL.	Text	Valid URL	(empty)
redditlink	Reddit Link	Your Reddit profile URL.	Text	Valid URL	(empty)
dribbblelink	Dribbble Link	Your Dribbble profile URL.	Text	Valid URL	(empty)
behancelink	Behance Link	Your Behance profile URL.	Text	Valid URL	(empty)
codepenlink	Codepen Link	Your CodePen profile URL.	Text	Valid URL	(empty)
jsfiddlelink	JSFiddle Link	Your JSFiddle profile URL.	Text	Valid URL	(empty)
stackoverflowlink	Stack Overflow Link	Your Stack Overflow profile URL.	Text	Valid URL	(empty)
stackexchangelink	Stack Exchange Link	Your Stack Exchange profile URL.	Text	Valid URL	(empty)
bsalink	BuySellAds Link	Your BuySellAds profile URL.	Text	Valid URL	(empty)
slidesharelink	SlideShare Link	Your SlideShare profile URL.	Text	Valid URL	(empty)
skypeusername	Skype Username	Your Skype username.	Text	Username	(empty)
emailaddress	Email Address	Your email address for contact.	Text	Valid email	(empty)
telephonenumber	Telephone Number	Your phone number for contact.	Text	Plain text	(empty)
rsslink	RSS Feed URL	Your RSS feed URL.	Text	Valid URL	(empty)

Footer Options

Below is the complete list of Footer Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
footer_text	Footer Copyright Text	Custom copyright text displayed in the footer area.	Text	A plain text or HTML.	(empty - uses default)
hide_footer_widgets	Hide Footer Widgets	Hide all footer widget areas.	Checkbox	true / false	false
hide_footer_credits	Hide Theme Designer Credits	Hide the theme designer credits text from the footer.	Checkbox	true / false	false

404 Page Options

Below is the complete list of 404 Page Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
error_404_heading	404 Page Heading	Custom heading text displayed on the 404 error page.	Text	A plain text.	Oops! That page can not be found.
error_404_message	404 Page Message	Custom message displayed on the 404 error page below the heading.	Textarea	A text string.	It looks like nothing was found at this location. Maybe try a search?

Search Page Options

Below is the complete list of Search Page Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
no_search_heading	No Search Results Heading	Custom heading displayed when no search results are found.	Text	A plain text.	Nothing Found
no_search_results	No Search Results Message	Custom message displayed when no search results are found.	Textarea	A text string.	Sorry, but nothing matched your search terms. Please try again with some different keywords.

Contact Page Options

Below is the complete list of Contact Page Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
contact_page_text	Contact Page Configuration	Instructions on how to create a contact page using the Contact Form template. This is a static information text, not a configurable setting.	Static Text	N/A	N/A
contact_email	Contact Form Email Address	Email address that will receive messages submitted through the contact form. This email address is required for the contact form to function.	Text	A valid email address	(empty)

Authors Page Options

Below is the complete list of Authors Page Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
authors_page_text	Authors Page Configuration	Instructions on how to create an authors page using the Authors template. This is a static information text.	Static Text	N/A	N/A
hide_admin_authors_page	Hide site administrators from Authors page	When checked, site administrators will not be shown on the Authors page template.	Checkbox	true / false	false
hide_noposts_authors_page	Hide authors with zero posts from Authors page	When checked, authors who have not published any posts will be hidden from the Authors page.	Checkbox	true / false	false

Other Options

Below is the complete list of Other Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
enable_flavor_widget_block_editor	Enable Gutenberg Widget Block Editor	Enable the Gutenberg block-based widget editor. When disabled, the classic widget editor is used.	Checkbox	true / false	false
disable_sticky_menu	Disable Sticky Menu	Disable the sticky/fixed menu behavior on scroll.	Checkbox	true / false	false
enable_sticky_mobile_menu	Enable Sticky Menu on Small Screens	Enable sticky menu behavior on mobile/small screens.	Checkbox	true / false	false
disable_primary_menu	Disable Primary Menu	Completely disable the primary navigation menu.	Checkbox	true / false	false
disable_secondary_menu	Disable Secondary Menu	Completely disable the secondary navigation menu.	Checkbox	true / false	false
disable_sticky_sidebar	Disable Sticky Sidebar	Disable the sticky sidebar behavior.	Checkbox	true / false	false
disable_backtotop	Disable Back to Top Button	Disable the "Back to Top" scroll button.	Checkbox	true / false	false

Reset Options

Below is the complete list of Reset Options available:

Option ID	Option Name	Description	Control Type	Accepted Value	Default
reset_settings	Reset Theme Options	Click the reset button to restore all theme options to default values.	Reset Button	n/a	(empty)

Performance & SEO Tips

Follow these best practices to improve the speed, SEO, and overall performance of your GridWP PRO-powered website:

Use a Caching Plugin: Install a caching plugin like WP Super Cache, W3 Total Cache, or LiteSpeed Cache to serve cached HTML to visitors and reduce server load.
Optimize Images: Use plugins like Imagify or EWWW Image Optimizer to compress images without losing quality.
Use a CDN: A Content Delivery Network like Cloudflare serves your content from the nearest server to your visitors, dramatically improving load times.
Disable Color Options if Not Needed: If you're using the default theme colors, enable the "Disable All Color Options" setting in Theme Options → Colors to reduce inline CSS output and improve rendering speed.
Minimize Plugins: Only use essential plugins. Each plugin adds code that can slow down your site. Regularly audit and remove unused plugins.
Install an SEO Plugin: Use Yoast SEO or Rank Math to optimize meta titles, descriptions, Open Graph tags, and XML sitemaps.
Enable Lazy Loading: Modern browsers support native lazy loading for images. WordPress 5.5+ includes this by default. Ensure it's not being disabled by any plugin.
Use Quality Hosting: A fast and reliable hosting provider is one of the most impactful performance factors. Consider managed WordPress hosting for best results.
Keep WordPress Updated: Always run the latest version of WordPress, the GridWP PRO theme, and all plugins for best performance and security.
Use WP-PageNavi for Numbered Navigation: Install the WP-PageNavi plugin to display numbered page navigation instead of the default older/newer links.

Translation & RTL

GridWP PRO is fully translation-ready and supports Right-to-Left (RTL) languages like Arabic, Hebrew, and Persian out of the box.

🌐 Translating the Theme

The theme includes a gridwp-pro.pot file located in the /languages folder inside the theme directory. You can use this file to create translations in your own language using any of the following tools:

Poedit – Desktop translation editor (view tutorial)
Loco Translate – Translate the theme directly from your WordPress dashboard (view tutorial)

After translating, save your files as:

gridwp-pro-[language_code].po
gridwp-pro-[language_code].mo

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

GridWP PRO includes built-in RTL support. If your WordPress site language is set to an RTL language, the theme will automatically adjust layout direction, alignment, and spacing accordingly. No extra setup required.

If you're customizing your site with RTL content, make sure your text widgets, menus, and custom styles are also RTL-compatible for best results.

FAQ

Quick answers to the most frequently asked questions about using the GridWP PRO theme. If you can't find your answer here, contact our support team.

Why is my logo/site icon/header image/background image missing after upgrading to PRO?

When switching from the free to PRO version, you need to manually reupload your Site Logo, Header Image, Site Icon, and Background Image via Appearance → Customize.

My menus disappeared after theme activation. What should I do?

Go to Appearance → Menus → Manage Locations and reassign your existing menus to the correct theme locations.

How do I add numbered post navigation?

Install and activate the WP-PageNavi plugin. The theme will automatically use it for numbered page navigation.

How do I change the number of columns in the grid?

Go to Appearance → Customize → Theme Options → Post Options and change the Grid Posts Columns setting. You can choose from 2, 3, 4, or 5 columns.

How do I reset Customizer settings to default?

Go to Appearance → Customize → Theme Options → Reset Settings, then click the Reset Theme Options button. A confirmation dialog will appear. Confirm the action to reset your settings.

How do I change the thumbnail style for grid posts?

Go to Appearance → Customize → Theme Options → Post Options and change the Grid Thumbnail Style. Options include Horizontal, Square, Vertical, and Auto Height thumbnails.

How do I switch between different layouts?

Go to Appearance → Customize → Theme Options → Layout Options. You can set different layouts for singular and non-singular pages: Sidebar + Content, Content + Sidebar, or One Column.

Troubleshooting

Common technical problems you may encounter while installing, activating, or customizing the GridWP PRO theme. If your issue isn't listed, reach out to our support team.

Post thumbnails are missing when sharing on social media

Install an SEO plugin like Yoast SEO or Rank Math and enable Open Graph tags. Always set a featured image for each post to ensure proper thumbnails appear when sharing.

I get "The uploaded file exceeds the upload_max_filesize directive" error.

This means your hosting has a small file upload limit. Follow this guide to increase it or use cPanel/File Manager to upload the theme.

Images look blurry or incorrectly cropped

After activating the theme or changing thumbnail styles, regenerate your thumbnails using the Regenerate Thumbnails plugin. Go to Tools → Regenerate Thumbnails and click "Regenerate Thumbnails for All Attachments".

The News Ticker is not showing

Make sure you've enabled it in Appearance → Customize → Theme Options → News Ticker. Check that the "Enable News Ticker" checkbox is checked and that there are published posts matching the selected criteria.

Contact form is not sending emails

Ensure you've entered your email address in Appearance → Customize → Theme Options → Contact Page → Contact Form Email Address. Also check your spam folder. For reliable email delivery, consider using an SMTP plugin like WP Mail SMTP.

The header banner widget area is not visible

You need to select "Logo + Banner" as the Header Style in Appearance → Customize → Theme Options → Header Options for this widget area to be displayed.

Support & Licensing

All our WordPress themes, including GridWP PRO, are released under the 100% GPL (General Public License). You can use the theme on unlimited websites and modify the code to suit your needs.

What’s included in free support:

Help with theme installation and setup
Bug fixes and troubleshooting related to the theme
Guidance on using built-in theme features

What’s not included in free support (but available as paid tasks):

Theme customization or resolving third-party plugin conflicts
Custom coding or feature implementation requests
Performance tuning, SEO setup, or server configuration assistance

If you need help or would like to request a paid customization, please contact us. We typically respond within 24–48 hours on working days.

Contact Support

Changelog & Versioning

The following is a log of all updates and changes made to GridWP PRO. We recommend always using the latest version to benefit from improvements and new features.

= Version 1.0.4 =

Fixed coding issues.

= Version 1.0.3 =

Fixed coding issues.
Many improvements.

= Version 1.0.2 =

Fixed coding issues.
Customizer updated.

= Version 1.0.0 =

Initial Release.

Date Formats

You can use the following date format values to control how dates appear in various places such as custom widgets, post metadata, news tickers, and more. These formats follow the standard PHP date formatting rules used by WordPress. Refer to the table below to choose a format that best fits your design and content style.

Format Key	Example Output
H:i	00:50
g:i a	12:50 am
g:i A	12:50 AM
g:i:s a	12:50:48 am
g:i:s A	12:50:48 AM
d.m.y	27.11.10
Y.m.d	2010.11.27
Y-m-d	2010-11-27
Y/m/d	2010/11/27
m.d.Y	11.27.2010
m-d-Y	11-27-2010
m/d/Y	11/27/2010
d.m.Y	27.11.2010
d-m-Y	27-11-2010
d/m/Y	27/11/2010
m/d/Y g:i:s a	11/27/2010 12:50:48 am
m/d/Y g:i:s A	11/27/2010 12:50:48 AM
Y/m/d \a\t g:i a	2010/11/27 at 12:50 am
Y/m/d \a\t g:i A	2010/11/27 at 12:50 AM
d F	27 November
F, Y	November, 2010
F j, Y	November 27, 2010
d M Y	27 Nov 2010
M j, Y	Nov 27, 2010
M j, Y @ H:i	Nov 27, 2010 @ 0:50
l, F j, Y	Saturday, November 27, 2010
l, F jS, Y	Saturday, November 27th, 2010

Introduction

Theme Installation

Upgrading from the Free GridWP Theme?

Method 1: Install Using the WordPress Dashboard (Easiest and Fastest)

Method 2: Install using cPanel File Manager

Method 3: Install using FTP

Troubleshooting Tips

Import Demo Content

Manual Demo Import

Step 1: Import Main Site Content

Step 2: Import Widgets

Step 3: Import Customizer Settings

Regenerate Thumbnails

Header Image

Quick Start Guide

How to Add a Header Image?

Navigation Menus

News Ticker

Step 1: Access the News Ticker Options

Step 2: Enable the News Ticker

Step 3: Configure Ticker Options

Step 4: Save Changes

Tips

Custom Widgets

Quick Start Guide

GridWP Featured Posts - Style 1

Key Features

GridWP Featured Posts - Style 2

Key Features

Usage Notes

GridWP Tabbed Widget

Key Features

Usage Notes

GridWP About Widget

Key Features

Usage Notes

GridWP Social Buttons

Key Features

Widget Areas

Header Banner

Main Sidebar

Top Full Width Widgets (Home Page Only)

Top Full Width Widgets (Posts Only)

Top Full Width Widgets (Posts/Pages Only)

Top Full Width Widgets (Every Page)

Bottom Full Width Widgets (Home Page Only)

Bottom Full Width Widgets (Posts Only)

Bottom Full Width Widgets (Posts/Pages Only)

Bottom Full Width Widgets (Every Page)

Top Widgets (Home Page Only)

Top Widgets (Posts Only)

Top Widgets (Posts/Pages Only)

Top Widgets (Every Page)

Bottom Widgets (Home Page Only)

Bottom Widgets (Posts Only)

Bottom Widgets (Posts/Pages Only)

Bottom Widgets (Every Page)

Post Bottom Widgets

Footer 1

Footer 2

Footer 3

Footer 4

How to Control Widget Visibility by Location

Custom Page Templates

Special Function Templates

Layout Templates

How to Assign a Custom Template:

How to Create a Contact Page

Step 1: Create the Contact Page

Step 2: Configure the Contact Form Email Address

How to Create a Sitemap Page

What's Included in the Sitemap Page

How to Create a Site Authors Page

Step 1: Create the Authors Page

Step 2: Customize Author Display Settings (Optional)

Customizer Theme Options

Site Identity Options

Colors Options

Font Options

Header Image Options