Documentation - GridBone WordPress Theme

Introduction

GridBone is an elegant, fully responsive grid WordPress theme for gaming, portfolio, or gallery sites. It ships with theme options, a 10-column posts grid, a featured posts slider (OWL Carousel), two navigation menus, header and footer notice areas, full-width post/page templates, sticky menu plus sticky sidebars, ad positions, five footer widget columns, header/footer background images, post share buttons, 60+ social profile links, WooCommerce support, Yoast SEO breadcrumbs support, RTL language support, and a translation-ready codebase. It is starter-friendly and quick to set up.

Download Theme Live Demo Upgrade to PRO

Quick Start Guide

Install & activate the theme via Appearance → Themes → Add New.
Set up your menus by going to Appearance → Menus. Create a menu and assign it to the Primary or Secondary location.
Configure widgets by going to Appearance → Widgets. Add widgets to the sidebar or the five footer widget columns.
Customize by going to Appearance → Customize → Theme Options. Enable the featured posts slider, set social links, adjust header/footer notices, and toggle sticky menu/sidebars.

Theme Features

Responsive Design
10 Columns Posts Grid
Featured Posts Slider (OWL Carousel)
2 Navigation Menus (Primary and Secondary)
Sticky Menu and Sticky Sidebars
Header and Footer Notice Areas
1 Sidebar and 5 Footer Widget Columns
Multiple Full-Width Widget Areas
60+ Social Profile Links
Post Share Buttons
Custom Logo Support
Custom Header Image
Custom Background
Background Image Support for Header and Footer
Author Bio Box
Ad Positions (Under Post Title, Under Post Content)
WooCommerce Support
Yoast SEO Breadcrumbs Support
RTL Language Support
Translation Ready
Back to Top Button
Loading Animation
FitVids.JS for Responsive Videos

Theme Installation

Method 1: Install via WordPress Dashboard (Recommended)

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

Method 2: Upload via WordPress Dashboard

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

Method 3: Upload via FTP/File Manager

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

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 gridbone.zip file.

Import Demo Content

You can import the demo content, widgets, and Customizer settings shown in the GridBone 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 GridBone 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 GridBone theme.

Header Image

Use a header image to add a strong visual intro to your site. You can set it up and fine-tune it via Appearance → Customize → Theme Options → Header Image.

Set a Header Image

Go to Appearance → Customize → Theme Options → Header Image.
Click Add new image, upload/select an image, and crop if desired.
Publish to save.

Header Image Options

Hide Header Image from Everywhere or Remove Link from Header Image.
Hide both Title and Description from Header Image (or hide them individually with the Title/Description checkboxes).
Show Header Image Title/Description on Smaller Screens (works only when those elements are not hidden above).
Add Custom Title/Custom Description to Header Image, then fill the custom title/description fields.
Header Image Destination URL to override the click target; Header Image Alt Text (defaults to site title).
Add a Minimum Height to Header Image on Smaller Screens and set the pixel value (effective only when the cover option is checked).

Related styling: header padding and search box placeholder can be adjusted under Appearance → Customize → Theme Options → Header Options.

Slider

The GridBone theme includes a built-in featured posts slider powered by OWL Carousel.

Enabling the Slider

Go to Appearance → Customize → Theme Options → Slider Options.
Check Enable Slider.
Configure the slider settings such as display location, number of posts, post type (Recent Posts, Category Posts, or Tag Posts), ordering, and thumbnail size.
You can also enable autoplay, loop, dots navigation, and adjust autoplay speed and timeout.

Slider Tips

For best results, make sure your posts have featured images set.
You can choose from three thumbnail sizes: 125:125, 480:360, or 480:480.
The slider can display post titles, author, date, categories, tags, and snippets – each can be individually shown or hidden.
Choose where the slider appears: Home Page, Static Home Page, Blog Posts Index Page, or Everywhere.

Widget Areas

The GridBone theme provides 22 widget areas. To add widgets, go to Appearance → Widgets and drag widgets into the desired area.

#	Widget Area Name	Description
1	Sidebar 1 Widgets	Located on the left-hand side of your web page.
2	Top Full Width Widgets (Default HomePage)	Full-width area after the header, shown on default homepage only.
3	Top Full Width Widgets (Everywhere)	Full-width area after the header, shown on every page.
4	Above Content Widgets (Default HomePage)	Above the main content (above posts), shown on default homepage only.
5	Above Content Widgets (Everywhere)	Above the main content (above posts), shown on every page.
6	Top Left Widgets (Default HomePage)	Left top area, shown on default homepage only.
7	Top Left Widgets (Everywhere)	Left top area, shown on every page.
8	Top Right Widgets (Default HomePage)	Right top area, shown on default homepage only.
9	Top Right Widgets (Everywhere)	Right top area, shown on every page.
10	Below Content Widgets (Default HomePage)	Below the main content (below posts), shown on default homepage only.
11	Below Content Widgets (Everywhere)	Below the main content (below posts), shown on every page.
12	Bottom Full Width Widgets (Default HomePage)	Full-width area before the footer, shown on default homepage only.
13	Bottom Full Width Widgets (Everywhere)	Full-width area before the footer, shown on every page.
14	Single Post Bottom Widgets	Located at the bottom of single posts (except attachments and pages).
15	Footer Top Widgets	Located on the top of the footer.
16	Footer 1 Widgets	Footer column 1.
17	Footer 2 Widgets	Footer column 2.
18	Footer 3 Widgets	Footer column 3.
19	Footer 4 Widgets	Footer column 4.
20	Footer 5 Widgets	Footer column 5.
21	Footer Bottom Widgets	Located on the bottom of the footer.
22	404 Page Widgets	Located on the 404 (not found) page.

Note

You can hide the footer widgets from Appearance → Customize → Theme Options → Footer Options.
The footer area supports a 5-column layout.

Page Templates

The GridBone theme includes the following templates:

Default Template – Standard layout with sidebar (used by pages by default).
Full Width Page – No sidebar, full-width content (applies to pages).
Full Width Post – No sidebar, full-width content (applies to posts).

How to Use a Page Template

Go to Pages → Add New (or edit a page).
In the right panel, find the Page Attributes / Template dropdown.
Select the desired template and click Publish or Update.

How to Use the Full Width Post Template

Go to Posts → Add New (or edit a post).
In the right panel, open Template and choose Full Width Post.
Click Publish or Update.

Customizer Theme Options

To access theme options, go to Appearance → Customize → Theme Options. Below is a detailed reference for all available options.

10.1 Site Identity Options

Path: Appearance → Customize → Site Identity

Option ID	Option Name	Description	Control Type	Accepted Value	Default
custom_logo	Logo	Upload a custom logo for the site.	Image Upload	Image	None
blogname	Site Title	The name of your site.	Text	Text	Site name
blogdescription	Tagline	A short description of your site.	Text	Text	Site tagline
site_icon	Site Icon	Browser/app icon; should be square (at least 512×512 px).	Image Upload	Image	None
display_header_text	Display Site Title & Tagline	Toggle visibility of the site title/tagline on the front-end (they remain in markup for accessibility when off).	Checkbox	true/false	true
gridbone_options[logo_location]	Logo Location	Choose how the logo is placed relative to the title/tagline.	Select	beside-title, above-title	above-title
gridbone_options[limit_logo_width]	Limit the Logo Width	Enable a max-width constraint for the logo.	Checkbox	true/false	false
gridbone_options[logo_max_width]	Max Width of the Logo	Pixel (or CSS) value for logo max-width; only applies when the limit option is enabled.	Text	CSS size (e.g., 300px)	300px

10.2 Colors Options

Path: Appearance → Customize → Colors

Option ID	Name	Description	Control Type	Accepted Value	Default
header_textcolor	Header Text Color	Change the color of the site title and tagline in the header.	Color Picker	Hex Color	Theme default
background_color	Background Color	Change the background color of the site.	Color Picker	Hex Color	Theme default

10.3 Header Image Options

Path: Appearance → Customize → Header Image

Option ID	Option Name	Description	Control Type	Accepted Value	Default
header_image	Header Image	Upload/select the header image.	Image Upload	Image	None
gridbone_options[hide_header_image]	Hide Header Image from Everywhere	Completely hide the header image site-wide.	Checkbox	true/false	false
gridbone_options[remove_header_image_link]	Remove Link from Header Image	Disable the click-through link on the header image.	Checkbox	true/false	false
gridbone_options[hide_header_image_details]	Hide both Title and Description from Header Image	Hide both the site title and tagline over the header image.	Checkbox	true/false	false
gridbone_options[hide_header_image_title]	Hide Title from Header Image	Hide only the site title on the header image.	Checkbox	true/false	false
gridbone_options[hide_header_image_description]	Hide Description from Header Image	Hide only the site tagline on the header image.	Checkbox	true/false	false
gridbone_options[header_image_title_mobile]	Show Header Image Title on Smaller Screens	Show the title on mobile; no effect if title is hidden above.	Checkbox	true/false	false
gridbone_options[header_image_description_mobile]	Show Header Image Description on Smaller Screens	Show the description on mobile; no effect if description is hidden above.	Checkbox	true/false	false
gridbone_options[header_image_custom_text]	Add Custom Title/Custom Description to Header Image	Enable custom header text fields below.	Checkbox	true/false	false
gridbone_options[header_image_custom_title]	Header Image Custom Title	Custom title text displayed on the header image.	Text	Text	Empty
gridbone_options[header_image_custom_description]	Header Image Custom Description	Custom description text displayed on the header image.	Text	Text	Empty
gridbone_options[header_image_destination]	Header Image Destination URL	Override the header image click-through URL (defaults to homepage).	Text	URL	Empty
gridbone_options[header_image_cover]	Add a Minimum Height to Header Image on Smaller Screens	Enable minimum height (cover mode) on small screens.	Checkbox	true/false	false
gridbone_options[header_image_height_mobile]	Header Image Minimum Height on Smaller Screens	Minimum height value; works only when cover mode is enabled.	Text	CSS size (e.g., 200px)	200px
gridbone_options[header_image_alt_text]	Header Image Alt Text	Alt text for the header image (defaults to site title).	Text	Text	Site title

10.4 Background Image Options

Path: Appearance → Customize → Background Image

Option ID	Name	Description	Control Type	Accepted Value	Default
background_image	Background Image	Upload a background image for your site.	Image Upload	Image	None
background_preset	Preset	Choose a preset for background image display.	Select	Default, Fill Screen, Fit to Screen, Repeat, Custom	Default
background_position_x	Image Position (Horizontal)	Set horizontal position.	Select	Left, Center, Right	Center
background_position_y	Image Position (Vertical)	Set vertical position.	Select	Top, Center, Bottom	Center
background_size	Image Size	Control the size of the background image.	Select	Auto, Contain, Cover	Auto
background_repeat	Repeat Background Image	Choose whether the background image repeats.	Checkbox	true/false	true
background_attachment	Scroll with Page	Whether the background image scrolls with the page or stays fixed.	Checkbox	true/false	true

10.5 Menu Options

Path: Appearance → Customize → Theme Options → Menu Options

Option ID	Option Name	Description	Control Type	Accepted Value	Default
gridbone_options[primary_menu_text]	Primary Menu Mobile Text	Label shown on the primary menu toggle on mobile.	Text	Text	Menu
gridbone_options[disable_primary_menu]	Disable Primary Menu	Turn off the primary navigation.	Checkbox	true/false	false
gridbone_options[disable_sticky_menu]	Disable Sticky Feature from Primary Menu	Prevent the primary menu from sticking on scroll (desktop).	Checkbox	true/false	false
gridbone_options[enable_sticky_mobile_menu]	Enable Sticky Feature for Primary Menu on Small Screen	Keep the primary menu fixed on mobile devices.	Checkbox	true/false	false
gridbone_options[center_primary_menu]	Center Primary Menu	Center-align primary menu items.	Checkbox	true/false	false
gridbone_options[secondary_menu_text]	Secondary Menu Mobile Text	Label shown on the secondary menu toggle on mobile.	Text	Text	Menu
gridbone_options[disable_secondary_menu]	Disable Secondary Menu	Turn off the secondary navigation.	Checkbox	true/false	false
gridbone_options[secondary_menu_location]	Select Secondary Menu Location	Choose where the secondary menu is displayed.	Select	before-header, after-header, before-footer, after-footer	before-header
gridbone_options[center_secondary_menu]	Center Secondary Menu	Center-align secondary menu items.	Checkbox	true/false	false

10.6 Header Options

Path: Appearance → Customize → Theme Options → Header Options

Option ID	Option Name	Description	Control Type	Accepted Value	Default
gridbone_options[hide_tagline]	Hide Tagline	Hide the site tagline in the header area.	Checkbox	true/false	false
gridbone_options[hide_header_content]	Hide Header Content	Hide the entire header content block.	Checkbox	true/false	false
gridbone_options[header_padding]	Header Padding	Padding for header content (supports CSS units).	Text	CSS size	10px
gridbone_options[search_box_placeholder_text]	Search Box Placeholder Text	Placeholder text shown in the header search box.	Text	Text	Enter your search keyword...
gridbone_options[enable_header_notice]	Enable Header Notice	Turn on the header notification bar.	Checkbox	true/false	false
gridbone_options[header_notice_text]	Header Notice	Content shown inside the header notice (text or HTML/ad code).	Textarea	HTML/Text	Empty
gridbone_options[header_notice_display]	Header Notice Display Location	Choose where the notice appears.	Select	Home Page, Static Home Page, Blog Posts Index Page, Everywhere	Everywhere
gridbone_options[no_center_header_notice]	Do not Center Header Notice	Left-align the header notice instead of centering it.	Checkbox	true/false	false
gridbone_options[header_content_image]	Header Content Background Image	Background image for the header content area.	Cropped Image Upload	Image	None
gridbone_options[header_content_bg_size]	Header Content Background Image Size	Background-size for the header content image.	Select	auto, cover, contain	cover
gridbone_options[header_content_bg_position]	Header Content Background Image Position	Background-position for the header content image.	Select	left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom	center top
gridbone_options[header_content_bg_attachment]	Header Content Background Image Attachment	Background-attachment for the header content image.	Select	scroll, fixed, local	scroll
gridbone_options[header_content_bg_repeat]	Header Content Background Image Repeat	Background-repeat for the header content image.	Select	repeat, repeat-x, repeat-y, no-repeat	no-repeat

10.7 Slider Options

Path: Appearance → Customize → Theme Options → Slider Options

Option ID	Name	Description	Control Type	Accepted Value	Default
enable_slider	Enable Slider	Enable the featured posts slider.	Checkbox	true/false	false
show_slider_heading	Show Slider Heading	Show the heading above the slider.	Checkbox	true/false	false
slider_heading	Slider Heading	The heading text above the slider.	Text	Text	Featured Posts Slider
slider_display	Slider Display Location	Select the slider display location.	Select	Home Page, Static Home Page, Blog Posts Index Page, Everywhere	front-page
slider_length	Number of Posts on Slider	Enter the number of posts to display in the slider area.	Text	Positive Integer	10
slider_post_type	Slider Posts Type	Select a post type to display in slider.	Select	Recent Posts, Category Posts, Tag Posts	recentposts
slider_cat	Slider Posts Category	Select a category if "Slider Posts Type" is Category Posts.	Category Dropdown	Category ID	0
slider_tag	Slider Posts Tag	Select a tag if "Slider Posts Type" is Tag Posts.	Tag Dropdown	Tag ID	0
slider_post_orderby	Slider Posts Orderby	Select a posts orderby value for slider.	Select	Published Date, Modified Date, Number of Comments	date
slider_post_order	Slider Posts Order	Select a posts order value for slider.	Select	Ascending order, Descending order	DESC
slider_thumb_style	Featured Images Size of Slider	Select the thumbnail size for the slider.	Select	125:125, 480:360, 480:480	gridbone-480w-480h-image
hide_thumbnail_slider	Hide Featured Images from Slider	Hide featured images in the slider.	Checkbox	true/false	false
hide_default_thumbnail_slider	Hide Default Featured Image from Slider	Hide the default thumbnail when no featured image is set.	Checkbox	true/false	false
remove_thumbnail_slider_link	Remove Links from Slider Featured Images	Remove the clickable link from slider featured images.	Checkbox	true/false	false
hide_post_title_slider	Hide Post Titles from Slider	Hide post titles in the slider.	Checkbox	true/false	false
remove_post_title_slider_link	Remove Links from Slider Post Titles	Remove the clickable link from slider post titles.	Checkbox	true/false	false
limit_slider_post_titles	Limit the Length of Slider Post Titles	Limit the number of words in slider post titles.	Checkbox	true/false	false
post_title_length_slider	Maximum Length of Slider Post Titles	Maximum number of words to display in slider post titles.	Text	Positive Integer	6
hide_slide_author	Hide Post Authors from Slider	Hide the post author in the slider.	Checkbox	true/false	false
slide_author_text	Slider Post Author Pre Text	Text to display before post author.	Text	HTML/Text	By
hide_slide_date	Hide Posted Dates from Slider	Hide the post date in the slider.	Checkbox	true/false	false
slider_dateformat	Slider Date Format	Date format for slider dates.	Text	PHP Date Format	F j, Y
slide_date_type	Slider Post Date Type	Choose to display published or updated date.	Select	Published, Updated	updated
slide_published_date_text	Slider Post Published Date Pre Text	Text to display before published post date.	Text	HTML/Text	Posted on
slide_updated_date_text	Slider Post Updated Date Pre Text	Text to display before post updated date.	Text	HTML/Text	Updated on
show_slide_comments	Show Post Comments on Slider	Show post comments count on the slider.	Checkbox	true/false	false
slide_comments_text	Slider Post Comments Pre Text	Text to display before post comments.	Text	HTML/Text	Empty
hide_slide_cats	Hide Post Categories from Slider	Hide the post categories in the slider.	Checkbox	true/false	false
show_slide_tags	Show Post Tags on Slider	Show the post tags in the slider.	Checkbox	true/false	false
slide_tag_links_text	Slider Post Tags Pre Text	Text to display before post tags.	Text	HTML/Text	Tagged
hide_post_snippet_slider	Hide Post Snippets from Slider	Hide post excerpts/snippets in the slider.	Checkbox	true/false	false
snippet_type_slider	Post Snippets Type of Slider	Choose the snippet type for slider posts.	Select	Post Excerpt, Post Content	postexcerpt
snippet_length_slider	Post Snippets Length of Slider	Number of words to display in slider post summaries.	Text	Positive Integer	17
center_slide_content	Center the Content of Slider	Center the content inside slider items.	Checkbox	true/false	false
slider_autoplay	Enable Autoplay for Slider	Automatically advance slides.	Checkbox	true/false	false
slider_autoplayhoverpause	Enable "Pause on Mouse Hover" Feature for Slider	Pause autoplay on mouse hover.	Checkbox	true/false	false
slider_autoplaytimeout	Slider "Autoplay Interval Timeout"	Autoplay interval timeout in milliseconds.	Text	Positive Integer	1000
slider_autoplayspeed	Slider "Autoplay Speed"	Autoplay speed in milliseconds.	Text	Positive Integer	200
slider_loop	Enable "Loop" Feature for Slider	Duplicate last and first slide items for loop illusion.	Checkbox	true/false	false
show_dots_pagination	Show Dots Navigation (Pagination) on Slider	Show dots pagination below the slider.	Checkbox	true/false	false
hide_next_prev_navigation	Hide next/prev Buttons (Navigation) from Slider	Hide the next and previous navigation buttons.	Checkbox	true/false	false
enable_autoheight	Enable "Auto Height" Feature on Slider	Automatically adjust slider height based on content.	Checkbox	true/false	false

10.8 Posts Grid Options

Path: Appearance → Customize → Theme Options → Posts Grid Options

To display your latest posts as a grid on your homepage, please set the "Your homepage displays" option to "Your latest posts." You can find this setting in your WordPress Dashboard by navigating to Settings → Reading → Your homepage displays.

Option ID	Name	Description	Control Type	Accepted Value	Default
hide_posts_home	Hide Blog Posts from HomePage	Hide the blog posts from the homepage.	Checkbox	true/false	false
hide_posts_heading	Hide HomePage Posts Heading	Hide the heading above the posts grid on homepage.	Checkbox	true/false	false
posts_heading	HomePage Posts Heading	The heading text displayed above the posts grid.	Text	Text	Recent Posts
posts_per_page	Number of Posts per Page	Set the maximum number of posts displayed on each blog page.	Text	Positive Integer	WordPress default
grid_link_disable	Remove Grid URLs	Remove all clickable links from grid posts.	Checkbox	true/false	false
grid_thumb_position	Grid Thumbnails Background Position	Select the background position of thumbnails in the post grid.	Select	Top, Bottom, Left, Right, Center, Initial	top
hide_grid_title	Hide Grid Titles	Hide the titles from grid posts.	Checkbox	true/false	false
grid_title_style	Grid Titles Display Style	Select how titles are displayed in the post grid.	Select	Always show titles, Display titles when hovering over, Hide titles when hovering over, Always hide titles	always-show
limit_grid_titles	Limit the Length of Grid Titles	Limit the number of words in grid post titles.	Checkbox	true/false	false
grid_title_length	Maximum Length of Grid Titles	Maximum number of words in grid titles. Only works if "Limit the Length of Grid Titles" is checked.	Text	Positive Integer	6
remove_grid_item_borders	Remove Borders from Grid Posts	Remove the borders around grid post items.	Checkbox	true/false	false
grid_item_border_radius	Border Radius of Grid Posts	Set the border-radius value of grid posts (e.g., "5px", "10px").	Text	CSS Value	0px

10.9 Post Options

Path: Appearance → Customize → Theme Options → Post Options

Option ID	Name	Description	Control Type	Accepted Value	Default
thumbnail_link	Featured Image Link	Whether the featured image in a single post should be linked to its post.	Select	Yes, No	yes
hide_thumbnail	Hide Featured Image from Full Post	Hide the featured image on single posts.	Checkbox	true/false	false
featured_media_under_post_title	Move Featured Image to Bottom of Full Post Title	Display the featured image below the post title instead of above.	Checkbox	true/false	false
auto_width_thumbnail	Do not Stretch Small Featured Image in Full Post	Prevent small featured images from being stretched to full width.	Checkbox	true/false	false
hide_post_breadcrumbs	Hide Breadcrumbs from Full Post	Hide Yoast SEO breadcrumbs on single posts. Requires Yoast SEO plugin.	Checkbox	true/false	false
hide_post_title	Hide Post Header from Full Post	Hide the post header/title area.	Checkbox	true/false	false
remove_post_title_link	Remove Link from Full Post Title	Remove the clickable link from the post title.	Checkbox	true/false	false
hide_post_date	Hide Post Date from Full Post	Hide the post date on single posts.	Checkbox	true/false	false
post_date_type	Post Date Type	Choose to display published or updated date.	Select	Published, Updated	updated
post_published_date_text	Post Published Date Pre Text	Text to display before published post date.	Text	HTML/Text	Posted on
post_updated_date_text	Post Updated Date Pre Text	Text to display before post updated date.	Text	HTML/Text	Last updated on
hide_post_author	Hide Post Author from Full Post	Hide the post author on single posts.	Checkbox	true/false	false
post_author_text	Post Author Pre Text	Text to display before post author.	Text	HTML/Text	Posted by
hide_post_categories	Hide Post Categories from Full Post	Hide the post categories on single posts.	Checkbox	true/false	false
post_cat_links_text	Post Categories Pre Text	Text to display before post categories.	Text	HTML/Text	Posted in
hide_post_tags	Hide Post Tags from Full Post	Hide the post tags on single posts.	Checkbox	true/false	false
post_tag_links_text	Post Tags Pre Text	Text to display before post tags.	Text	HTML/Text	Tagged
hide_comments_link	Hide Comment Link from Full Post	Hide the comments link on single posts.	Checkbox	true/false	false
post_comments_text	Post Comments Pre Text	Text to display before post comments.	Text	HTML/Text	Empty
hide_comment_form	Hide Comments/Comment Form from Full Post	Hide the comments section and comment form.	Checkbox	true/false	false
hide_post_edit	Hide Post Edit Link	Hide the edit link on single posts.	Checkbox	true/false	false
hide_author_bio_box	Hide Author Bio Box	Hide the author biography box below post content.	Checkbox	true/false	false
read_more_length	Post Excerpt Length	Number of words to display in post excerpts.	Text	Positive Integer	17
no_underline_content_links	Do not Underline the Links within the Content	Remove underlines from links inside post content.	Checkbox	true/false	false
enable_post_ad_one	Show Post Ad 1	Enable the first ad position (under post title).	Checkbox	true/false	false
post_ad_one_code	Post Ad 1 Code	Ad code for the position under post title.	Textarea	HTML/Text	Empty
no_center_post_ad_one	Do not Center Post Ad 1	Disable centering of Post Ad 1.	Checkbox	true/false	false
enable_post_ad_two	Show Post Ad 2	Enable the second ad position (under post content).	Checkbox	true/false	false
post_ad_two_code	Post Ad 2 Code	Ad code for the position under post content.	Textarea	HTML/Text	Empty
no_center_post_ad_two	Do not Center Post Ad 2	Disable centering of Post Ad 2.	Checkbox	true/false	false

10.10 Posts Navigation Options

Path: Appearance → Customize → Theme Options → Posts Navigation Options

Option ID	Name	Description	Control Type	Accepted Value	Default
hide_post_navigation	Hide Post Navigation from Full Posts	Hide the previous/next post navigation on single posts.	Checkbox	true/false	false
hide_posts_navigation	Hide Posts Navigation from Home/Archive/Search Pages	Hide the posts pagination on archive pages.	Checkbox	true/false	false
posts_navigation_type	Posts Navigation Type	Select posts navigation type. If WP-PageNavi plugin is active, it will replace this navigation.	Select	Normal Navigation, Numbered Navigation	numberednavi

10.11 Page Options

Path: Appearance → Customize → Theme Options → Page Options

Option ID	Name	Description	Control Type	Accepted Value	Default
thumbnail_link_page	Featured Image Link	Whether the featured image in a page should be linked to its page.	Select	Yes, No	yes
hide_page_thumbnail	Hide Featured Image from Single Page	Hide the featured image on single pages.	Checkbox	true/false	false
featured_media_under_page_title	Move Featured Image to Bottom of Page Title	Display the featured image below the page title.	Checkbox	true/false	false
hide_page_title	Hide Page Header from Single Page	Hide the page title/header area.	Checkbox	true/false	false
remove_page_title_link	Remove Link from Single Page Title	Remove the clickable link from the page title.	Checkbox	true/false	false
hide_page_date	Hide Page Date from Single Page	Hide the page date on single pages.	Checkbox	true/false	false
page_date_type	Page Date Type	Choose to display published or updated date of the page.	Select	Published, Updated	updated
page_published_date_text	Page Published Date Pre Text	Text to display before published page date.	Text	HTML/Text	Posted on
page_updated_date_text	Page Updated Date Pre Text	Text to display before page updated date.	Text	HTML/Text	Last updated on
hide_page_author	Hide Page Author from Single Page	Hide the page author on single pages.	Checkbox	true/false	false
page_author_text	Page Author Pre Text	Text to display before page author.	Text	HTML/Text	Posted by
hide_page_comments	Hide Comment Link from Single Page	Hide the comments link on single pages.	Checkbox	true/false	false
page_comments_text	Page Comments Pre Text	Text to display before page comments.	Text	HTML/Text	Empty
hide_page_comment_form	Hide Comments/Comment Form from Single Page	Hide the comments section and comment form on pages.	Checkbox	true/false	false
hide_page_edit	Hide Edit Link from Single Page	Hide the edit link on single pages.	Checkbox	true/false	false
hide_static_page_title	Hide Page Header from Static Homepage	Hide the page title on a static homepage.	Checkbox	true/false	false
hide_static_page_meta	Hide Page Meta Data from Static Homepage	Hide page date, author, and comment link from the static homepage.	Checkbox	true/false	false

10.12 Social Links Options

Path: Appearance → Customize → Theme Options → Social Links Options

The GridBone theme supports 60+ social profile links. Enter the full URL for each social profile you want to display. Leave blank to hide.

Option ID	Name	Description	Control Type	Accepted Value	Default
hide_social_buttons	Hide Social + Search + Login/Logout Buttons	Hide all social buttons, search button, and login/logout button.	Checkbox	true/false	false
show_search_button	Show Search Button	Show the search button in the social buttons area.	Checkbox	true/false	false
show_login_button	Show Login/Logout Button	Show the login/logout button in the social buttons area.	Checkbox	true/false	false
twitterlink	X URL	Your X (Twitter) profile URL.	Text	URL	Empty
facebooklink	Facebook URL	Your Facebook profile/page URL.	Text	URL	Empty
threadslink	Threads URL	Your Threads profile URL.	Text	URL	Empty
pinterestlink	Pinterest URL	Your Pinterest profile URL.	Text	URL	Empty
linkedinlink	Linkedin Link	Your Linkedin profile URL.	Text	URL	Empty
instagramlink	Instagram Link	Your Instagram profile URL.	Text	URL	Empty
vklink	VK Link	Your VK profile URL.	Text	URL	Empty
flickrlink	Flickr Link	Your Flickr profile URL.	Text	URL	Empty
youtubelink	Youtube URL	Your Youtube channel URL.	Text	URL	Empty
vimeolink	Vimeo URL	Your Vimeo profile URL.	Text	URL	Empty
soundcloudlink	Soundcloud URL	Your Soundcloud profile URL.	Text	URL	Empty
messengerlink	Messenger URL	Your Messenger URL.	Text	URL	Empty
whatsapplink	WhatsApp URL	Your WhatsApp URL.	Text	URL	Empty
tiktoklink	TikTok URL	Your TikTok profile URL.	Text	URL	Empty
lastfmlink	Lastfm URL	Your Lastfm profile URL.	Text	URL	Empty
mediumlink	Medium URL	Your Medium profile URL.	Text	URL	Empty
githublink	Github URL	Your Github profile URL.	Text	URL	Empty
bitbucketlink	Bitbucket URL	Your Bitbucket profile URL.	Text	URL	Empty
tumblrlink	Tumblr URL	Your Tumblr profile URL.	Text	URL	Empty
digglink	Digg URL	Your Digg profile URL.	Text	URL	Empty
deliciouslink	Delicious URL	Your Delicious profile URL.	Text	URL	Empty
stumblelink	Stumbleupon URL	Your Stumbleupon profile URL.	Text	URL	Empty
mixlink	Mix URL	Your Mix profile URL.	Text	URL	Empty
redditlink	Reddit URL	Your Reddit profile URL.	Text	URL	Empty
dribbblelink	Dribbble URL	Your Dribbble profile URL.	Text	URL	Empty
flipboardlink	Flipboard URL	Your Flipboard profile URL.	Text	URL	Empty
bloggerlink	Blogger URL	Your Blogger profile URL.	Text	URL	Empty
etsylink	Etsy URL	Your Etsy profile URL.	Text	URL	Empty
behancelink	Behance URL	Your Behance profile URL.	Text	URL	Empty
amazonlink	Amazon URL	Your Amazon profile URL.	Text	URL	Empty
meetuplink	Meetup URL	Your Meetup profile URL.	Text	URL	Empty
mixcloudlink	Mixcloud URL	Your Mixcloud profile URL.	Text	URL	Empty
slacklink	Slack URL	Your Slack workspace URL.	Text	URL	Empty
snapchatlink	Snapchat URL	Your Snapchat profile URL.	Text	URL	Empty
spotifylink	Spotify URL	Your Spotify profile URL.	Text	URL	Empty
yelplink	Yelp URL	Your Yelp profile URL.	Text	URL	Empty
wordpresslink	WordPress URL	Your WordPress profile URL.	Text	URL	Empty
twitchlink	Twitch URL	Your Twitch profile URL.	Text	URL	Empty
telegramlink	Telegram URL	Your Telegram profile URL.	Text	URL	Empty
bandcamplink	Bandcamp URL	Your Bandcamp profile URL.	Text	URL	Empty
quoralink	Quora URL	Your Quora profile URL.	Text	URL	Empty
foursquarelink	Foursquare URL	Your Foursquare profile URL.	Text	URL	Empty
deviantartlink	DeviantArt URL	Your DeviantArt profile URL.	Text	URL	Empty
imdblink	IMDB URL	Your IMDB profile URL.	Text	URL	Empty
codepenlink	Codepen URL	Your Codepen profile URL.	Text	URL	Empty
jsfiddlelink	JSFiddle URL	Your JSFiddle profile URL.	Text	URL	Empty
stackoverflowlink	Stack Overflow URL	Your Stack Overflow profile URL.	Text	URL	Empty
stackexchangelink	Stack Exchange URL	Your Stack Exchange profile URL.	Text	URL	Empty
bsalink	BuySellAds URL	Your BuySellAds profile URL.	Text	URL	Empty
web500pxlink	500px URL	Your 500px profile URL.	Text	URL	Empty
ellolink	Ello URL	Your Ello profile URL.	Text	URL	Empty
discordlink	Discord URL	Your Discord server/profile URL.	Text	URL	Empty
goodreadslink	Goodreads URL	Your Goodreads profile URL.	Text	URL	Empty
odnoklassnikilink	Odnoklassniki URL	Your Odnoklassniki profile URL.	Text	URL	Empty
houzzlink	Houzz URL	Your Houzz profile URL.	Text	URL	Empty
pocketlink	Pocket URL	Your Pocket profile URL.	Text	URL	Empty
xinglink	XING URL	Your XING profile URL.	Text	URL	Empty
mastodonlink	Mastodon URL	Your Mastodon profile URL.	Text	URL	Empty
googleplaylink	Google Play URL	Your Google Play developer URL.	Text	URL	Empty
slidesharelink	SlideShare URL	Your SlideShare profile URL.	Text	URL	Empty
dropboxlink	Dropbox URL	Your Dropbox profile URL.	Text	URL	Empty
paypallink	PayPal URL	Your PayPal profile URL.	Text	URL	Empty
viadeolink	Viadeo URL	Your Viadeo profile URL.	Text	URL	Empty
wikipedialink	Wikipedia URL	Your Wikipedia profile URL.	Text	URL	Empty
skypeusername	Skype Username	Your Skype username.	Text	Text	Empty
emailaddress	Email Address	Your public email address.	Text	Email	Empty
rsslink	RSS Feed URL	Your RSS feed URL.	Text	URL	Empty

10.13 Share Buttons Options

Path: Appearance → Customize → Theme Options → Share Buttons Options

Option ID	Name	Description	Control Type	Accepted Value	Default
hide_share_buttons	Hide Share Buttons from Single Posts	Hide all share buttons on single posts.	Checkbox	true/false	false
hide_share_text	Hide Share Text from Single Posts	Hide the "Share:" text label.	Checkbox	true/false	false
share_text	Share Text for Single Posts	The text label displayed before share buttons.	Text	Text	Share:
hide_share_twitter	Hide X Share Button from Single Posts	Hide the X (Twitter) share button.	Checkbox	true/false	false
hide_share_facebook	Hide Facebook Share Button from Single Posts	Hide the Facebook share button.	Checkbox	true/false	false
hide_share_pinterest	Hide Pinterest Share Button from Single Posts	Hide the Pinterest share button.	Checkbox	true/false	false
hide_share_linkedin	Hide Linkedin Share Button from Single Posts	Hide the Linkedin share button.	Checkbox	true/false	false

10.14 Footer Options

Path: Appearance → Customize → Theme Options → Footer Options

Option ID	Name	Description	Control Type	Accepted Value	Default
footer_text	Footer Copyright Notice	Custom copyright text for the footer area.	Text	HTML/Text	Empty
hide_footer_widgets	Hide Footer Widgets	Hide the footer widget areas.	Checkbox	true/false	false
disable_backtotop	Disable Back to Top Button	Disable the "Back to Top" button.	Checkbox	true/false	false
enable_footer_notice	Enable Footer Notice	Enable the footer notification area.	Checkbox	true/false	false
footer_notice_text	Footer Notice	Enter a message to display in the footer notification area. You can add custom text or an ad code here.	Textarea	HTML/Text	Empty
footer_notice_display	Footer Notice Display Location	Select the footer notice display location.	Select	Home Page, Static Home Page, Blog Posts Index Page, Everywhere	everywhere
no_center_footer_notice	Do not Center Footer Notice	Disable centering of the footer notice text.	Checkbox	true/false	false
footer_content_image	Footer Content Background Image	Upload a background image for the footer content area.	Image Upload	Image	None
footer_content_bg_size	Footer Content Background Image Size	Select the background size value for footer content background image.	Select	Auto, Cover, Contain	cover
footer_content_bg_position	Footer Content Background Image Position	Select the background position value for footer content background image.	Select	Left Top, Left Center, Left Bottom, Right Top, Right Center, Right Bottom, Center Top, Center Center, Center Bottom	center top
footer_content_bg_attachment	Footer Content Background Image Attachment	Select the background attachment value for footer content background image.	Select	Scroll, Fixed, Local	scroll
footer_content_bg_repeat	Footer Content Background Image Repeat	Select the background repeat value for footer content background image.	Select	repeat, repeat-x, repeat-y, no-repeat	no-repeat

10.15 Search and 404 Pages Options

Path: Appearance → Customize → Theme Options → Search and 404 Pages Options

Option ID	Name	Description	Control Type	Accepted Value	Default
no_search_heading	No Search Results Heading	Heading to display when no search results are found.	Text	HTML/Text	Nothing Found
no_search_results	No Search Results Message	Message to display when no search results are found.	Textarea	HTML/Text	Sorry, but nothing matched your search terms. Please try again with some different keywords.
error_404_heading	404 Error Page Heading	Heading for the 404 error page.	Text	HTML/Text	Oops! That page can not be found.
error_404_message	Error 404 Message	Message to display on the 404 error page.	Textarea	HTML/Text	It looks like nothing was found at this location. Maybe try one of the links below or a search?
hide_404_search	Hide Search Box from 404 Page	Hide the search box on the 404 page.	Checkbox	true/false	false

10.16 Other Options

Path: Appearance → Customize → Theme Options → Other Options

Option ID	Name	Description	Control Type	Accepted Value	Default
enable_widgets_block_editor	Enable Gutenberg Widget Block Editor	Enable the block-based widget editor instead of the classic widget editor.	Checkbox	true/false	false
disable_loading_animation	Disable Site Loading Animation	Disable the loading animation displayed when the site is loading.	Checkbox	true/false	false
disable_sticky_sidebar	Disable Sticky Feature from Sidebars	Disable the sticky (fixed) sidebar feature.	Checkbox	true/false	false
disable_fitvids	Disable FitVids.JS	Disable fitvids.js script if you are not using videos or do not want fluid width videos in post content.	Checkbox	true/false	false

Translation & RTL

GridBone 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 gridbone.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:

gridbone-[language_code].po
gridbone-[language_code].mo

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

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

Performance & SEO Tips

Here are some tips to improve your website's performance and search engine optimization:

Use a caching plugin like W3 Total Cache or WP Super Cache to speed up your site.
Optimize images before uploading. Use plugins like Imagify or EWWW Image Optimizer.
Use an SEO plugin like Yoast SEO or All in One SEO for meta tags, sitemaps, and more.
Enable Yoast SEO Breadcrumbs for better navigation and SEO. The GridBone theme has built-in support for Yoast SEO breadcrumbs.
Use a CDN (Content Delivery Network) to serve static files faster to users around the world.
Keep WordPress, themes, and plugins updated to the latest versions for security and performance improvements.
Minimize the number of plugins you use. Deactivate and delete unused plugins.
Choose a good hosting provider that offers fast servers, SSD storage, and good uptime.
Use lazy loading for images to improve page load times. WordPress 5.5+ includes native lazy loading.
Disable FitVids.JS if you don't use videos on your website (Theme Options → Other Options).
Disable the loading animation if not needed (Theme Options → Other Options).

FAQ

How do I set up the homepage grid?

Go to Settings → Reading and set "Your homepage displays" to "Your latest posts". The theme will automatically display your posts in a grid layout. You can configure the grid from Appearance → Customize → Theme Options → Posts Grid Options.

How do I enable the slider?

Go to Appearance → Customize → Theme Options → Slider Options and check "Enable Slider". Configure the number of posts, post type, and other slider settings.

How do I add social media links?

Go to Appearance → Customize → Theme Options → Social Links Options. Enter the full URL for each social profile. The theme supports 60+ social networks.

How do I change the number of grid columns?

The free version of GridBone uses a fixed 10-column grid layout. The PRO version offers multiple layout styles with different column configurations.

How do I add a numbered posts navigation?

Go to Appearance → Customize → Theme Options → Posts Navigation Options and select "Numbered Navigation" for the Posts Navigation Type. You can also install the WP-PageNavi plugin for enhanced pagination.

How do I set up the secondary menu location?

Go to Appearance → Customize → Theme Options → Menu Options. You can choose where the secondary menu appears: before header, after header, before footer, or after footer.

How do I add ads to my posts?

Go to Appearance → Customize → Theme Options → Post Options. You can enable Post Ad 1 (under post title) and Post Ad 2 (under post content), and paste your ad code in the respective fields.

Does the theme support WooCommerce?

Yes, the GridBone theme is WooCommerce compatible. Simply install and activate the WooCommerce plugin to start selling products.

Troubleshooting

Images look distorted or wrong size

After switching to GridBone, regenerate your thumbnails using the Regenerate Thumbnails plugin. Go to Tools → Regenerate Thumbnails and click the button.

Menu not showing

Make sure you have created a menu and assigned it to a display location. Go to Appearance → Menus, select or create a menu, and check the appropriate display location checkbox at the bottom.

Slider not showing

Make sure you have enabled the slider from Appearance → Customize → Theme Options → Slider Options. Also ensure your posts have featured images set, and check the slider display location setting.

Footer widgets not appearing

Check that you have added widgets to the footer widget areas in Appearance → Widgets. Also verify that "Hide Footer Widgets" is not checked in Theme Options → Footer Options.

Breadcrumbs not showing

Install and activate the Yoast SEO plugin. Then go to SEO → Search Appearance → Breadcrumbs and enable breadcrumbs. Make sure "Hide Breadcrumbs from Full Post" is not checked in Theme Options → Post Options.

Theme looks different from demo

Import the demo content following the instructions in the Import Demo Content section. Then regenerate thumbnails. The demo appearance depends on having similar content, menus, widgets, and customizer settings configured.

Support & Licensing

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

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

Changelog & Versioning

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

= Version 1.0.4 =

Cleanup: Removed obsolete IE polyfills (assets/js/html5shiv*.js, assets/js/respond*.js).

= Version 1.0.2 =

Fixed coding issues.
Theme Customizer updated.
Many improvements.

= Version 1.0.1 =

Change the color scheme.
Added a featured posts slider.
Added a header notification / header ad area.
Added a footer notification / footer ad area.
Added advertisement positions under the single post title and under single post content.
Added WooCommerce support.
Added Yoast SEO breadcrumbs support.
Added background image support for header area.
Added background image support for footer area.
Added options to hide page header data from the static homepage.
Added options to resize the logo.
Post share buttons are added.
Added Threads and Mastodon social buttons.
Update "Font Awesome" to version 6.4.2.
More theme options are added.
Fixed a clearing floats issue.
Fixed coding issues.
Many improvements.

= 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