GridWP Documentation

Introduction

GridWP is a responsive gallery/grid-style WordPress theme for blogs, photography sites, and portfolios. GridWP 1.0.4 includes a fixed 3-column desktop posts grid with square thumbnails, two responsive navigation menus, a right sidebar, four footer columns, sticky primary-navigation and sidebar behavior, full-width templates for posts and pages, header social links, custom logo/header/background support, and Customizer theme options.

Quick Start Guide

  1. Install & activate the theme via Appearance → Themes → Add New.
  2. Set up your menus by going to Appearance → Menus. Create menus and assign them to the Primary Menu and Secondary Menu locations.
  3. Configure widgets by going to Appearance → Widgets. Add widgets to any of the 13 registered widget areas.
  4. Customize by going to Appearance → Customize. Configure Theme Options as well as the core Header Image and Background Image sections.

Theme Features

  • Responsive Design
  • Fixed 3-Column Desktop Posts Grid with Square Thumbnails
  • Sticky Primary Menu and Sticky Sidebar
  • 2 Navigation Menus (Primary and Secondary)
  • 1 Right Sidebar and 4 Footer Widget Columns
  • 13 Widget Areas
  • Header Social Links plus Email, Telephone, RSS, and Search Controls
  • Custom Logo Support
  • Custom Header Image and Featured Header Images on Singular Content
  • Custom Background
  • Author Bio Box on Single Posts
  • Full-Width Templates for Posts and Pages
  • Translation Ready
  • Scroll-to-Top Button
  • FitVids.JS for Responsive Videos
  • 2-Second Page Fade-In Animation
  • WP-PageNavi Integration with WordPress Navigation Fallback

Theme Installation

Method 1: Install via WordPress Dashboard (Recommended)

  1. Log in to your WordPress Dashboard.
  2. Navigate to Appearance → Themes → Add New.
  3. Search for GridWP in the search box.
  4. Click Install on the GridWP theme, then click Activate.

Method 2: Upload via WordPress Dashboard

  1. Download the gridwp.zip theme file from WordPress.org.
  2. Log in to your WordPress Dashboard.
  3. Navigate to Appearance → Themes → Add New → Upload Theme.
  4. Click Choose File, select the gridwp.zip file, and click Install Now.
  5. After installation, click Activate.

Method 3: Upload via FTP/File Manager

  1. Download the gridwp.zip theme file and extract it.
  2. Connect to your server via FTP (FileZilla) or use your hosting File Manager.
  3. Upload the extracted gridwp folder to /wp-content/themes/.
  4. Go to your WordPress Dashboard → Appearance → Themes and activate GridWP.

Troubleshooting Installation Issues

  • "The uploaded file exceeds the upload_max_filesize directive" – Your hosting limits file uploads. Increase the limit via php.ini, .htaccess, or contact your host. Alternatively, use FTP.
  • "The package could not be installed. The theme is missing the style.css stylesheet" – You may be uploading the wrong file. Make sure you upload only the gridwp.zip file.

Import Demo Content

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

Manual Demo Import

Step 1: Import Main Site Content

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

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

Step 2: Import Widgets

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

Step 3: Import Customizer Settings

  1. Download: Customizer File
  2. Install the Customizer Export/Import plugin.
  3. Go to Appearance → Customize → Export/Import.
  4. 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 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.

  1. Install and activate the Regenerate Thumbnails plugin.
  2. Go to Tools → Regenerate Thumbnails.
  3. Click the "Regenerate Thumbnails for All x Attachments" button to start the process.
  4. Wait until all images are regenerated. This may take a few minutes depending on your media library size.
  5. 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 theme.

Header Image

GridWP supports the WordPress custom header image feature and can also use a post or page featured image in the header area on singular views.

How to add a header image

  1. Go to Appearance → Customize → Header Image.
  2. Click Add new image and choose or upload an image. The theme's registered header size is 1250 × 350 pixels, with flexible height enabled.
  3. Crop the image if prompted, then click Publish.

How GridWP chooses the header image

  • On archive, search, and home views, GridWP displays the configured custom header image.
  • On a single post or page with a featured image, that featured image is used in the header area.
  • If Hide Thumbnails from Posts/Pages is enabled, singular views fall back to the configured custom header image.
  • Thumbnail Link controls whether the featured header image on singular content links to that post or page.
  • Disable Featured Header Image prevents the theme's featured header-image area from being rendered.

The last three controls are available under Appearance → Customize → Theme Options, in the Post Options and Header Options sections.

Widget Areas

There are 13 widget areas in the GridWP theme. GridWP Free does not bundle custom widgets; use WordPress core widgets or plugins of your choice inside these areas.


  1. Main Sidebar

    The right-hand sidebar used on layouts that include a sidebar.

  2. Top Full Width Widgets (Home Page Only)

    A full-width widget area at the top of the homepage.

  3. Top Full Width Widgets (Every Page)

    A full-width widget area at the top of every page.

  4. Bottom Full Width Widgets (Home Page Only)

    A full-width widget area at the bottom of the homepage.

  5. Bottom Full Width Widgets (Every Page)

    A full-width widget area at the bottom of every page.

  6. Top Widgets (Home Page Only)

    A content-width widget area at the top of the homepage.

  7. Top Widgets (Every Page)

    A content-width widget area at the top of every page.

  8. Bottom Widgets (Home Page Only)

    A content-width widget area at the bottom of the homepage.

  9. Bottom Widgets (Every Page)

    A content-width widget area at the bottom of every page.

  10. Footer 1

    Footer column 1.

  11. Footer 2

    Footer column 2.

  12. Footer 3

    Footer column 3.

  13. Footer 4

    Footer column 4.

Page Templates

GridWP includes two custom page templates you can use for full-width layouts without sidebars.

  • Full Width, no sidebar (Page) — Template for pages (template-full-width-page.php)
  • Full Width, no sidebar (Post) — Template for posts (template-full-width-post.php)

How to apply a template

  1. Edit a page or post in the WordPress editor.
  2. In the Page Attributes (or Post Attributes) panel, open the Template dropdown.
  3. Select Full Width, no sidebar and update/publish.

Use featured images with sufficient width (e.g., 1222px+) for best presentation in full-width layouts.

Customizer Theme Options

To see GridWP's theme-specific Customizer options:

  1. Go to your WordPress Dashboard.
  2. Navigate to Appearance → Customize.
  3. Click Theme Options.

Header Image and Background Image are WordPress core Customizer sections enabled by GridWP. They appear at the main Customizer level, outside the Theme Options panel.

Site Identity Options

Below is the complete list of Site Identity Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
custom_logoLogoImage ID of the custom logo uploaded through the Customizer.Media UploaderInteger (attachment ID)0 (none)
blognameSite TitleMain title of the website displayed in the header when no custom logo is used.TextA stringWordPress site title
blogdescriptionTaglineShort site description displayed below the site title when no custom logo is used.TextA stringJust another WordPress site
display_header_textDisplay Site Title & TaglineShow or visually hide the site title and tagline.Checkboxtrue / falsetrue
site_iconSite IconImage ID used for the browser and app icon; a square image of at least 512 pixels is recommended.Media UploaderInteger (attachment ID)0 (none)

Colors Options

Below is the complete list of Colors Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
background_colorBackground ColorSet the site background color.Color PickerHex color code#e6e6e6
header_textcolorHeader Text ColorSet the site title and tagline color.Color PickerHex color code#333333

Header Image Options

Below is the complete list of Header Image Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
header_imageHeader ImageUpload or select the global header image. The registered size is 1250 × 350 pixels with flexible height.Media UploaderImage URL(none)

Background Image Options

Below is the complete list of Background Image Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
background_imageBackground ImageUpload or select a background image for the site.Media UploaderImage URLassets/images/background.png
background_presetPresetChoose a preset for displaying the background image.DropdownDefault / Fill Screen / Fit to Screen / Repeat / CustomDefault
background_position_xImage Position (Horizontal)Set the horizontal position of the background image.RadioLeft / Center / RightLeft
background_position_yImage Position (Vertical)Set the vertical position of the background image.RadioTop / Center / BottomTop
background_sizeImage SizeSet how the background image is sized.DropdownAuto / Contain / CoverAuto
background_repeatRepeat Background ImageChoose whether the background image repeats.CheckboxRepeat / No RepeatRepeat
background_attachmentScroll with PageChoose whether the background scrolls with the page or remains fixed.CheckboxScroll / FixedFixed

Header Options

Below is the complete list of Header Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
hide_top_barHide Header Top BarHide the top bar that contains contact details, social links, and the search button.Checkboxtrue / falsefalse
hide_header_contentHide Header ContentHide the logo/site-title area and the Secondary Menu area.Checkboxtrue / falsefalse
disable_featured_headerDisable Featured Header ImagePrevent the theme featured header-image area from being rendered.Checkboxtrue / falsefalse

Post Options

Below is the complete list of Post Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
hide_posts_headingHide HomePage Posts HeadingHide the posts heading on the first page of the blog posts index.Checkboxtrue / falsefalse
posts_headingHomePage Posts HeadingSet the heading displayed above posts on the first page of the blog posts index.TextA stringRecent Posts
thumbnail_linkThumbnail LinkChoose whether the featured image on a single post or page links to that item.DropdownYes / NoYes
hide_posted_date_homeHide Posted Date from Posts SummariesHide the published date from posts in the grid.Checkboxtrue / falsefalse
hide_posted_dateHide Posted Date from Single PostsHide the published date on single posts.Checkboxtrue / falsefalse
hide_post_author_homeHide Post Author from Posts SummariesHide the author from posts in the grid.Checkboxtrue / falsefalse
hide_post_authorHide Post Author from Single PostsHide the author on single posts.Checkboxtrue / falsefalse
hide_post_categories_homeHide Post Categories from Posts SummariesHide categories from posts in the grid.Checkboxtrue / falsefalse
hide_post_categoriesHide Post Categories from Single PostsHide categories on single posts.Checkboxtrue / falsefalse
hide_post_tags_homeHide Post Tags from Posts SummariesRegistered control intended for summary tags; GridWP 1.0.4 does not render tags in its posts-grid template.Checkboxtrue / falsefalse
hide_post_tagsHide Post Tags from Single PostsHide tags on single posts.Checkboxtrue / falsefalse
hide_comments_link_homeHide Comment Link from Posts SummariesHide the comment link from posts in the grid.Checkboxtrue / falsefalse
hide_comments_linkHide Comment Link from Single PostsHide the comment link on single posts.Checkboxtrue / falsefalse
hide_post_editHide Post Edit LinkHide the post edit link shown to users who can edit the post.Checkboxtrue / falsefalse
hide_thumbnailHide Thumbnails from Every PageReplace featured images in the posts grid with GridWP's default placeholder image.Checkboxtrue / falsefalse
hide_thumbnail_singleHide Thumbnails from Posts/PagesHide featured thumbnails on singular posts and pages; the configured header image is used as a fallback in the header area.Checkboxtrue / falsefalse
hide_author_bio_boxHide Author Bio BoxHide the author biography box below single posts.Checkboxtrue / falsefalse

Other Options

Below is the complete list of Other Options available:

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
enable_widgets_block_editorEnable Gutenberg Widget Block EditorEnable the block-based widget editor; GridWP otherwise uses the classic widget editor.Checkboxtrue / falsefalse
enable_sticky_mobile_menuEnable Sticky Menu on Small ScreenExtend the sticky Primary Menu behavior to screens 1112 pixels wide or smaller.Checkboxtrue / falsefalse
disable_primary_menuDisable Primary MenuCompletely disable the Primary Menu location on the front end.Checkboxtrue / falsefalse
disable_secondary_menuDisable Secondary MenuCompletely disable the Secondary Menu location on the front end.Checkboxtrue / falsefalse

Customizer Utility Sections

GridWP also registers the following informational and link controls. These controls do not change the theme's front-end appearance.

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
documentationDocumentationButton in the Getting Started section that opens the GridWP documentation/theme page.Button LinkNot user-configurable(empty)
contactContact UsButton in the Getting Started section that opens the ThemesDNA contact page.Button LinkNot user-configurable(empty)
recommended_pluginsRecommended PluginsInformational control recommending WP-PageNavi for numbered pagination and Regenerate Thumbnails for theme image sizes.Custom Informational ControlNot user-configurable(none)
upgrade_textGridWP ProStatic information and upgrade link in the Upgrade to Pro Version section.Static TextNot user-configurable(empty)

Translation

GridWP is translation-ready and includes a translation template for creating localized versions of its interface text.

🌐 Translating the Theme

The theme includes a gridwp.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:

After translating, save your files as:

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

Place them inside the /languages folder in the theme.

RTL note: GridWP 1.0.4 does not include a dedicated rtl.css file or theme-specific RTL layout rules. Sites using a Right-to-Left language may require custom CSS or a child theme to correct layout direction, floats, alignment, and spacing.

Performance & SEO Tips

Here are some best practices to improve your site's performance and SEO when using GridWP:

  • Use a caching plugin — Install W3 Total Cache, WP Super Cache, or LiteSpeed Cache to improve page load times.
  • Optimize images — Use plugins like Imagify or EWWW Image Optimizer to compress images.
  • Use a CDN — A Content Delivery Network (e.g., Cloudflare) serves your content from servers closest to your visitors.
  • Install an SEO plugin — Use Yoast SEO or Rank Math to manage meta tags, sitemaps, and structured data.
  • Keep WordPress updated — Always use the latest versions of WordPress, themes, and plugins.
  • Minimize plugins — Only keep the plugins you actually use.
  • Use quality hosting — A good hosting provider makes a significant difference in performance.
  • Set featured images — Always set a featured image for posts to ensure proper display in the grid layout and when sharing on social media.

FAQ

In this section, you'll find quick answers to the most frequently asked questions about using the GridWP theme. If you can't find your answer here, you can contact our support team for more help.

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

Go to Appearance → Menus → Manage Locations and reassign your existing menus to the Primary Menu or Secondary Menu location.

How do I change the number of grid columns?

GridWP 1.0.4 uses a fixed 3-column posts grid on wider screens. The free theme does not include a Customizer control for changing the column count.

How do I add social media links?

Go to Appearance → Customize → Theme Options → Social Links and enter your profile URLs. The icons appear in the header top bar.

How do I change the footer copyright text?

Go to Appearance → Customize → Theme Options → Footer and enter your custom text in the Footer copyright notice field.

How do I use a static page as my homepage?

  1. Create at least two pages (one for the homepage, one for the blog).
  2. Go to Settings → Reading.
  3. Select A static page under "Your homepage displays".
  4. Choose your homepage and posts page from the dropdowns.
  5. Click Save Changes.

How do I display numbered post pagination?

Install and activate the WP-PageNavi plugin. GridWP detects the plugin automatically and displays numbered pagination. Without it, the theme uses WordPress's standard Older posts and Newer posts navigation links.

How do I enable sticky sidebars?

GridWP enables sticky sidebar behavior automatically on desktop layouts that include the sidebar. It is not used by the full-width templates or the 404 page.

Troubleshooting

This section covers common technical problems you may encounter. 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.

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

Increase the upload limit via php.ini, .htaccess, or contact your hosting provider. Alternatively, use FTP.

The grid layout looks broken or images are misaligned

Run Regenerate Thumbnails from Tools → Regenerate Thumbnails to ensure all images match the theme's expected sizes. Make sure posts have featured images set.

Widgets are not appearing

Go to Appearance → Widgets and make sure widgets are added to the correct widget areas. Consider disabling "Enable Gutenberg Widget Block Editor" in Theme Options → Other Options.

Support & Licensing

The GridWP theme is released under the GNU General Public License v2.0 (GPL v2). You can use the theme on unlimited websites and modify the code.

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, please contact us. We typically respond within 24-48 hours on working days.

Contact Support

Upgrade to GridWP PRO

For more features including color options, font options, news ticker, related posts, and much more, consider upgrading to GridWP PRO.

Changelog & Versioning

The following is a log of all updates and changes made to GridWP. We recommend always using the latest version.

= 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.1 =

  • Fixed coding issues.
  • Improved coding.
  • Improved accessibility.

= Version 1.0.0 =

  • Initial Release.

WordPress Date Formats

GridWP uses the date format configured by WordPress when it displays published dates in post summaries and single-post metadata. To change it, go to Settings → General → Date Format. You can select a preset or enter a custom value using the PHP date formatting rules supported by WordPress. GridWP 1.0.4 does not provide a separate theme-specific date-format control.

Format KeyExample Output
H:i00:50
g:i a12:50 am
g:i A12:50 AM
g:i:s a12:50:48 am
g:i:s A12:50:48 AM
d.m.y27.11.10
Y.m.d2010.11.27
Y-m-d2010-11-27
Y/m/d2010/11/27
m.d.Y11.27.2010
m-d-Y11-27-2010
m/d/Y11/27/2010
d.m.Y27.11.2010
d-m-Y27-11-2010
d/m/Y27/11/2010
m/d/Y g:i:s a11/27/2010 12:50:48 am
m/d/Y g:i:s A11/27/2010 12:50:48 AM
Y/m/d \a\t g:i a2010/11/27 at 12:50 am
Y/m/d \a\t g:i A2010/11/27 at 12:50 AM
d F27 November
F, YNovember, 2010
F j, YNovember 27, 2010
d M Y27 Nov 2010
M j, YNov 27, 2010
M j, Y @ H:iNov 27, 2010 @ 0:50
l, F j, YSaturday, November 27, 2010
l, F jS, YSaturday, November 27th, 2010