ECWU Homepage

To Dark Mode
Featured Images
Photo by Andrew Seaman on Unsplash

Shortcode Test Post :: Draft

Try out all shortcodes

Zhenghao Wu

Status: finished Confidence: high Importance: 5

Post Details

Table of Contents

Available Shortcodes Test

This document tests all available shortcodes in the ecwu-theme.

1. Figure Shortcode

The figure shortcode displays an image with optional caption and attribution.

Test Image
Figure Title This is a test figure with caption Photo by Andrew Seaman

2. Video Shortcode

The video shortcode embeds a video with optional loop and autoplay.

3. Embed Video Shortcode

The embed-video shortcode embeds videos from YouTube or Bilibili.

YouTube Example:

Bilibili Example:

4. PDF Shortcode

The pdf shortcode embeds a PDF document.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

5. Sidenote Shortcode

The sidenote shortcode creates an inline highlighted note.

6. Marginnote Shortcode

The marginnote shortcode also creates an inline highlighted note (identical styling to sidenote).

7. Section Shortcode

The section shortcode helps create HTML sections with custom classes and IDs.

This content is inside a custom section with class “my-custom-section” and id “test-section”.

The gallery shortcode creates a horizontal scrolling gallery of images.

Shift + mouse scroll in the grid of images to see the rest.

Mountain landscape
Forest path
Lake view
Desert landscape

The gallery-image shortcode is used within the gallery shortcode (see above example).

10. Friend Item Shortcode

The friend-item shortcode creates a friend link card.

11. Include HTML Shortcode

The include-html shortcode includes an external HTML file from the same directory.

Shortcode Summary

All 11 shortcodes available in the theme:

  1. figure - Display images with captions
  2. video - Embed video files
  3. embed-video - Embed YouTube/Bilibili videos
  4. pdf - Embed PDF documents
  5. sidenote - Inline highlighted notes
  6. marginnote - Inline highlighted notes (same as sidenote)
  7. section - Create custom HTML sections
  8. gallery - Horizontal scrolling image gallery
  9. gallery-image - Individual images within gallery
  10. friend-item - Friend link cards
  11. include-html - Include external HTML files

Article Card

For "Shortcode Test Post"

Author Zhenghao Wu
Publish & Update Date 2022-01-01 - 2022-01-03
Tags Test Hugo Theme Markdown LaTeX Style
License

  • 本页面内容没有保留权利。 Contents on this page does not reserve the rights.

Related Posts