![]() ![]() It’s important to keep color contrast ratios in mind, as they can There are a few items to keep in mind, depending on which option you choose: Solid ColorĪ solid color offers a simple way to make a bold statement. This could beĪn image, video, solid color or gradient. Your page, you’ll have the option to choose a background. Here’s where the fun starts! Once the Cover block has been added to Since our theme supports these additional alignments, we will choose a Wide width. So, if you don’t see options for Wide width or Full width alignments in your Cover block, it’s likely because your theme doesn’t yet support it. To be specifically supported in order to work on your website. However, wide or full-width alignments need Block alignment is one of them.Īligning a Cover block to the left, center or right should be It works with just about any WordPress theme. The Gutenberg block editor is in many ways theme agnostic – meaning Use the search box to more easily find the Cover block.Ĭlick on the block to add it your page. TheĬover block is listed within the Media category. You’ll see a comprehensive list of available Gutenberg blocks. Within the block editor, click on the Add block button (consisting of a white “+” symbol on a black or blue background), located on the upper left of the screen. This can beĪny new or existing page or post within your website. Next, it’s time to add a Cover block to your content. The key is in ensuring that the block editor is available to use. From there, select whether you want to the Block editor toīe the default choice or allow your site’s users to switch editors asĬonfigure the plugin in any way that suits you. If you have the Classic Editor plugin installed, navigate over to Settings > Writing within Users chose to stick with the “Classic” editor via a plugin. Has been a part of WordPress core since version 5.0. Your website is set to use the block editor. Ensure That the Gutenberg Block Editor Is Activeīefore you can use the Cover block, you’ll want to make sure that Here’s how you can add one to your own WordPress website. Now that we’ve looked at what the Cover block can do, let’s put it Your Cover block can be a fully-custom element. This opens the door to all sorts of creative use cases. LayoutĮlements such as columns or buttons can be added in, along with Other WordPress Gutenberg blocks can be utilized as well. Add More Gutenberg Blocks for Various Content TypesĬover block content doesn’t have to be text-only. List, Quote and Heading are also available. Other text-based WordPress Gutenberg blocks such as You can tweak font size and color, or add a drop cap. Thankfully, there are several options that can serve different needs.īy default, a Paragraph block is inserted within the Cover. While you could utilize the Cover block for its background alone,Īdding text is a great way to attract attention to important content. The overlay’s opacity can also be adjusted to your liking. In addition, a color or gradient overlay can be added to imageīackgrounds for both a unique visual effect and to make text more Set to a fixed position, providing a parallax-like effect upon scroll. You can choose between a number of background types, including It combines a number of Gutenberg’s best features, including: Plenty of Custom Background Possibilities Why the Cover Block Rocksįirst, let’s take a look at what makes the Cover block is soĪppealing. You’re sure to find the design assets that will make your Cover block a masterpiece. Take advantage by adding an amazing photo, graphic or videoĪ subscription provides you with access to hundreds of thousands of top-quality stock videos, photos and graphics. Of all Gutenberg blocks, the Cover block is a high-impact designĮlement. Here we go! Download Design Assets for Your Cover Block at Envato Elements Along the way, we’ll provide some examples thatĭemonstrate what is possible with this versatile feature. Today, we’ll introduce you to the Cover block and show you how to Way to feature a selected quote or call-to-action. It could be used as a classic hero banner, with aįull-width photo background and text overlay. The Cover block is a fully-customizable element that can serve a But none allow your content to stand out quite like Some are aimed at utility, while others are moreĭesign-oriented. Gutenberg comes with a variety of default block types to get you WordPress Gutenberg blocks provide you with the That can feature multiple content types, all without the need for a ![]() It has brought the ability to craft page layouts The WordPress Gutenberg block editor has empowered content creators ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |