surror

ShortcodeHub

🌟 Discover the Power of Shortcodes with “ShortcodeHub” – The Ultimate All-in-One Multi-Purpose Shortcode Builder! 🌟
Are you tired of wrestling with complicated codes and countless plugins to add stunning functionalities to your WordPress website? Enter “ShortcodeHub” – your all-in-one solution to effortlessly create and manage dynamic content with ease!
🎯 No Coding Skills Needed! 🎯
With “ShortcodeHub,” you don’t need to be a coding wizard to unlock the full potential of shortcodes. Our intuitive frontend interface lets you select hooks and seamlessly add custom shortcodes – all without touching a single line of code!
See below Quick video.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/MbFEVbwARP8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Easy Create Shortcode!</h4>
Also, See how it works from a scratch!
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_Uyd9WfH6ZE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Features</h3>
<ul>
<li>Strong Query Builder for post, pages & custom post types.</li>
<li>Works with any theme</li>
<li>Post, Page Query Builder</li>
<li>Super easy and flexible</li>
<li>1 click create shortcode from ready shortcodes</li>
<li>Documentation</li>
<li>Translation Ready</li>
<li>RTL Support</li>
<li>Developer Friendly</li>
<li>Create your own shortcode library</li>
<li>(Soon) Display Location Rules (Show/Hide the shortcode for particular locations.)</li>
<li>(Soon) Custom CSS support.</li>
<li>(Soon) Custom Markup support.</li>
</ul>
<blockquote>
<a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a>
</blockquote>
🚀 Embrace Ultimate Flexibility 🚀
From eye-catching sliders, captivating carousels, and grid layouts to interactive accordions and stylish post queries – “ShortcodeHub” boasts a comprehensive library of pre-built shortcodes to suit all your needs. Customization options? Endless! Make your website truly your own!
💡 Say Goodbye to Complexity 💡
Say farewell to plugin overload! “ShortcodeHub” consolidates all your shortcode functionalities into one powerful tool, streamlining your workflow and saving you precious time.
⏰ Future-Proof Your Website ⏰
We understand that technology never stands still. That’s why “ShortcodeHub” is designed to stay ahead of the curve! Tested up to WordPress version 6.2.2, our plugin ensures seamless compatibility, so you can focus on creating amazing content.
🔌 Universal Compatibility 🔌
No theme? No problem! “ShortcodeHub” plays well with all major WordPress themes, making it the ideal partner for building your dream website.
🏆 Proven Performance 🏆
Thousands of satisfied users trust “ShortcodeHub” to elevate their websites to new heights. Join our community and experience the magic of shortcodes like never before!
🌐 Reach a Global Audience 🌐
Take your website beyond borders! “ShortcodeHub” is fully translation-ready, empowering you to connect with audiences worldwide.
📈 Grow with ShortcodeHub Pro 📈
For even more advanced features and premium support, upgrade to “ShortcodeHub Pro” and take your website to the next level! 🚀 <a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a>
Ready to unlock the full potential of your WordPress website? Download “ShortcodeHub” now and experience the true magic of shortcodes! 🌟
<h3>Shortcode Types</h3>
We have categorize the shortcodes in the groups. These are basic, core and post query.
<h4>Basic Shortcodes</h4>
<ul>
<li>Text Editor: Add your text content in the TinyMCE or Text editor and show them anywhere with the help of shortcode.</li>
</ul>
Or Select the hook from frontend to show that content. Its easy!
<ul>
<li>Code Editor: (PRO) Do you have a custom code snippet which need to show with shortcode? Or Are you developer which have some custom PHP code to show it with shortcode?</li>
</ul>
Then, Simply create a shortcode with “Code Editor” add tho custom code. And then show it anywhere with the help of shortcode. Or append to any hook.
<h4>Core Shortcodes</h4>
<ul>
<li>
Widget: Do you have any custom widget? Then simply select it from the dropdown and show it with shortcode. (Note: The style is applied to the widget as per theme).
</li>
<li>
Menu: Most of the times we need the custom menu to show somewhere. To fulfil this requirement we have added the Menu shortcode support in the ShortcodeHub.
</li>
</ul>
Just select the menu which you want to show with shrotcode and just use it anywhere.
<h4>Post, Page & Custom Post Shortcodes</h4>
We create some custom post types and also we create categories, tags and custom taxonomies.
We add the content in these post types and show theme on specific pages as per our requirement.
To do it from a scratch, Technically we do it with <code>WP_Query</code>. And without coding it was not possible.
But, Now! It’s Possible with ShortcodeHub!
<ul>
<li>Just select shrotcode type (Simple Grid, Masonry, Glossary, Inbox View etc.)</li>
<li>Select Post Type & Categories. (Set no of items, categories, tags etc.)</li>
<li>Yup! Thats it! Just copy the shortcode and use it anywhere.</li>
</ul>
Below is the list of some shortcode styles for the Post Query Builder.
<ul>
<li>
Simple Grid: Show the post, pages and custom post types in the form of Simple Grid.
</li>
<li>
Inbox View: Show the items in the Inbox View style.
</li>
<li>
Masonry Grid: Make a Masonry Grid of post, page and custom post types.
</li>
<li>
Glossary: Easily create a Glossary of the post, page and custom post types.
</li>
<li>
Summery: Make a Summery of the post, page and custom post types.
</li>
<li>
Timeline: Make a Timeline of post, page and custom post types with the Timeline shortcode.
</li>
<li>
Accordion: Make a Accordion of post, page and custom post types with the Accordion shortcode.
</li>
<li>
Tabs: (coming soon) Make a Tabs layout of post, page and custom post types with the Tabs shortcode.
</li>
<li>
List: (coming soon) Make a Simple List of post, page and custom post types with the List shortcode.
</li>
<li>
Carousel: (coming soon) Make a Carousel of post, page and custom post types with the Carousel shortcode.
</li>
<li>
Slider: (coming soon) Make a Slider of post, page and custom post types with the Slider shortcode.
</li>
<li>
Pagination Grid: (pro) (coming soon) Show all post, page and custom post types with pagination with the Pagination Grid shortcode.
</li>
<li>
Filterable Grid: (pro) Show all items and filter them with categories, tags and taxonomies with the Filterable Grid shortcode. <a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a>
</li>
</ul>
<h4>Category, Tag or Custom Taxonomy Shortcodes</h4>
<ul>
<li>
Simple Grid: (coming soon) List all selected categories, tags or custom taxonomies with the Simple Grid shortcode.
</li>
<li>
Advanced Grid: (pro) (coming soon) List categories, tags or custom taxonomies with assigned posts with the Advanced Grid shortcode.
</li>
</ul>
<h3>Helper Shortcodes!</h3>
We have added much more most helpful shortcode’s. These includes post, author, theme, plugin, date & time etc.
<h4>Date & Time Shortcodes</h4>
We have added the date and time shortcodes to show the date and time as per our need.
Date Examples Use below shortcodes to show the current date.
<pre><code>Example Output
[sh_date format='d/m/y'] 15/02/19
[sh_date format='d-M-Y'] 15-Feb-2019
[sh_date format='d F Y'] 15 February 2019
[sh_date format='dS F Y'] 15th February 2019
[sh_date format='M, dS Y'] Feb, 15th 2019
</code></pre>
Date & Time Examples Use below shortcodes to show the current date & time.
<pre><code>Example Output
[sh_date format='d-m-Y h:i:s a'] 15-02-2019 05:57:15 pm
[sh_date format='d-M-Y h:i:s a'] 15-Feb-2019 05:57:15 pm
[sh_date format='d F Y h:i a'] 15 February 2019 05:57 pm
</code></pre>
Time 12 hrs Examples Use below shortcodes to show the current time in 12 hours format.
<pre><code>Example Output
[sh_date format='h:i a'] 05:57 pm
[sh_date format='h:i A'] 05:57 PM
[sh_date format='h:i:s a'] 05:57:15 pm
[sh_date format='h:i:s A'] 05:57:15 PM
</code></pre>
Time 24 hrs Examples Use below shortcodes to show the current time in 24 hours format.
<pre><code>Examples Output
[sh_date format='H:i a'] 17:57 pm
[sh_date format='H:i A'] 17:57 PM
[sh_date format='H:i:s a'] 17:57:15 pm
[sh_date format='H:i:s A'] 17:57:15 PM
</code></pre>
<h4>Post Shortcode’s</h4>
In single post, page or custom post type if we want to show the title in the content anywhere then just use the shortcode <code>[sh_post_title]</code>. This return return the current post title.
Or If you want to show any other post title then just add the <code>id</code> of that post in the shortcode. E.g. <code>[sh_post_title id="123"]</code>
This shortcodecode return the title of the post whose id is <code>123</code>.
Below is the complete list of shortcodes.
<pre><code>[sh_post_title]
[sh_post_content]
[sh_post_excerpt]
..
</code></pre>
<h4>Author Shortcode’s</h4>
In WordPress main user roles are Administrator, Author, Editor, Contributor and Subscriber. We can create more user roles as per our requirement.
Suppose we want to show the current user name then we can show it with shortcode <code>[sh_author_display_name]</code> or show any other user name by passing the user id in the shortcode.
E.g. <code>[sh_author_display_name id="1"]</code> This will return the display name of the user whose user id is <code>1</code>.
Below is the complete list of shortcodes.
<pre><code>[sh_author_nickname]
[sh_author_display_name]
[sh_author_first_name]
[sh_author_description]
..
</code></pre>
<h4>Theme Shortcode’s</h4>
As a developer of theme and plugin most of the times we need to show our current theme or plugin version on the website. These is change after updating the theme.
So, We have added the theme shortcode in which we can show the currently installed theme information on the website.
Use shrotcode <code>[sh_theme_version]</code> to show the currently installed and activated theme version.
Or
Use shrotcode <code>[sh_theme_version slug="awesomepress"]</code> to show the AwesomePress theme version. Here we pass the theme slug in the shrotcode.
Below is the complete list of shortcodes.
<pre><code>[sh_theme]
[sh_theme_list]
[sh_theme_name]
[sh_theme_version]
..
</code></pre>
<h4>Plugin Shortcode’s</h4>
Same as theme we have added the plugin shrotcodes to show the currently installed pluigns information.
Use shrotcode <code>[sh_plugin_version]</code> to show the currently installed and activated theme version.
Or
Use shrotcode <code>[sh_plugin_version init="shortcodehub/shortcodehub.php"]</code> to show the ShortcodeHub plugin version. Here we pass the plugin init file name in the shrotcode.
Below is the complete list of shortcodes.
<pre><code>[sh_plugin_name]
[sh_plugin_version]
[sh_plugin_description]
[sh_plugin_author]
..
</code></pre>
<h3>Links</h3>
<ul>
<li><a href="https://docs.surror.com/doc/shortcodehub/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/shortcodehub/" rel="ugc">Support forum</a></li>
<li><a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Premium support</a></li>
</ul>

ShortcodeHub – MultiPurpose Shortcode Builder

Unleash the Power of Shortcodes with the Ultimate All-in-One Multi-Purpose Shortcode Builder! 🚀

GS Plugins

Md. Sarwar Zaman

Best Responsive WordPress Posts Grid Plugin to display Posts elegantly. Using the GS Posts Grid plugin you can present the latest posts in various views like Grid, Horizontal, List, Card, Table, Gray, Slider, Popup, Filter, Masonry & Justified Gallery. Display anywhere at your site using shortcodes like [gs_wpposts theme=”gs_wppost_grid_1″] GS Posts Grid plugin packed with necessary controlling options & 30+ different themes to present the latest posts elegantly with eye-catching effects.
The GS Posts Grid plugin is simple, flexible & powerful.
<h3>WordPress Posts Grid by <a href="https://www.gsplugins.com" rel="nofollow ugc">GS Plugins</a></h3>
<blockquote>
<a href="https://posts-grid.gsplugins.com" rel="nofollow ugc"> Live Demo</a> | <a href="https://www.gsplugins.com/product/wordpress-posts-grid" rel="nofollow ugc">Upgrade to PRO</a> | <a href="https://docs.gsplugins.com/wordpress-posts-grid" rel="nofollow ugc">Documentation</a> | <a href="https://www.gsplugins.com/contact" rel="nofollow ugc">Support</a>
</blockquote>
<h3>Plugin Features</h3>
<ul>
<li>Responsive latest posts plugin.</li>
<li>Different Column options.</li>
<li>Works with any standard WordPress Theme.</li>
<li>Support Unlimited posts.</li>
<li>Developer friendly & easy to customize.</li>
<li>All modern browsers are supported.</li>
<li>W3C valid markup.</li>
<li>Display posts anywhere with shortcode like [gs_wpposts theme=”gs_wppost_grid_1″].</li>
<li>Custom CSS.</li>
<li>Easy to set up.</li>
</ul>
<h3><a href="https://www.gsplugins.com/product/wordpress-posts-grid" rel="nofollow ugc">Pro Features</a></h3>
<ul>
<li>30+ different Themes
<ul>
<li>Theme 01: Grid 1 (Full Overlay)</li>
<li>Theme 02: Grid 2 (Half Overlay)</li>
<li>Theme 03: Grid 3 (Bottom Info)</li>
<li>Theme 04: Horizontal 1 (Square Right Info)</li>
<li>Theme 05: Horizontal 2 (Square Left Info)</li>
<li>Theme 06: Horizontal 3 (Round Right Info)</li>
<li>Theme 07: Horizontal 4 (Round Left Info)</li>
<li>Theme 08: Horizontal 5 (Box Square Right Info)</li>
<li>Theme 09: Horizontal 6 (Box Round Right Info)</li>
<li>Theme 10: List 1 (Square Right Info)</li>
<li>Theme 11: List 2 (Square Left Info)</li>
<li>Theme 12: List 3 (Circle Right Info)</li>
<li>Theme 13: List 4 (Circle Left Info)</li>
<li>Theme 14: Card 1 (Square Bottom Info)</li>
<li>Theme 15: Card 2 (Circle Bottom Info)</li>
<li>Theme 16: Table 1 (Underline)</li>
<li>Theme 17: Table 2 (Box Border)</li>
<li>Theme 18: Table 3 (Odd Even)</li>
<li>Theme 19: Gray 1 (Square)</li>
<li>Theme 20: Gray 2 (Round)</li>
<li>Theme 21: Slider 1 (Zoom)</li>
<li>Theme 22: Slider 2 (Hover)</li>
<li>Theme 23: Slider 3 (Hover 2)</li>
<li>Theme 24: Popup 1</li>
<li>Theme 25: Popup 2</li>
<li>Theme 26: Filter 1 (Hover & Pop)</li>
<li>Theme 27: Filter 2 (Link & Pop)</li>
<li>Theme 28: Masonry 1 (Details)</li>
<li>Theme 29: Masonry 2 (Title)</li>
<li>Theme 30: Masonry 3 (Gallery)</li>
<li>Theme 31: Justified (Gallery)</li>
</ul>
</li>
<li>Pagination Supported</li>
<li>Option to change preferred text instead of All for Filter Template</li>
<li>Display posts by Category wise</li>
<li>Limit the number of posts to display.</li>
<li>Custom CSS – Add Custom CSS to GS Posts Grid themes</li>
<li>Priority Email Support.</li>
<li>Free Installation ( If needed ).</li>
<li>Free updates for one year.</li>
<li>Auto update notification.</li>
<li>Auto update from dashboard.</li>
<li>Well documentation and support.</li>
<li>And many more.</li>
<li><a href="https://posts-grid.gsplugins.com" rel="nofollow ugc">View live Demos »</a></li>
<li><a href="https://www.gsplugins.com/product/wordpress-posts-grid" rel="nofollow ugc">Upgrade to PRO »</a></li>
</ul>
<h3>GS Posts Grid Settings (Pro)</h3>
<ul>
<li>Columns ( 2 Columns, 3 Columns, 4 Columns )</li>
<li>Style & Theming (Select from 30+ themes)</li>
<li>Link Target ( New Tab, Same Window )</li>
<li>Set the limit to a max number of characters in Post details</li>
<li>Replace Read More with your desired word</li>
<li>On/off controls for – Post Name, Details, Author, Date, Category, Tag</li>
<li>Style Post Title by – Font Size, Weight, Style, Color</li>
<li>Set Filter Category Position to – Left, Center, or Right</li>
<li>Replace All with your desired word for the filter theme</li>
<li>Post Custom CSS (write your own custom CSS )</li>
</ul>
<h3>GS Posts Grid’s Shortcode Usage</h3>
<pre><code>[gs_wpposts theme="gs_wppost_grid_1"]
</code></pre>
GS Posts Grid Shortcode attributes Usage
<pre><code>[gs_wpposts theme="gs_wppost_grid_1" cols="4" num="9" desc_limit="250" group="" order"DESC" orderby="date" pagination="off"]
</code></pre>
Shortcode PHP Usage
<pre><code><?php echo do_shortcode( '[gs_wpposts theme="gs_wppost_grid_1"]' ); ?>
</code></pre>
Template Usage – Add the shortcode anywhere you need to display GS Posts Grid in template files (header.php, front-page.php, etc.)
<pre><code><?php echo do_shortcode( '[gs_wpposts theme="gs_wppost_grid_1" cols="4" num="9" desc_limit="250" group="" order"DESC" orderby="date" pagination="off"]' ); ?>
</code></pre>
<h3>Confused?</h3>
<ul>
<li><a href="https://posts-grid.gsplugins.com" rel="nofollow ugc">View live Demos »</a></li>
<li><a href="https://docs.gsplugins.com/wordpress-posts-grid" rel="nofollow ugc">Documentation »</a></li>
</ul>
<h3>🔥 You may like other plugins from <a href="https://www.gsplugins.com" rel="nofollow ugc">GS Plugins</a></h3>
<a href="https://wordpress.org/plugins/gs-testimonial" rel="ugc">Testimonial Slider</a> – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.
<a href="https://wordpress.org/plugins/gs-logo-slider" rel="ugc">Logo Slider</a> – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.
<a href="https://wordpress.org/plugins/gs-portfolio/" rel="ugc">Portfolio</a> – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.
<a href="https://wordpress.org/plugins/gs-team-members" rel="ugc">Team Members</a> – Build a Stunning Team Page or Section and Show off Your Team’s Talents!
<a href="https://wordpress.org/plugins/gs-projects" rel="ugc">Projects</a> – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.
<a href="https://wordpress.org/plugins/gs-books-showcase" rel="ugc">Books Showcase</a> – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.
<a href="https://wordpress.org/plugins/gs-coach" rel="ugc">Coaches</a> – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.
<a href="https://wordpress.org/plugins/posts-widget" rel="ugc">Posts Widget</a> – WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.
<h3>🎯 WooCommerce Plugins</h3>
<a href="https://wordpress.org/plugins/gs-woocommerce-products-slider" rel="ugc">WooCommerce Products Slider</a> – WooCommerce Product Slider plugin displays products in a visually pleasing, sliding manner, making it easy for customers to browse and find the products they want on an online store.
<a href="https://wordpress.org/plugins/gs-woo-variation-swatches" rel="ugc">WooCommerce Variation Swatches</a> – WooCommerce Variation Swatches plugin replaces the default dropdown fields for variable products with visually appealing swatches, making it easier for customers to select product options and improve the overall shopping experience.
<a href="https://wordpress.org/plugins/gs-woo-brands" rel="ugc">WooCommerce Brands</a> – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.
<h3>📣 Social Plugins</h3>
<a href="https://wordpress.org/plugins/gs-dribbble-portfolio" rel="ugc">Dribbble Portfolio</a> – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.
<a href="https://wordpress.org/plugins/gs-behance-portfolio" rel="ugc">Behance Portfolio</a> – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.
<a href="https://wordpress.org/plugins/gs-pinterest-portfolio" rel="ugc">Pinterest Portfolio</a> – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.
<a href="https://wordpress.org/plugins/gs-instagram-portfolio/" rel="ugc">Instagram Portfolio</a> – Instagram plugin for WordPress allows you to display your Instagram posts on your website, making it easy for visitors to view and interact with your content and also to increase engagement on your website.
<a href="https://wordpress.org/plugins/gs-envato-portfolio" rel="ugc">Portfolio – Envato</a> – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.
<a href="https://wordpress.org/plugins/gs-youtube-gallery" rel="ugc">Youtube Gallery</a> – YouTube Gallery plugin allows you to display videos from a YouTube channel or playlist on your website, creating a visually appealing gallery and making it easy for visitors to access and watch your videos.
<a href="https://wordpress.org/plugins/feeds-of-twitter" rel="ugc">Twitter Feeds</a> – Twitter Feeds plugin displays Twitter feeds, hashtags, user cards, and collections on a website, making it easy for visitors to view and interact with your Twitter content.
<h3>🏆 Branding Plugin</h3>
<a href="https://wordpress.org/plugins/gs-custom-login" rel="ugc">Custom Login</a> – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.
<a href="https://wordpress.org/plugins/powerup" rel="ugc">PowerUp</a> – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.

GS Post Grid – Display Posts in Stylish Layouts

GS Post Grid – A flexible plugin to display posts in Grid, Masonry, Slider, Popup, List, Card, Table, Filter & Justified Gallery views.

ShortcodeHub – MultiPurpose Shortcode Builder vs GS Post Grid – Display Posts in Stylish Layouts