Shortcodes Ultimate – Content Elements vs Waymark

Building new pages with Gutenberg? Explore VovaBlocks, a focused collection of native marketing and content blocks from the creator of Shortcodes Ultimate. View VovaBlocks → About Shortcodes Ultimate Shortcodes Ultimate is a WordPress shortcode plugin for adding tabs, accordions, buttons, FAQs, sliders, carousels, lightboxes, columns, boxes and other reusable content elements without coding. It is ideal for site owners who want richer content layouts and practical UI elements without switching to a full page builder. Use Shortcodes Ultimate in the Block Editor, Classic Editor, widgets and template files. Generate shortcodes visually, preview the result before inserting it, and reuse the same elements across posts, pages and existing shortcode-based content. Trusted by hundreds of thousands of WordPress sites, Shortcodes Ultimate helps you replace multiple single-purpose UI plugins with one maintained toolkit. Explore live examples What you can build With Shortcodes Ultimate, you can quickly add common WordPress content elements such as: Accordions and FAQ sections Responsive tabs CTA buttons and download buttons Boxes, notes and callouts Columns and layout helpers Sliders and carousels Lightboxes for images and custom content Post lists and dynamic content blocks Spoilers, toggles and expandable content Media embeds and visual content blocks Instead of installing a separate plugin for every small content element, Shortcodes Ultimate gives you one maintained toolkit for everyday WordPress content tasks. Works with modern and classic WordPress workflows Shortcodes Ultimate works with the Block Editor, Classic Editor, widgets and template files. You can insert shortcodes manually, use WordPress shortcode blocks or use the built-in shortcode generator to configure elements visually. This makes the plugin useful for: Site owners who want to improve content without coding Bloggers and affiliate publishers who need reusable CTA and content blocks Agencies and freelancers maintaining multiple WordPress sites Developers who want shortcode-friendly output in templates Existing sites with older content that already uses shortcodes Why use Shortcodes Ultimate? 50+ ready-to-use WordPress shortcodes Visual shortcode generator Live preview Works with the Block Editor and Classic Editor Shortcodes can be used in posts, pages, widgets and template files Responsive elements that work with your theme Built-in Custom CSS editor Developer-friendly hooks and documentation Free version available on WordPress.org Pro version available for advanced shortcodes, extra styles and premium support Why shortcodes still matter in WordPress The WordPress Block Editor is great for visual content editing, but shortcodes are still useful when you need portable, reusable content elements that work across different parts of a WordPress site. Shortcodes are especially helpful when you want to: Reuse the same content element in many posts or pages Add dynamic content inside widgets or templates Maintain older WordPress sites that already use shortcodes Work across Classic Editor and Block Editor workflows Add content elements without switching to a full page builder Keep common UI elements available through a simple text-based syntax Shortcodes Ultimate is designed for these practical workflows. It gives you a large collection of ready-made shortcodes and a visual generator, so you do not need to write shortcode syntax manually unless you want to. Free and Pro The free version of Shortcodes Ultimate includes a large collection of useful shortcodes for everyday WordPress content tasks. Shortcodes Ultimate Pro adds advanced shortcodes, additional styles, Content Slider, Pricing Table, Testimonials, Shortcode Creator, Elementor support and premium support. Compare Free and Pro Useful links Documentation Live Examples Pro features Support

❤️ Keep This Project Alive Through Sponsorship ❤️ Creating Maps Use the intuitive Editor to create Maps with one, or thousands of interactive Overlays. Overlays – Create Markers, Lines and Shapes with a: Title Image (Media Library or link to external image) Description (Rich text editor, HTML supported) Type (defined in Settings) Import GPX KML GeoJSON EXIF (Image location metadata) Elevation data (adds an interactive profile chart for Lines with elevation data) Meta – Add extra information to your Maps; these are customisable form inputs that allow you to add additional content to your Maps. Types – Set options to visually distinguish between Overlays (colours/icons etc.), then select it when using the Editor. Collections – Group Maps together and display multiple Maps at once. Create complex Collection hierarchies to suit your needs and associate Maps with multiple Collections. Submissions – Allow registered users, or guests to create Maps from the front-end of your site. You can control who can Submit Maps, what editor features are available and whether submissions should be approved before they are published. 🌟 GitHub 👐 WordPress 📖 Demo & Docs Displaying Maps Embed your Maps using the [Waymark] Shortcode, or link to the Map Details page. Shortcodes Display a single Map, or a Collection of Maps anywhere that Shortcodes are supported. An optional Shortcode Header displays the Map/Collection title, a link to the Map Details page and any Meta. Display a Marker defined through the Shortcode. Display a Basemap only, without any Overlays by providing centre and zoom parameters. Basemaps – Uses OpenStreetMap by default, with support for multiple raster tiled/”slippy” Basemaps. You can switch Basemaps using the Overlay Filter. Overlay Filter – Allow the user to filter which Overlays are currently visible on the Map. Export (Optionally) Let anyone Export Maps into GPX, KML and GeoJSON formats through the Shortcode Header or on the Map Details page. Works on mobile devices. Customising Built to be flexible, Waymark has lots of Settings and Types provide one place to control how Overlays (Markers/Lines/Shapes) are displayed. Marker Icons can be provided as: – Font Icons (Ionic Icons v2/Font Awesome v4) – Simple Text, or Emojis (i.e. 🏕️, 🚩, 📸). – Custom HTML (good ol’ , or a more complex structure). So you can pretty much create any kind of Icon you want. For developers: Most elements can be styled using CSS and have sensibly named waymark- classes. WordPress integration: Maps are stored using the custom post type waymark_map. Collections use the waymark_collection Taxonomy. Embed Maps using the [Waymark] Shortcode anywhere they are supported, or dynamically using the do_shortcode(["Waymark"]) function. Geographical data is stored in GeoJSON format. Types are specified using the type Property, i.e. {feature: { geometry: { type: 'Point', coordinates: [0, 0] } }, properties: { type: 'Alert', title: 'Bridge Removed!' }. Specify which GeoJSON feature properties to store when importing (Settings > Overlays > Properties). These can be automatically appended to the Overlay Description, or accessed programatically via the layer.feature.properties Object. Maps are displayed using the Leaflet JavaScript library, which is bundled with Waymark and can be extended using the waymark_loaded_callback [callback function](https://www.ogis.org/waymark-wp/advanced/using-the-global-callback-function/. Be sure to check out Map First, a minimal WordPress theme with an obsession for Maps (it’s open-source too and contains lots of comments about customisations). Waymark is free, open-source (GPL v2) and a labour of Love. I try to keep the plugin well supported, so please feel free to reach out with any issues, questions or feedback. Development [!NOTE] To develop locally you will need to have both Node.js and NPM installed. Grunt is used to run the build script, which compiles the JavaScript and CSS and performs some other tasks. # Clone the repository (and the Waymark JS submodule) git clone --recurse-submodules https://github.com/opengis/waymark.git # Navigate to the Waymark directory cd waymark # Install the dependencies (or pnpm/yarn install) npm install # Run the build script grunt The build script will watch for changes to the JavaScript and CSS files. Pull requests are welcome! [!IMPORTANT] Waymark JS is responsible for the Viewer and Editor and is included as a Git submodule (/waymark-js directory). View on GitHub. Dev Server A local WordPress environment is provided via wp-env. Docker must be running. npm run dev This starts WordPress at http://localhost:8888 and prints the credentials summary: ──────────────────────────────────── MySQL 127.0.0.1 root / password Admin http://localhost:8888/wp-admin admin / password ────────────────────────────────────