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! 🚀

WPXPO

Jakir Hasan

Anik Biswas

🥇 The #1 WordPress News Magazine and Blogging Solution 
📈 Highest Post Grid Layout Variations with vast customization options 
💕 A plugin by WPXPO, that empowers 60K+ businesses! 
📞 Dedicated support team with 4.9/5 customer satisfaction on <a href="https://uk.trustpilot.com/review/wpxpo.com" rel="nofollow ugc">Trustpilot</a>
😲 <a href="https://trypostx.wpxpo.com/" rel="nofollow ugc">Free Demo</a> | 🔥 <a href="https://www.wpxpo.com/postx/" rel="nofollow ugc">PostX Pro</a> | 📃 <a href="https://wpxpo.com/docs/postx/getting-started/" rel="nofollow ugc">Documentation</a>
<h3>Ultimate News Magazines and Blogging Solution for WordPress</h3>
Blog posts and news articles are the main things on news, magazines, and blog websites. PostX takes the posts displaying to a whole new level. It has the most attractive, professional, and highly customizable layouts with various important features.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/FYgSe7kgb6M?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>Starter Sites – Build Sites In 3 Steps!</h3>
PostX’s Starter sites come with complete website templates that are ready to be important. You just need to explore the templates, choose the one that you like, personalize, and go live. So you can give your site a whole new makeover or impress your clients in minutes. Currently, PostX has templates for the following websites:
✅ News Websites 
✅ Magazine Websites 
✅ Sports News Websites 
✅ Tech News Websites 
✅ Gaming News Websites 
✅ Crypto News Websites 
✅ Movie News Websites 
✅ Travel Blog Websites 
✅ Personal Blog Websites 
✅ Food Blog Websites 
✅ And More!
👉 <a href="https://www.wpxpo.com/postx/starter-sites/" rel="nofollow ugc">Explore Start Site Templates</a>
<a href="https://www.wpxpo.com/postx/blocks/" rel="nofollow ugc">Gutenberg Posts Blocks</a>
Drag and drop Gutenberg post blocks to display your blog posts in an organized way. Choose from 40+ blocks and customize each of the elements with complete creative freedom. Or you can choose from 250+ designer-made patterns to skip the customization part. With PostX’s post blocks, you can display your posts in the following layouts:
✔ Post Grid 
✔ Post List 
✔ Post Slider & Carousel 
✔ Post Carousel 
✔ Post Module 
✔ And More
<a href="https://www.wpxpo.com/postx/search-block/" rel="nofollow ugc">Ajax Search Block</a>
The Ajax Search Block allows you to enable a visually appealing search system for your WordPress site. So the readers can instantly find their desired content with the ajax search system.
<a href="https://www.wpxpo.com/postx/advanced-query-loop/" rel="nofollow ugc">Query Builder for Post Sorting</a>
PostX’s advanced query builder helps you effortlessly display posts, pages, and custom post types for your desired layouts. Here is the list of all essential post-displaying options.
✔ Display Posts Based on Category 
✔ Display Posts Based on Tags 
✔ Display Posts Based on Category and Tags 
✔ Display Specific Posts/Pages 
✔ Display Custom Post Types 
✔ Popular Posts 
✔ Related Posts 
✔ Recent Posts 
✔ Random Posts 
✔ Oldest Posts 
✔ Most Commented Posts 
✔ Reorder Posts 
✔ Exclude Posts
<a href="https://www.wpxpo.com/postx/advanced-post-filter/" rel="nofollow ugc">Advanced Post Filter</a>
With the Ajax post filter of PostX, users see multiple posts within the same section without reloading the whole page. You have all essential post-filtering options including:
✔ Post Filter By Category 
✔ Post Filter Tags 
✔ Post Filter By 
✔ Post Filter By Author 
✔ Filter By Ascending and Descending 
✔ Filter By Custom Taxonomy 
✔ Search Filter
<a href="https://www.wpxpo.com/postx/gutenberg-site-builder/" rel="nofollow ugc">Dynamic Gutenberg Site Builder</a>
PostX has the first-ever dynamic site builder for Gutenberg with dedicated templates for all essential pages. With this Gutenberg builder, you can take full control over your site and resign the following pages.
✔ Home Page 
✔ Blog Posts 
✔ Archive Pages 
✔ Category Pages 
✔ Tag Pages 
✔ Author Pages 
✔ Search & Date Pages
<a href="https://www.wpxpo.com/postx/advanced-post-pagination/" rel="nofollow ugc">Ajax Pagination</a>
The Ajax-powered pagination helps your readers to explore more posts in the same section or page. You can choose from three types of paginations, (load more, navigation, or numeric) and customize them as per your requirements.
<a href="https://www.wpxpo.com/postx/global-styles/" rel="nofollow ugc">Global Styles</a>
It helps to override the theme styles and add PostX’s color palettes & typography to your entire site. Explore the available options and choose the style that suits your brand identity.
<a href="https://www.wpxpo.com/postx/front-end-post-submission/" rel="nofollow ugc">Front End Submission</a>
Effectively manage guest writers by letting them submit posts from the front end or make custom dashboards for them with SEO optimization support. Moreover, you can add comments or corrections as like Google Docs without leaving the WordPress dashboard.
Dynamic Content
Add custom fields created by plugins like ACF to PostX’s blocks dynamically. So you can also display custom post types with additional fields in an organized and attractive way,
<a href="https://www.wpxpo.com/postx/progress-bar/" rel="nofollow ugc">Reading Progress Bar</a>
Display a visual presentation to highlight readers how much they read or scrolled. However, you can also add the progress bar to any page of your WordPress site.
<a href="https://www.wpxpo.com/postx/custom-fonts/" rel="nofollow ugc">Custom Font</a>
Upload your desired fonts with single or multiple variations. So you can add the uploaded fonts to PostX’s blocks with full typography customization options.
<a href="https://www.wpxpo.com/postx/taxonomy-image-and-color/" rel="nofollow ugc">Taxonomy Image and Color</a>
Add featured images and desired colors to categories, tags, and custom post types. So you can display taxonomies as like blog posts using PostX’s taxonomy blocks.
<a href="https://www.wpxpo.com/postx/page-builder-integration/" rel="nofollow ugc">Page Builder Integration</a>
Liked PostX’s design variations but are not ready to switch your current page builder? Don’t worry you can still use our blocks, patterns, and home page templates with the most popular page builders including:
✔ Elementor 
✔ Divi 
✔ WPBakery 
✔ Oxygen 
✔ Bricks Builder 
✔ Beaver
<a href="https://www.wpxpo.com/postx/seo-meta-support/" rel="nofollow ugc">SEO Integration</a>
PostX has built-in SEO integration that allows you to replace the default WordPress excerpt with custom meta descriptions added with the following SEO plugins:
✔ Yoast 
✔ Rank Math 
✔ All-in-One SEO 
✔ Squirrly 
✔ SEOPress
PostX Recommended Themes
PostX should work properly with all popular WordPress themes. We have personally tested with various themes. Here is a list of themes that are fully compatible with PostX.
✔ Twenty Twenty-Five 
✔ Astra 
✔ Blocksy 
✔ Kadence 
✔ Generatepress 
✔ Rishi Theme 
✔ Neve 
✔ Ocean WP 
✔ Blossom Theme 
✔ Block WP
<h3>🏆 Featured by top reviewers</h3>
Check out what Paul C (WPTuts) had to say about PostX.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fh72g1wPVa0?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>
Check out the video of Jack Cao and learn how to create News Magazine Website for free.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/X4vKrjcSpI8?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>Other Plugins by WPXPO</h3>
We are glad that you are considering PostX. We have more amazing plugins that you can check out:
🧲 <a href="https://wordpress.org/plugins/optin/" rel="ugc">WowOptin:</a> The next-gen optin and popup builder plugin with Canva-like design flexibility and detailed audience targeting.
💝 <a href="https://wordpress.org/plugins/product-blocks/" rel="ugc">WowStore:</a> An all-in-one WooCommerce solution to create professional and conversion-focused eCommerce stores.
💸 <a href="https://wordpress.org/plugins/revenue/" rel="ugc">WowRevenue:</a> Collections of various WooCommerce discount campaigns to boost revenue by increasing the average order value.
📦 <a href="https://wordpress.org/plugins/wholesalex/" rel="ugc">WholesaleX:</a> A complete WooCommerce Wholesale solution with additional features like a bulk order form, dynamic pricing & discount rules.
<h4>Author</h4>
Developed by <a href="https://www.wpxpo.com" rel="nofollow ugc">WPXPO</a>. <a href="https://bitbucket.org/wpstabon/ultimate-post/src/master/" rel="nofollow ugc">Contribute to Gutenberg Post Blocks on Bitbucket</a> and join the party.
<h4>Liked PostX?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/gutenbergpostx" rel="nofollow ugc">Facebook Group</a>.</li>
<li>Learn from our tutorials on <a href="https://www.youtube.com/channel/UC9I7kzTtG31YlWdG3iL42Jg" rel="nofollow ugc">YouTube Channel</a>.</li>
</ul>
<h3>📗 Translations</h3>
PostX plugin is compatible with WPML Plugin and also it works perfectly with loco translate plugin. 
You can Translate PostX on <a href="https://translate.wordpress.org/projects/wp-plugins/ultimate-post/" rel="nofollow ugc">translate.wordpress.org</a>.

Post Grid Gutenberg Blocks for News, Magazines, Blog Websites – PostX


Random posts can't be selected. You need to buy plugin to select such basic option.



Edit: Actually it can and free version has lots of useful options.


Useful plugin


This plugin nails it. It gives me powerful post-grid and block layouts without any complicated setup, and the results look clean and professional right out of the box. Performance stays smooth, compatibility with various themes is solid, and it’s obvious the developers care about quality and updates. Five stars without hesitation — highly recommended for anyone building a blog, magazine or content-heavy site.


Excellent plugin — Powerful yet easy to use

A highly customizable plugin to create news, magazines, and any kind of blog site with post grid, post filter, post slider, and post blocks.

ShortcodeHub – MultiPurpose Shortcode Builder vs Post Grid Gutenberg Blocks for News, Magazines, Blog Websites – PostX