{"id":11284800,"date":"2019-03-07T09:23:42","date_gmt":"2019-03-07T09:23:42","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11284800"},"modified":"2024-06-08T17:51:42","modified_gmt":"2024-06-08T17:51:42","slug":"paragraph-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/paragraph-block\/","title":{"rendered":"Paragraph block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of Blocks<\/a><\/p>\n\n\n\n<p>The <em>Paragraph<\/em> block is a basic building block that allows you to add text content to a post or page. It is the default block that appears when you create a new post or page.<\/p>\n\n\n\n<p>Besides adding text, the <em>Paragraph<\/em> block offers various formatting options to customize text content. It lets you make the text bold, italics, and strikethrough. Additionally, you can add links, inline images, and highlights to the text content.<\/p>\n\n\n\n<p>The <em>Paragraph<\/em> block also supports keyboard shortcuts for text formatting, making creating and customizing content easier. For example, you can convert texts into headings using keyboard shortcuts: <strong>Alt + Shift + Number 1-6<\/strong>. The numerical keyboard shortcuts represent Heading 1 to Heading 6. If you want to change them back to texts, press <strong>Alt + Shift + 0<\/strong>.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/keyboard-shortcuts-block-editor\/#text-formatting\">Learn more about the text formatting keyboard shortcuts.<\/a><\/p>\n\n\n\n<p>To add a <em>Paragraph<\/em> block, create a new post or page and open the Block Inserter tool. Look for the <em>Paragraph<\/em> block using the search bar and click on the icon to insert the block into the editor.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/paragraph-1.mp4\"><\/video><\/figure>\n\n\n\n<p>You can also choose the <em>Paragraph<\/em> block from the &#8220;Block Inserter&#8221; (+) pop-up window when you click on the (+) sign. <\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Get detailed instructions on adding blocks<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-toolbar\">Block toolbar<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"144\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-toolbar.jpg\" alt=\"Block Toolbar for the paragraph block.\" class=\"wp-image-15614379\" style=\"width:395px;height:72px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-toolbar.jpg 790w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-toolbar-300x55.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-toolbar-768x140.jpg 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><figcaption class=\"wp-element-caption\">Paragraph Block Toolbar<\/figcaption><\/figure>\n\n\n\n<p>Each block has its own block-specific controls that allow you to manipulate the block right in the editor. If you hover over the buttons, tooltips will tell you what is behind the buttons, and also show you keyboard shortcuts when available. <\/p>\n\n\n\n<p>The block toolbar for the <em>paragraph<\/em> <em>block<\/em> shows these buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Block-moving tools<\/li>\n\n\n\n<li>Change text alignment<\/li>\n\n\n\n<li>Bold and Italics<\/li>\n\n\n\n<li>Insert links<\/li>\n\n\n\n<li>More rich text controls<\/li>\n\n\n\n<li>Options<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"transform-to\">Transform to<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"982\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-transforms-to.jpg\" alt=\"Block Toolbar for the paragraph block with an emphasis on the &quot;transform to&quot; option with everything a paragraph can be transformed to.\" class=\"wp-image-15614385\" style=\"width:390px;height:491px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-transforms-to.jpg 780w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-transforms-to-238x300.jpg 238w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-transforms-to-768x967.jpg 768w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p>The <strong>Transform to<\/strong> button lets you convert the <em>Paragraph<\/em> block into Heading, List, and Quote blocks. Additionally, you can transform the text content into Columns, Pullquote, Code, Group, Preformatted, and Verse blocks. Using one of these tools also changes the text&#8217;s appearance or style.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-moving-tools\">Block-moving tools<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"105\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/05\/block-moving-tools.png\" alt=\"The block-moving tools for the paragraph block\" class=\"wp-image-16356923\" style=\"width:370px;height:53px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/05\/block-moving-tools.png 739w, https:\/\/wordpress.org\/documentation\/files\/2023\/05\/block-moving-tools-300x43.png 300w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/figure>\n\n\n\n<p>Use the block-moving tools to move the <em>Paragraph<\/em> block.<\/p>\n\n\n\n<p>The <strong>drag<\/strong> or <strong>six dots<\/strong> icon allows you to freely reposition the block anywhere within the editor by holding the icon and dragging it to the new location.<\/p>\n\n\n\n<p>You can also use the <strong>arrow icons<\/strong> to move the block up or down within the group of nested blocks or when there are multiple blocks.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/site-logo-block\/\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"change-text-alignment\">Change text alignment<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-alignment.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-alignment.jpg\" alt=\"Block Toolbar for the paragraph block with an emphasis on the &quot;change text alignment&quot; drop down options.\" class=\"wp-image-15614390\" style=\"width:384px;height:205px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-alignment.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-alignment-300x160.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><figcaption class=\"wp-element-caption\">Block toolbar with the drop-down for alignment.<\/figcaption><\/figure>\n\n\n\n<p>Use the <strong>Change text alignment<\/strong> tool to modify the alignment of the <em>Paragraph<\/em> block. Select the icon to display the alignment dropdown menu. You can align the text to the left, make it center-aligned, or orient it to the right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"bold-and-italics\">Bold and italics<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"741\" height=\"104\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/05\/bold-italic.png\" alt=\"The bold and italics options\" class=\"wp-image-16356924\" style=\"width:371px;height:52px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/05\/bold-italic.png 741w, https:\/\/wordpress.org\/documentation\/files\/2023\/05\/bold-italic-300x42.png 300w\" sizes=\"auto, (max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<p>The Bold and Italics formatting options are used to customize the text in the <em>Paragraph<\/em> block. You can also use keyboard shortcuts to enable these text formatting:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ctrl + B<\/strong> or <strong>Command + B<\/strong> to bold the text.<\/li>\n\n\n\n<li><strong>Ctrl + I<\/strong> or <strong>Command + I<\/strong> to italicize the text.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"insert-links\">Insert links<\/h3>\n\n\n\n<p>The Insert links tool lets you add a hyperlink to the selected text.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/link-editing\/\">Read about more link editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"more-rich-text-options\">More rich text options<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"220\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-rich-text-options-generic-6.3.png\" alt=\"Examples of the location of the &quot;Rich Text Editing&quot; menu in a Paragraph block. \" class=\"wp-image-16358233\" style=\"width:476px;height:133px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-rich-text-options-generic-6.3.png 788w, https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-rich-text-options-generic-6.3-300x84.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-rich-text-options-generic-6.3-768x214.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><figcaption class=\"wp-element-caption\">Examples of the location of the &#8220;Rich Text Editing&#8221; menu in a Paragraph block.<\/figcaption><\/figure>\n\n\n\n<p>The drop-down menu to the left of the&nbsp;More options menu&nbsp;contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-text-editing-overview\/\">Read about more rich text editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"more-options\">More options<\/h3>\n\n\n\n<p>The <a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\">More Options menu<\/a> represented by <strong>three vertical dots on the far right of the toolbar<\/strong> gives you more features such as the ability to duplicate, remove, or edit your block as HTML.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"246\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-options-generic-6-3.png\" alt=\"Examples of the location of the &quot;More Options&quot; menu in a Paragraph block. \" class=\"wp-image-16358234\" style=\"object-fit:cover;width:482px;height:145px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-options-generic-6-3.png 816w, https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-options-generic-6-3-300x90.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/08\/more-options-generic-6-3-768x232.png 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><figcaption class=\"wp-element-caption\">Example of the location of the &#8220;More Options&#8221; menu in a Paragraph block.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-settings\">Block settings<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"706\" height=\"242\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Captura-de-ecra-2024-05-14-as-16.09.25.png\" alt=\"\" class=\"wp-image-16360256\" style=\"aspect-ratio:2.7111111111111112;width:390px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Captura-de-ecra-2024-05-14-as-16.09.25.png 706w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Captura-de-ecra-2024-05-14-as-16.09.25-300x103.png 300w\" sizes=\"auto, (max-width: 706px) 100vw, 706px\" \/><\/figure>\n\n\n\n<p>WordPress blocks have specific configuration options in the block settings panel. To access the <em>Paragraph<\/em> block settings panel, click the Settings button at the top-right corner of the editor. Here is a list of the <em>Paragraph<\/em> block settings options:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"color\">Color <\/h3>\n\n\n\n<p>Text and background colors can be set on a per-block basis, allowing you to call attention to important content. Using the Color settings, you can customize the block by adding text, background, and link colors.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">See this guide for more information about changing colors.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"typography\">Typography <\/h3>\n\n\n\n<p>The Typography settings enable you to customize the font and text appearance of the content within the <em>Paragraph<\/em> block. The settings have various options, such as font size, font style, font family, and letter spacing.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Get more details about changing typography settings.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dimensions\">Dimensions<\/h3>\n\n\n\n<p>The <em>paragraph<\/em> block provides various options to adjust its dimensions, such as width and height, allowing you to customize the text layout to ensure visual consistency.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Dimension settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advanced\">Advanced<\/h3>\n\n\n\n<p>The <em>Advanced<\/em> tab lets you add HTML anchor and CSS class(es) to your block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"716\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-advanced.jpg\" alt=\"The advanced tab for the paragraph block.\" class=\"wp-image-15614475\" style=\"width:283px;height:358px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-advanced.jpg 566w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/paragraph-block-advanced-237x300.jpg 237w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/figure>\n\n\n\n<p>The Advanced settings let you add an HTML anchor and CSS class(es) to the Group block.<\/p>\n\n\n\n<p>The HTML anchor settings let you make a unique anchor text for the Group block and link it to another web page. For more detail, refer to <a href=\"https:\/\/wordpress.org\/documentation\/article\/page-jumps\/\">Page Jumps<\/a>.<\/p>\n\n\n\n<p>The Additional CSS class(es) enables you to write custom CSS class(es) to the Group block, so you can style the block as you see fit.<\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-light-gray-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-huge-font-size\" id=\"changelog\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2024-05-14\n<ul class=\"wp-block-list\">\n<li>Replaced the long GIF with a video to provide better usability. This allows readers to rewatch missed parts, skip sections, etc.<\/li>\n\n\n\n<li>Fixed: The first image in &#8220;Lock Settings&#8221; was outdated.<\/li>\n\n\n\n<li>Corrected: Changed &#8220;links, inline images, and highlight&#8221; to &#8220;links, inline images, and highlights&#8221; to match plural form.<\/li>\n\n\n\n<li>Corrected: &#8220;The paragraph block provides options for dimension settings&#8221;.<\/li>\n\n\n\n<li>Corrected: Clarified whether the paragraph block ensures consistency.<\/li>\n\n\n\n<li>Corrected: The &#8220;Advanced&#8221; guide allowed adding HTML anchors. Inconsistency in the use of quotes around &#8220;Advanced&#8221; in this menu was fixed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-08-09\n<ul class=\"wp-block-list\">\n<li>Replaced the link section with short summary linking to new dedicated page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-06-08\n<ul class=\"wp-block-list\">\n<li>Replaced &#8220;More rich text options&#8221; section with short summary linking to new dedicated page for rich text editing options.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-05-16\n<ul class=\"wp-block-list\">\n<li>Content and screenshots updated for 6.2<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-09-26\n<ul class=\"wp-block-list\">\n<li>Updated wording of &#8220;Block Toolbar&#8221; section <\/li>\n\n\n\n<li>Added Alt Text to images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-05-24\n<ul class=\"wp-block-list\">\n<li>All screenshots &amp; videos have been changed for WordPress 6.0.<\/li>\n\n\n\n<li>Added Keyboard Input inline format.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-08-23\n<ul class=\"wp-block-list\">\n<li>Added subscript and superscript options<\/li>\n\n\n\n<li>Updated content to WP 5.5<\/li>\n\n\n\n<li>Updated images to WP 5.5<\/li>\n\n\n\n<li>Convert existing blocks to media &amp; text blocks<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-04-20\n<ul class=\"wp-block-list\">\n<li>Added updated color settings screen<\/li>\n\n\n\n<li>Added video on how to change color in the Custom Color window. <\/li>\n\n\n\n<li>changed date in Changelog from mm\/dd\/yyyy to yyyy-mm-dd<\/li>\n\n\n\n<li>Added new Category: Common Blocks<\/li>\n\n\n\n<li>Category Hierarchy: <code>Block Editor &gt; Core Blocks &gt; Common Blocks <\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-04-18<ul><li>Added &#8220;More Options&#8221; 3-dot menu section and explanations of the options. <\/li><li>Added explanations and illustrations to the various toolbar rich content options.  <\/li><li>Added screenshots of toolbar drop downs<\/li><li>Replaced previous block tool bar images with WordPress 5.4 views<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Added video for tool tips on paragraph toolbar<\/li>\n\n\n\n<li>converted reusable block to Regular block<\/li>\n\n\n\n<li>Added the Changelog<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks The Paragraph block is a basic building block that allows you to add text content to a post or page. It is the default block that appears when you create a new post or page. Besides adding text, the Paragraph block offers various formatting options to customize text [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,85],"class_list":["post-11284800","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-text-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11284800"}],"version-history":[{"count":19,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284800\/revisions"}],"predecessor-version":[{"id":16360354,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284800\/revisions\/16360354"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11284800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11284800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}