Pullquote Block

The Pullquote Block lets you emphasize text quotes with colors and styles …

WordPress Gutenberg Blocks – Pullquote

WordPress Gutenberg - Pullquote Block

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Pullquote Block Description

The Pullquote Block lets you emphasize text quotes with colors and styles.

Add Pullquotes to WordPress using the Pullquote Block

(Add Pullquotes to WordPress using the Pullquote Block)

How To Use The Pullquote Block

To add a Pullquote Block:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select a ‘Pullquote’ block (in Most Used or Formatting section), or
    • Add the ‘Pullquote’ block in the Content Area.
  • Type or paste in your pullquote and add a citation.
  • Use the tools in the Pullquote Block Editor or Block Settings section to edit your Pullquote.

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Pullquote’ block …

'Add Block' Tool - Add Pullquote Block

(‘Add Block’ Tool – Add Pullquote Block)

Or, select a Pullquote Block in the Content Area

Add a Pullquote Block from the Content Area

(Add a Pullquote Block from the Content Area)

After adding a Pullquote Block, you can type or paste in your pullquote and add a citation.

Add a pullquote and citation

(Add a pullquote and citation)

After adding pullquotes:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit A Pullquote Block

To edit a Pullquote Block:

  • Click inside the Pullquote Block to select it.
  • Use the Block Editor tools to:
    • Change the alignment of the pullquote (left, right).
    • Change the width of the pullquote box (wide, full).
    • Format the text and citation (bold, italics, strikethrough).
    • Add a hyperlink to the text or citation.
  • Use the Block Settings to:
    • Change the pullquote style.
    • Change the pullquote background color and text color.

Edit a Pullquote Block

(Edit a Pullquote Block)

Tip

The Pullquote Block lets you know if you choose a text and background color combination that may be hard for users to read …

Pullquote Block: Built-in color design tips

(Pullquote Block: Built-in color design tips)

Remember to update and publish your post or page to save your settings.

How To Remove A Pullquote Block

To delete or remove a pullquote block:

  • Click inside the Pullquote Block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.

Remove a Pullquote Block

(Remove a Pullquote Block)

Additionally …

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (see our ‘How To Use Blocks‘ tutorial if you need help with this step).
  • You can also convert Pullquote Blocks into Reusable Blocks.

Pullquote Block Tools, Options & Settings

The Pullquote Block includes tools, options, and settings for:

  • Pullquote Block Editor
  • Pullquote Block Settings

Pullquote Block Editor

Pullquote Block Editor

(Pullquote Block Editor)

The Pullquote Block Editor includes tools that let you perform the following operations:

  • Change Block Type (See ‘Pullquote Block – Additional Info’ section below.)
  • Align Pullquote Box
    • Align left
    • Align right
  • Pullquote Width
    • Wide width
    • Full width
  • Format Text
    • Bold
    • Italics
    • Strikethrough
  • Add Hyperlinks
    • Paste link URL
    • Type to search and link to existing content
    • Hit ‘Enter’ or click ‘Apply’ button to create link
    • Option to open link in new tab
  • More Options

Pullquote Block Editor

(Pullquote Block Editor)

Pullquote Block Settings

Pullquote Block Settings

(Pullquote Block Settings)

Pullquote Block settings include:

  • Block description area
  • Pullquote Styles
    • Regular
    • Solid Color
  • Color Settings
    • Main Color
    • Text Color
  • Advanced Settings
    • Additional CSS Class

Pullquote Block Settings

(Pullquote Block Settings)

Pullquote Block – Additional Info

The Pullquote Block can be converted into the following block types:

Change Block Type - Pullquote Block

(Change Block Type – Pullquote Block)

Info

Notes:

  • Clicking on ‘Change Block Type’ also lets you change styles for your pullquote.
  • Installing plugins or themes on your site may add new functionality, options, or settings to Pullquote Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Pullquote Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"I have used the tutorials to teach all of my clients and it has probably never been so easy for everyone to learn WordPress ... Now I don't need to buy all these very expensive video courses that often don't deliver what they promise." - Stefan Wendt, Internet Marketing Success Group

Recommended Video Courses For WordPress Users

WordPress Traffic & User EngagementWordPress Traffic & User Engagement

Learn how to drive more targeted traffic to your website and discover ways to improve user engagement with your business online.

More info: WordPress Traffic & User Engagement

Recommended Video Courses For WordPress Users

Keyword Research ToolsKeyword Research Tools

This video course shows you how to do keyword research using tools like the Google Keyword Planner.

More info: Keyword Research Tools

Recommended Video Courses For WordPress Users

WordPress 101: How To Use WordPressWordPress 101: How To Use WordPress

Learn how to unlock the power of the WordPress content management system (CMS) using the many powerful features inside your WordPress administration area.

More info: WordPress 101: How To Use WordPress

Recommended Video Courses For WordPress Users

Why Your Business Needs WordPressWhy Your Business Needs WordPress

Learn about the unique features, benefits, and advantages of using WordPress to start or grow your business online.

More info: Why Your Business Needs WordPress

Recommended Video Courses For WordPress Users

Google ToolsGoogle Tools

This video course will help you learn the basics of using Google Tools like Google Analytics and Gmail.

More info: Google Tools

Recommended Video Courses For WordPress Users

Build A WordPress Site ... Fast!Build A WordPress Site ... Fast!

Need a new website or blog in a hurry?

This video course shows you how to quickly install and configure a WordPress website or blog on your own domain name and be up and running in no time!

More info: Build A WordPress Site ... Fast!

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and the author of The Small Business Digital Manager. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as Pullquote Block.