How To Add Additional Text Area In Post In Wordpress

How to Create a Mail or Folio with the WordPress Block Editor

The WordPress Editor usesblocks to transform the style you create content: information technology turns a single document into a collection of components for adding content.

With blocks, you tin quickly add and customize multiple media and visual elements that used to require shortcodes, custom HTML code, and embeds. Blocks brand it easier to create media-rich layouts on your Pages and Posts.

Objectives

After completing this lesson, participants will be able to:

• Create the content for a Mail service or Page using blocks.
• Design an advanced layout using multiple blocks

Prerequisite Skills

Participants volition get the most from this lesson if they have familiarity with:

• Basic WordPress Concepts
• Posts vs Pages

Readiness Questions

• Do you want to add content to your website?
• Have you felt confused nearly how to layout the content on your website?

Materials Needed

• Access to write a Post or Page in a WordPress powered website
• Culling: use the demo site for Gutenberg

Notes for the Presenter

• Participants may exist entirely new to using WordPress, or be familiar with the classic editor.
• Focus on only using blocks. Additional lessons are available for these topics:
  • Categories vs Tags
  • Posts vs Pages
  • Reusable Blocks
  • Block Patterns
  • Cake Directory
• Participants volition need time to do moving blocks and dissimilar ways to add together blocks
• Indicate that Blocks will become function of the interface throughout all of the WordPress experience with Full Site Editing and that other content management systems have begun to adopt Gutenberg Cake Editor likewise, such as Drupal have also begun to adopt Gutenberg Block Editor.

Lesson Outline

• Demonstrate iii ways on how to add together a block
• Review Block Editor terms
• Demonstrate how to move a block and to delete a block
• Show an advanced block layout

Exercises

Create an advanced Block layout. Practice putting multiple blocks together to form a layout. Show this as an instance layout to recreate.

Cess

There should exist one assement particular (or more) for each objective listed above. Each assessment particular should support an objective; there should be none that don't.

What are Blocks?

1. Components for adding pre-designed content to your website
2. How we edit Posts, Pages, and other areas within our website
3. Code that enables media-rich layouts
4. All of the above

Answer: 4. Right answer

How can I add together a Block to my layout?

1. Inserter  + right of an empty block
2. Inserter  + in the Top Tool Bar
3. Inserter  + in the center between blocks
4. Slash command in an empty paragraph block
5. 3-dots ( More options) Menu on Block Toolbar
6. All of the above

Respond: half dozen. All of the above will insert a Block

Default blocks include these types of Blocks EXCEPT:

1. Text
2. Media
3. Design
4. Widgets
5. Embeds
6. E-commerce

Answer: 6. E-commerce

Boosted Resources

• Adding a Block
• Types of Blocks
• WordPress Editor
• Block Editor Glossary

Example Lesson

How to Insert a Block to the WordPress Editor

There are multiple ways to add together a cake, search and choose the block type you need.

• Inserter  + correct of an empty cake
• Inserter  +  in the Top Tool Bar
• Inserter  + in the center between blocks
• Slash control in an empty paragraph cake
• iii-dots ( More options) Card on Block Toolbar

Select the Inserter ⊞ to add together a new Block to the WordPress Editor

How to add Blocks to the WordPress Editor in a Mail or Page

Selecting Browse All will open the Block Inserter at left.

View Blocks within the Block Inserter

Select the 3 dots on the correct side of the Cake Toolbar to add a block earlier or later on the current location

Typing / at the start of a line will open ofttimes used Blocks. Go along typing the type of block you lot want, such as /image.

Some Markdown commands are supported to add a Block, such as ## for Heading 2 or * to start a bulleted list. Likewise, copy/paste from a Markdown file or Google Docs volition convert to Blocks generally well.

Block Editor Terms

1. Block – The abstruse term used to describe units of markup that, composed together, form the content or layout of a webpage. The thought combines concepts of what in WordPress today nosotros accomplish with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.
2. Block Inserter – Primary interface for selecting from the available blocks, triggered by plus icon buttons on Blocks or in the top-left of the editor interface.
3. Cake editor content surface area – The WordPress editor experience uses blocks to determine content layout.
4. Settings Sidebar – The console on the correct that contains the document and block settings. The sidebar is toggled using the Settings gear icon. Block settings are shown when a block is selected, otherwise document settings are shown.
5. Block categories – These are not a WordPress taxonomy, but instead used internally to sort blocks in the Block Library. Encounter https://wordpress.org/back up/commodity/blocks/ to explore each of the blocks within these cake categories.
   • Common Blocks: Paragraph Paradigm Heading Gallery List Quote Audio Cover File Video
   • Formatting: Lawmaking Classic Custom HTML Preformatted Pullquote Tabular array Verse
   • Layout: Folio Break Spacer Buttons Columns Group Media & Text More Separator
   • Widgets: Shortcode Archives Agenda Categories Latest Comments Latest Posts RSS  Search  Social Icons Tag Cloud
   • Embeds

Mutual Block Toolbar Options

Each Block Toolbar will have unique options

1. Change Block Type
2. Drag and drop (click and concur) to move the Block up or down rows inside the certificate
3. Apply the up and down toggles to move the Block upwards or down a unmarried line
4. Change text alignment
5. More settings bachelor
6. Options

Moving the Block Toolbar

If y'all would adopt the Block Toolbar to dock to the top of the editor, you lot can toggle the setting on via Options.

Within the Options settings, toggle Top toolbar

Lesson Wrap Up

Blocks are a way to add various components, or pre-formatted portions of layouts, to your website. This tin assist you achieve merely the await you envisioned without needing to impact code. Blocks get in more than efficient to write your content.

Tip: 💡 Follow with the Exercises and Assessment outlined above.

How To Add Additional Text Area In Post In Wordpress,

Source: https://learn.wordpress.org/lesson-plan/how-to-create-a-post-or-page-with-the-wordpress-block-editor/

Posted by: klinesuffigh.blogspot.com

Share this post