HTML shortcodes are brief snippets of code that embed dynamic content or functionality into WordPress posts, pages, and widgets. They act as shortcuts, allowing you to add elements without writing extensive HTML code each time.
Here are some common examples of HTML shortcodes in WordPress:
1. Embedding Buttons:
[button link="https://example.com" color="blue" size="large" target="_blank"]Click Here[/button]- This shortcode creates a clickable button that links to the specified URL.
2. Inserting Images:
<img src="https://example.com/image.jpg" alt="Image description" width="1024" height="683" class="size-large wp-image-1234" />- This shortcode displays an image with a caption and various styling options.
3. Displaying Videos:
- This shortcode embeds a video player directly into the content.
4. Creating Accordions:
[accordion] [accordion_item title="Accordion Item 1"]Content for item 1[/accordion_item] [accordion_item title="Accordion Item 2"]Content for item 2[/accordion_item] [/accordion]- This shortcode creates a collapsible accordion with multiple sections.
5. Adding Columns:
[one_half]Column 1 content[/one_half] [one_half_last]Column 2 content[/one_half_last]- This shortcode divides content into two columns for better visual presentation.
6. Embedding Audio:
- This shortcode embeds an audio player for listening to audio files.
7. Including Quotes:
[blockquote author="Author Name"]Quote content[/blockquote]- This shortcode highlights a quote with attribution to the author.
8. Displaying Tables:
[table id="example" class="tablesorter" /]- This shortcode creates a table with sorting and pagination options.
To use shortcodes:
- Access the WordPress editor for your post or page.
- Type the shortcode directly into the content area or use a visual shortcode generator provided by your theme or plugins.
- Customize the shortcode’s attributes (e.g., link, width, height, etc.) within the brackets.
- Preview or publish your content to see the shortcode’s effect.
