Article body text
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Show date | show_date | checkbox | true | |
| Show author | show_author | checkbox | true | |
| Show X (Twitter) share icon | show_twitter | checkbox | true | |
| Show Facebook share icon | show_facebook | checkbox | true | |
| Share icon scale | icon_size | range | 120 | |
| Share icon style | icon_style | select | link | |
| Share icon color | icon_color | select | secondary | |
| Custom color | icon_color_custom | color | #111827 | |
| Share icon radius | icon_radius | select | rounded-full | |
| Show excerpt | show_excerpt | checkbox | false | |
| Show tags | show_tags | select | hide | |
| Show prev/next link | show_prevnext | checkbox | true | |
| Style | prevnext_style | select | outline | |
| Color | prevnext_color | select | secondary | Custom opens the two color settings below. |
| Custom color | prevnext_custom_bg | color_background | Shown when Color = Custom. Supports solid or gradient colors. | |
| Custom text color | prevnext_custom_text_color | color | #111827 | Shown when Color = Custom. |
| Shape | prevnext_shape | select | rounded-md | |
| Size (mobile) | prevnext_size_mob | select | text-sm | |
| Size (desktop) | prevnext_size | select | text-base | |
| Style | tag_style | select | solid | |
| Shape | tag_radius | select | rounded-full | |
| Size (mobile) | tag_size_mob | select | text-sm | |
| Size (desktop) | tag_size | select | text-base | |
| Color | tag_color | select | primary | |
| Custom color | tag_custom_bg | color_background | #f3f4f6 | Shown when Color = Custom. Supports solid or gradient colors. |
| Custom text color | tag_custom_text_color | color | #111827 | Shown when Color = Custom. |
| Tag class | tag_class | text | ||
| Show article directory tree | show_directory | checkbox | true | |
| Sticky on desktop | directory_sticky | checkbox | true | |
| Width | directory_width | range | 25 | |
| Position | directory_position | select | left | |
| Comments per page | comments_per_page | range | 10 | |
| Paging | comments_paging | select | ajax | |
| Comment item color | comments_wordsbg | select | warning | |
| Show comment name | comments_showname | checkbox | true | |
| Show comment date | comments_showdate | checkbox | true | |
| Variant | comments_button_variant | select | outline | |
| Color | comments_button_color | select | primary | First five options follow the theme colors set in Theme settings. |
| Custom color | comments_button_custom_bg | color_background | #111827 | |
| Custom text color | comments_button_text_color | color | #ffffff | |
| Size | comments_button_size | select | px-4 py-2 text-base | |
| Radius | comments_button_radius | select | rounded-md | |
| Shadow | comments_button_shadow | select | none | |
| Alignment (desktop) | comments_button_alignment | text_alignment | left |
Option values
- Share icon style (
icon_style): Link (link), Button (button), Outline (outline) - Share icon color (
icon_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Share icon radius (
icon_radius): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud) - Show tags (
show_tags): Above body text (above), Below body text (below), Hide (hide) - Style (
prevnext_style): Button (button), Outline (outline), Ghost (ghost), Link (link) - Color (
prevnext_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Shape (
prevnext_shape): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud) - Size (mobile) (
prevnext_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Size (desktop) (
prevnext_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Style (
tag_style): Solid (solid), Outline (outline), Ghost (ghost) - Shape (
tag_radius): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud) - Size (mobile) (
tag_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Size (desktop) (
tag_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Color (
tag_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Position (
directory_position): Left (left), Right (right) - Paging (
comments_paging): Load more (ajax) (ajax), Show buttons (btn) - Comment item color (
comments_wordsbg): Secondary (secondary), Warning (warning), Danger (danger), Info (info), Success (success), Transparent (transparent) - Variant (
comments_button_variant): Solid (solid), Outline (outline), Ghost (ghost) - Color (
comments_button_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Size (
comments_button_size): 3 Extra Small (px-2 py-1 text-3xs), 2 Extra Small (px-2 py-1 text-2xs), Extra Small (px-2 py-1 text-xs), Small (px-3 py-1.5 text-sm), Medium (px-4 py-2 text-base), Large (px-5 py-2.5 text-lg), Extra Large (px-6 py-3 text-xl), 2X Large (px-8 py-4 text-2xl), 3X Large (px-10 py-5 text-3xl), 4X Large (px-15 py-6 text-4xl), 5X Large (px-15 py-7 text-5xl), 6X Large (px-20 py-8 text-6xl), 7X Large (px-20 py-10 text-7xl), 8X Large (px-20 py-10 text-8xl), 9X Large (px-20 py-10 text-9xl) - Radius (
comments_button_radius): Square (rounded-none), Rounded small (rounded-md), Rounded medium (rounded-xl), Rounded large (rounded-2xl), Rounded extra large (rounded-3xl), Squircle (rounded-squircle), Circle (rounded-circle), Pill (rounded-full), Rounded top (rounded-top), Rounded bottom (rounded-bottom), Single corner (rounded-corner), Diagonal corners (rounded-diagonal), Arch (rounded-arch), Dome (rounded-dome), Cylinder (rounded-cylinder), Barrel (rounded-barrel), Leaf pointed (rounded-leaf-point), Leaf (rounded-leaf), Lens (rounded-lens), Petal (rounded-petal), Egg (rounded-egg), Egg inverted (rounded-egg-inverted), Shield (rounded-shield), Drop (rounded-drop), Diamond (rounded-diamond), Blob (rounded-blob), Amoeba (rounded-amoeba), Flower (rounded-flower), Mountain (rounded-mountain), Pebble (rounded-pebble), Bean (rounded-bean), Cloud (rounded-cloud) - Shadow (
comments_button_shadow): None (none), Small (shadow-sm), Medium (shadow), Large (shadow-lg)
Presets
- Article body text