GridNext Documentation

GridNext is a modern and dark, attractive grid WordPress theme designed to create beautiful black magazine or responsive gallery websites. It features a 4 columns posts grid layout, sticky header and sticky sidebar, 2 navigation menus, 2 sidebars, 5 footer columns, share buttons, 60+ social profile links, custom logo support, custom header image, custom background, author bio box, RTL language support, a translation-ready codebase, and many customizer options. The theme is starter-friendly and easy to set up.

Method 1: Install via WordPress Dashboard (Recommended)

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

Method 2: Upload via WordPress Dashboard

1. Download the gridnext.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 gridnext.zip file, and click Install Now.
5. After installation, click Activate.

Method 3: Upload via FTP/File Manager

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

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

If your website already has existing posts with featured images, it's highly recommended to regenerate thumbnails after activating the GridNext 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 GridNext theme.

Use the WordPress Customizer to add or manage the header image that appears at the top of your site.

How to add a header image

1. Go to Appearance → Customize → Theme Options → Header Image.
2. Click Add new image and choose/upload your image (recommended width: 1920px or larger).
3. Crop if prompted, then click Publish.

Useful options

• Hide Header Image from Everywhere – remove the header image globally.
• Remove Link from Header Image – keep the image but remove the homepage link.
• Hide Title/Description – hide the overlaid title/description text.
• Custom Title/Description – enter your own text for the header image area.
• Header Image Destination URL – set a custom link target when the image is clicked.

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:

1. Go to Appearance → Menus and click the create a new menu link.
2. Enter a name for your menu in the Menu Name field.
3. Select a display location for your menu by checking one of the available options under Display location
4. Click the Create Menu button.
   
5. 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.
6. To create dropdown menus, simply drag and nest the submenu items beneath the parent menu item.
7. Once you've added your links, click the Save Menu button.

GridNext provides 23 widget areas for flexible content placement. Go to Appearance → Widgets to manage them.

GridNext 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.

GridNext provides extensive customization options through the WordPress Customizer. Go to Appearance → Customize to access all theme settings. The theme options are organized under the Theme Options panel.

GridNext 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 gridnext.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:

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

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

GridNext 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.

• Use a caching plugin – Install a caching plugin like W3 Total Cache, WP Super Cache, or LiteSpeed Cache to improve page load speed.
• Optimize images – Use plugins like Imagify or EWWW Image Optimizer to compress images without losing quality.
• Use an SEO plugin – Install Yoast SEO or All in One SEO to optimize your site for search engines. Yoast SEO also enables breadcrumbs on single posts.
• Use a CDN – Consider a Content Delivery Network (CDN) to serve static files faster to visitors worldwide.
• Minimize plugins – Only use necessary plugins. Each additional plugin can slow down your site.
• Keep WordPress updated – Always use the latest version of WordPress, themes, and plugins for best performance and security.
• Choose good hosting – Use quality hosting optimized for WordPress for better site speed and reliability.

How do I set up the homepage?

By default, the homepage displays your latest posts in a grid layout. If you want to use a static page, go to Settings → Reading and set "Your homepage displays" to "A static page", then select a page for the homepage.

How do I change the number of posts on the homepage?

Go to Appearance → Customize → Theme Options → Posts Grid Options and change the "Number of Posts per Page" setting.

How do I add social media icons?

Go to Appearance → Customize → Theme Options → Social Links Options. Enter the full URL for each social profile you want to display. The corresponding icon will appear automatically.

How do I disable the grid layout?

Go to Appearance → Customize → Theme Options → Posts Grid Options and check the "Activate Non-Grid Posts" option to switch to a standard list layout.

How do I add widgets to the footer?

Go to Appearance → Widgets. Add widgets to any of the Footer 1–5 Widgets areas. The footer also has Footer Top Widgets and Footer Bottom Widgets areas.

How do I change the footer copyright text?

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

How do I enable breadcrumbs?

Install and activate the Yoast SEO plugin. Enable breadcrumbs in Yoast SEO settings. The theme will automatically display them on single post pages.

How do I add a custom logo?

Go to Appearance → Customize → Site Identity and click "Select logo" to upload your logo image.

Does the theme support RTL languages?

Yes. GridNext includes full RTL (Right-to-Left) support. Simply set your WordPress site language to an RTL language, and the theme will automatically adjust the layout.

Can I use 2 sidebars at the same time?

Yes. GridNext supports 2 sidebars (Sidebar 1 Widgets and Sidebar 2 Widgets). Add widgets to both sidebar areas in Appearance → Widgets to display them.

Images are not displaying correctly

After activating the theme or importing demo content, you should regenerate thumbnails. Install the Regenerate Thumbnails plugin and run it from Tools → Regenerate Thumbnails.

Menu is not showing

Make sure you've created a menu and assigned it to a display location. Go to Appearance → Menus, create a menu, and assign it to either Primary Menu or Secondary Menu.

Sidebar widgets are not appearing

Go to Appearance → Widgets and add widgets to the Sidebar 1 Widgets or Sidebar 2 Widgets areas.

Header image is not showing

Go to Appearance → Customize → Header Image and make sure an image is uploaded. Also verify that "Hide Header Image from Everywhere" is not checked in the Header Image options.

Social icons are not appearing

Go to Appearance → Customize → Theme Options → Social Links Options and make sure "Hide Social Area" is not checked. Also verify that "Disable Secondary Menu + Social Area" is not checked in Menu Options. Enter at least one social URL to see icons.

Share buttons are not showing

Go to Appearance → Customize → Theme Options → Share Buttons Options and ensure "Hide Share Buttons from Posts Summaries" is not checked.

The theme looks different from the demo

The demo site uses specific customizer settings, widgets, menus, and content. Import the demo content (see Section 3) and regenerate thumbnails (see Section 4) to replicate the demo appearance.

CSS/Styling issues after update

Clear your browser cache and any caching plugin cache. If you're using a CDN, purge the CDN cache as well.

The GridNext 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 GridNext PRO

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

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.