Pull Quotes are an important feature in many online publishing platforms.  In the new Gutenberg editor for WordPress, this is made really simple and intuitive.  The look of the pull quote on the front of your site is still determined by your particular theme setup, but implementing it will be the same across most themes.

  1. Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor).
  2. Select Blocks. Then scroll to Common Blocks. Under that section you will see Quote. Select Quote.
    Hint: You can also type “Quote” in the search bar to quickly get to the button option.

3. The quote edit window will appear. From here, you’ll be able to select how your quote will align with your other blocks. Enter the text for your quote, and style the text (bold, italicize, add a strike through). You also have an option to add css classes to the quote.

A pull quote created using the Gutenberg Block Editor

Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

Share