[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog

Toolbar icons – oik-sb/toolicons

Helps you to document tool icons for a block.

Use the Toolbar icons block to display Toolbar icons for WordPress blocks in a variety of formats.

Screenshot

Example

Showing the toolbar for the Paragraph block, with the drop down menu items and More options summarised in a list, followed by the blocks to which the Paragraph block can be transformed, with links to the target blocks.

  • Change text alignmentUse Change text alignment to choose how to align the text.
    • Align text leftUse the Align text left drop-down from the toolbar to align text to the left.
    • Align text centerAlign content centrally.
    • Align text rightUse the Align text right drop-down from the toolbar to align text to the right.
  • BoldUse Bold to mark selected text as bold.
  • ItalicUse Italic to mark selected text as italic.
  • LinkUse Link to create a hyperlink to your highlighted text.
  • More rich text controlsFind more text controls in this dropdown.
    • Inline codeUse inline code feature to format code snippets within your text.
    • Inline imageInsert an inline image.
    • StrikethroughUse Strikethrough to strikethrough the selected text.
    • SubscriptUse Subscript to add subscript to your highlighted text.
    • SuperscriptUse Superscript to add superscript to your highlighted text.
    • Text colorUse Text color to change the color of the selected text
  • More optionsDisplay more options
    • Show More SettingsShow the block settings in the sidebar.
    • CopyCopy the block to the clipboard.
    • DuplicateUse Duplicate to create a copy of the block.
    • Insert AfterInsert a new block after the selected block(s).
    • Insert BeforeInsert a new block before the selected block(s).
    • Move To Use Move To to move a block. Up/Down or Left/Right
    • Edit as HTMLEdit the HTML of the block.
    • GroupTransform the selected block(s) into a group.
    • Add to Reusable blocksCreate a Reusable block.
    • Remove blockDelete the block.

Paragraph transforms to:

  • CSS
  • GeSHi
  • Heading
  • List
  • Quote
  • Group
  • Preformatted
  • Pullquote
  • Verse

Notes

  • The styling of the toolbar may not exactly match what the user sees in the editor.
  • Known differences are:
    • Currently selected tools are not shown as selected.
    • The style for disabled items is not used.
    • Width and height of some tool icons may not be the same.
    • The borders for some icons may be different.
    • In the real editor some tools may be transient.
    • Some tools have toggling labels depending upon content. We only show the initial value.
    • The icons may appear too large, with too much bottom padding.

Variations

Block toolbar – blocktype
Helps you to document tool icons for a block
Group toolbar – toolgroup
Helps you to document a group of toolicons
Tool icon – toolicon
Helps you to document a single tool icon

Published: October 18, 2020 | Last updated: October 20, 2020

Information

Block type name: oik-sb/toolicons
Variation name:
Documentation:
Plugin ref: SB Toolicons block
Block categories: widgets
Block keywords: Blocks,Icons,Toolbar,Tools
Block classification: Single Block Plugin,Static
Block letters: I,T

Examples

    Plugins

    • All Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins

    Themes

    • FREE themes
    • Bespoke themes
    • Premium themes

    Blocks

    • All Blocks
    • Block examples
    • About Blocks

    Shortcodes

    • All Shortcodes
    • Shortcode examples
    • About Shortcodes

    Reference

    • About APIs
    • All APIs
    • All Classes
    • All Files
    • All Hooks

    Support

    • Contact
    • Cookies policy
    • Get API key
    • Privacy
    • Request support
    • Sitemap
    • Stay informed
    • Terms and Conditions
    oik-plugins
    Email: oikplug@oik-plugins.com

    Weight shipping plugins

    Find out which cart weight shipping plugin you need for your WooCommerce site.
    Which cart weight based plugin do I need?

    Site:  www.oik-plugins.com
    © Copyright oik-plugins 2011-2023. All rights reserved.


    Website designed and developed by Herb Miller of Bobbing Wide
    Proudly powered by WordPress and oik-plugins
    WordPress 6.1.1. PHP: 7.4.33. Memory limit: 768M