Adding pull quotes in Gutenberg

by Aug 9, 2018Gutenberg, WordPress 5.0, WordPress Tutorials - WP Tutorials

Need WordPress Help? Click Here.

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.

Step 1 Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor).

Step 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.

Step 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

More WordPress Tutoring Goodness

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

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.


Submit a Comment

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