Description List Block

Description

Displays a description list or definition list using the <dl> element consist of a series of term and description pairs (<dt>, <dd>) and displays that elements in definition form like a dictionary in the Gutenberg block editor.

Tip Top Press

We’re Tip Top Press and create Gutenberg Blocks for WordPress. If you want to know about what we’re working on and you are interested in backgrounds then you can read all newes storys on our blog.

Features

  • Indent-, Grid and Disable Block CSS Block Styles
  • Indent or spacing settings
  • Color, margin, padding and font-size settings for both element tags
  • Create a description list with n-elements
  • Insert a new term (<dt>) and description (<dd>) before selection
  • Insert a new term (<dt>) and description (<dd>) after selection
  • Delete the selcted term (<dt>) and description (<dd>) pair
  • Access via Shortcuts

Shortcuts

  • Cmd(⌘)+E (Mac) or Shift+E (Window): Insert before selection
  • Cmd(⌘)+D (Mac) or Shift+D (Window)): Insert after selection
  • Cmd(⌘)+Y (Mac) or Shift+Y (Window)): Delete selection
  • Shift+ENTER (Mac or Window): Line break (<br>)

Contribute

While using this plugin if you find any bug or any conflict, please submit an issue at Github (If possible with a pull request).

Screenshots

  • The Description List Block in the front-end view.
  • Rendered HTML
  • From the Block control or with shortcuts, you can insert description list pairs (dt, dd) before or after the current selection or delete a description list.
  • Grid style
  • Block Styles 'transformation' without change any code.
  • Seperate Term (dt) and Description (dd) settings

Blocks

This plugin provides 1 block.

  • Description List Block

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/description-list-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

How to add only dd elements?

Just use or add also pairs (<dt>, <dd>) and leave the <dt> element empty.

Reviews

There are no reviews for this plugin.

Contributors and Developers

“Description List Block” is open source software. The following people have contributed to this plugin.

Contributors

Change Log

1.1.10 – January 13th 2022

  • Add Block Style Disable Block CSS

1.1.9 – December 28th 2021

  • Reset for margin and padding
  • Add option padding
  • Bugfix Text Colors in Gutenberg widget area

1.1.8 – December 19th 2021

  • Bugfix Inner Blocks

1.1.7 – December 18th 2021

  • Add indent or spacing option
  • Delete obsolete styles Grid 1:4, Grid 1:2, Indent 40 PX

1.1.6 – December 14th 2021

  • Add styles Grid 1:4, Grid 1:2, Indent 40 PX
  • Change option margin (from padding)

1.1.5 – October 18th 2021

  • Add style Indent Start
  • Add option padding

1.1.4 – Juni 27th 2021

  • Color styles for element tags

1.1.3 – Juni 26th 2021

  • Font-size styles for element tags

1.1.2 – Juni 22th 2021

  • Bugfix WordPress 5.8 API change block.json fontSize

1.1.1 – Mai 09th 2021

  • Shortcut Delete selected description list

1.1.0 – Mai 09th 2021

  • Grid style

1.0.0 – Mai 02rd 2021

  • Shortcuts

0.1.0 – April 05th 2021

  • Release