![]() If your theme shows full posts (rather than excerpts) on your main blog page, then adding a ‘More’ link will break off your post at that point. ![]() Here’s how it looks when you’re creating your post in the block editor:Īnd here’s how the spacer appears on your site: You can customize the height of the spacer. For instance, if you want a slight gap at the end of your post before a special offer, you can use the Spacer. The Spacer lets you add white space between blocks. The default WordPress block editor allows you to add multiple types of separators to your posts and pages.Īside from the horizontal line separator, the other options in the Layout Elements set of blocks include the Spacer, the More link, and the Page Break blocks. Other Separators You Can Use in Your Posts and Pages This will add the horizontal line separator in your post content. If so, you can simply do that by using the hr HTML tag in your content: In some rare cases, you may need to manually add a horizontal line divider in your WordPress content. Manually adding a Horizontal Line divider using HTML It’ll cover the whole width of your post like this: It’s the second from the left on the second row: You can then click the Horizontal Line button. Now, go ahead and put a line break between the paragraphs where you want the horizontal line to go. This will open up the second row of buttons, which includes the horizontal line option. If you only see one row of buttons in the toolbar above the post editor, then click on the Toolbar Toggle icon on the right: To do so, simply edit an existing post or page or create a new one. If you’re still using the classic editor, then you can add basic horizontal lines. Here, our horizontal line is blue and uses the “wide” style.Īdding a Horizontal Line in the WordPress Classic Editor If you want to go back to the default gray color, just click ‘Clear’ button under the color options. Simply click on one of the options displayed, or use the ‘Custom color’ link to pick any color at all. You can also change the color of your horizontal line under the Color settings. Note: In some WordPress themes, both the wide line and the default line will cover the whole width of your post. Three dots that display in the center of your post.A wide line that covers the full width of your post’s content.You can change the horizontal line to one of these, if you want: To change the style of your line, just click the little arrow next to Styles. Then, the ‘Block’ editing panel will open up on the right-hand side of your screen. You can change how it looks by clicking on the line to select its block. Styling the Horizontal Line in the WordPress Block Editorīy default, the horizontal divider is a pale gray line across the center of your post or page. Once added, you’ll see your horizontal line divider in your content area. Next, select the Separator block from the Layout Elements section or search for it using the search bar. To add a horizontal line using the WordPress block editor, click the (+) icon to add a new block wherever you want the line to be. How to Break a Long WordPress Forms into Multiple SectionsĪdding a Horizontal Line in the WordPress Block Editor.How to Add Other Types of Spacers and Page Breaks in WordPress.How to Add a Horizontal Line Divider with Manual HTML.How to Add a Horizontal Line Divider in Classic Editor.How to Add a Horizontal Line Divider in Block Editor.Since this is a comprehensive guide on how to add a horizontal line divider in WordPress, you may find it helpful to use our table of content: In this article, we’ll show you how to easily add a horizontal line divider in WordPress. Horizontal line dividers are a great way to break long posts into smaller sections, highlight special announcements or promotion, and clearly separate different parts of a page. Do you want to add a horizontal line across your post or page in WordPress?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |