Elementor Post Info Custom Separators
A small WordPress plugin that adds custom separator options for terms in Elementor's Post Info widget.
by Kostas Chasiotis · github.com/kostaschasiotis/elementor-post-info-custom-separators
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/kostaschasiotis/elementor-post-info-custom-separators/archive/refs/heads/main.zipA small WordPress plugin that adds custom separator options for terms in Elementor's Post Info widget.
By default, when the Post Info widget displays multiple terms, Elementor separates them with commas. This plugin adds a Terms Separator control to each Terms item, giving you more control over how multiple terms are displayed.
Features
- Adds a Terms Separator control to Elementor's Post Info widget
- Supports linked and unlinked terms
- Supports multiple separator types:
- Comma
- New line
- Slash
- Pipe
- Space
- None
- Custom separator
- No frontend CSS
- No frontend JavaScript
- No settings page
- Minimal and focused
Requirements
- WordPress 6.0 or newer
- Elementor
- PHP 8.0 or newer
The plugin does not hard-require Elementor Pro. If the Post Info widget is available in your Elementor installation, the plugin extends it. If the widget is not available, the plugin will not affect your site.
Installation
-
Download or clone this repository.
-
Upload the plugin folder to:
/wp-content/plugins/elementor-post-info-custom-separators -
Activate the plugin from the WordPress admin.
-
Edit a page or template with Elementor.
-
Add or edit a Post Info widget.
-
Add or edit a Terms item.
-
Choose your preferred Terms Separator option.
Usage
Inside Elementor:
- Open the Post Info widget.
- Add or select a Terms item.
- Use the Terms Separator dropdown.
- Choose one of the available separator options.
When Custom is selected, a Custom Separator input appears.
The custom separator allows limited safe HTML, including:
<br>
<span class="">
Example
Default Elementor output:
Term One, Term Two, Term Three
With the New Line separator:
Term One
Term Two
Term Three
With the Slash separator:
Term One / Term Two / Term Three
Development
Recommended repository structure:
elementor-post-info-custom-separators/
├── elementor-post-info-custom-separators.php
├── readme.txt
├── README.md
├── LICENSE
└── .gitignore
Changelog
1.0.0
- Initial release
- Added Terms Separator control to Elementor's Post Info widget
- Added support for comma, new line, slash, pipe, space, none, and custom separators
- Added support for both linked and unlinked term output
- Added graceful handling when the Post Info widget is not available
License
This plugin is licensed under the GPLv2 or later.
See the LICENSE file for details.