by |

Pullquote Block Reference

Pullquote Block

Give special visual emphasis to a quote from your text.

Inserting a Block

When starting a new page or post, a dialog with the first new post or page appears welcoming you to the block editor. Move to the “close this dialog button” and press either spacebar or enter to dismiss this dialog.

After typing the text for your title a placeholder for a new block is inserted into the content area which prompts the user to start typing or press the slash (/) key to choose a block type. If using a screen reader, you will need to invoke forms or edit mode before you start typing or use the slash key. If this placeholder does not appear then you can simply press the Keystroke of ALT + CTRL + Y (Mac: Command + Option + Y) to insert this placeholder and then use the previous instructions.</p

Choosing a block

With focus on the block placeholder, either start typing to insert a paragraph block or press the slash (/) key to choose a block. You will more than likely see a list of approximately 8 to 9 items in this list that is presented. This list is either the most commonly or most recently used blocks chosen. Please note that screen reader users will need to be in forms or edit mode.

Use your UP and DOWN ARROW keys to navigate this list until you get to the item you desire and then press the enter key. Do not attempt to use first letter navigation in this list as it does not work, only the ARROW keys. The reason first letter navigation does not work in this list is because if you start typing the editor assumes you want the paragraph block.

Configuration of the Inserted Block

Now that a block has been chosen and inserted, let us discuss configuring the block starting with the toolbar.

The following list describes the toolbar moving from left to right.

Block Toolbar – Alt + F10 (Mac: Option + F10)

  • Pullquote Button Menu – Change block type or Style
  • Move Up
  • Move Down
  • Align
    • Align – None Max Widdth 645 px
    • Align – Wide Width
    • Align – Full Width
  • Align Text Button Menu
    • Align Text – Left
    • Align Text – Center
    • Align Text – Right
  • Options Button Menu
    • Copy – CTRL + C (Mac: Command + C)
    • Cut – CTRL + X (Mac: Command + X)
    • Duplicate – CTRL + Shift + D (Mac: Command + SHIFT + D)
    • Add before – Alt + CTRL + T (Mac: Command + Option + T)
    • Add after – Alt + CTRL + Y (Mac: Command + Option + Y)
    • Copy styles
    • Paste styles
    • Group
    • Lock Submenu – dialog with 3 option
      • Lock All
      • Lock Movement
      • Lock Removal
    • Rename Submenu – dialog allows user to rename the block
    • Create Patterns Submenu – dialog allowing advanced CSS options
    • Edit as HTML
    • Delete – Alt + Shift + Z (Mac: CTRL + Option + SHIFT + Z)

Change Block Type or Style

At the time of the writing of this document, this feature was beyond the scope of the basics desire to convey to any user. In a future part of these tutorial files we will write a part on CSS and document this feature.

Changing your block layout

As you continue to compose your page or post, the blocks are enumerated 1 of 10, 2 of 10, and so on throughout the hierarchy.

To move your block UP or DOWN in the hierarchy, first make sure you are focused on the block, make sure you are in forms or edit mode and then press ALT + F10 (Mac: Option + F10)to bring UP the block editing toolbar.

Use your RIGHT and LEFT ARROW keys to navigate this toolbar. As you press the RIGHT ARROW keys, the first two (2) options on this toolbar are the buttons to move either UP or DOWN one (1) block at a time. Choose the appropriate button and press the spacebar or enter key to maneuver the block into the position of the hierarchy you desire.

You can also use the keystroke of ALT + CTRL + SHIFT + T (Mac: Command + Option + SHIFT + T) to move your block UP one position in the hierarchy, as well as press the ALT + CTRL + SHIFT + Y (Mac: Command + Option + SHIFT + Y) to move your block DOWN one position in the hierarchy.

Changing Block Alignment

To change the alignment of the text in the block, press the keystroke of ALT + F10 (Mac: Option + F10) then use the right arrow to move to the button for alignment. To activate this button press either your Enter key or Spacebar. You will find three (3) options for alignment: left, center, and right. Simply choose the alignment and either press the Enter key or spacebar to select your choice.

Copy or Move a Block

Copying a block uses the standard Windows keystroke of CTRL + C (Mac: Command + C), which is useful for when your block is setUP and formatted and you wish to share between other pages or posts. You can also move a block by using CTRL + X (Mac: Command + X). Once you have either cut or copied the block you desire to manipulate press the keystroke CTRL + V (Mac: Command + V) to paste the block in the position of the location where you would like it to appear.

Duplicate a Block

You can also duplicate a block by pressing CTRL + SHIFT + D (Mac: Command + SHIFT + D). This is useful if you have a block already formatted and want to duplicate this block along with its information in another location in your pages or posts.

Add Block before or After

If you are editing an existing page or post that already has blocks in the content area, you can add a block either before or after a selected block in the hierarchy. To add a block before the selected block press ALT + CTRL + T (Mac: Command + Option + T) and to add a block after the selected block press ALT + CTRL + Y (Mac: Command + Option + Y). Screen reader users will need to be in forms or edit mode.

Deleting a block

To delete a block, make sure that your focus is on the block you wish to delete, and in forms or edit mode and then press the keystroke ALT + SHIFT + Z (Mac: CTRL + Option + SHIFT + Z). Your block will be deleted.

There is a second option for you to explore in deleting a block. Press ALT + F10 (Mac: Option + F10) to bring UP the toolbar, then use the RIGHT ARROW to move to the “Options button” and press either the spacebar or enter key to drop DOWN a list of items, then DOWN ARROW to the option for “remove/delete block” and press the enter key on this item and the block will be deleted.

Furthermore, you can press CTRL + A (Mac: Command + A) twice quickly to select all the blocks in the content area and press either the backspace or the delete key to get rid of all the blocks in the content area. You want to use caution when using this method, as it may not give you the result that you are looking for.

Block – Configuration

Styles

  • Default
  • Plain
  • Color

Text

  • Background
  • Background Image
  • Add Background Image

Topography

  • Topography Options
  • Font size
  • Size
  • set custom size
Font size – group of radio buttons
  • Small
  • Medium
  • Large
  • Extra Large
  • Extra Extra Large

Dimensions

  • Show Padding
  • Show Margins

Border

  • Show Border
  • Show Radius

Advanced

  • HTML Anchor
  • Additional CSS Class
  • Skip to the selected block

Respond

Leave a Reply

Discuss this

Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.