Gutenberg (Block Editor) Flashcards

1
Q

Q: What is Gutenberg in WordPress?

A

A: The block-based editor introduced in WordPress 5.0 for creating and editing content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Q: What is a “block” in Gutenberg?

A

A: A modular content unit, such as paragraphs, images, or widgets, that can be arranged to build a page or post.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Q: How do you add a new block in Gutenberg?

A

A: Click the “+” icon in the editor or type / followed by the block name.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Q: What is the shortcut to duplicate a block in Gutenberg?

A

A: Click on the block options (three dots) and select “Duplicate.”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Q: How do you access block settings in Gutenberg?

A

A: Click on a block and select the gear icon in the top-right corner of the editor.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Q: What block is used to create paragraphs of text?

A

A: The Paragraph block.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Q: Which block is used to display images?

A

A: The Image block.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Q: What block is used for adding headings?

A

A: The Heading block.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Q: What block is used to create lists?

A

A: The List block.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Q: Which block is used to embed videos from platforms like YouTube?

A

A: The Embed block.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Q: How do you align a block in Gutenberg?

A

A: Select the block and choose an alignment option from the toolbar.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Q: What is the purpose of the “Advanced” section in block settings?

A

A: To add custom CSS classes to a block for additional styling.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Q: How do you change a block’s background colour?

A

Q: How do you change a block’s background colour?

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Q: How do you change a block’s text colour?

A

A: Use the block settings panel to select a text colour.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Q: How do you convert a block to reusable?

A

A: Select the block, click on the block options (three dots), and choose “Add to Reusable Blocks.”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Q: What is a reusable block?

A

A: A block saved for repeated use across multiple posts or pages.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Q: How do you edit a reusable block?

A

A: Open the block, make changes, and save the updates.

18
Q

Q: What is a Group block?

A

A: A container block that allows multiple blocks to be managed as a single unit.

19
Q

Q: How do you add multiple blocks to a Group block?

A

A: Select multiple blocks, click the block options, and choose “Group.”

20
Q

Q: What is the Columns block used for?

A

A: To create multi-column layouts within the editor.

21
Q

Q: What block is used to display a gallery of images?

A

A: The Gallery block.

22
Q

Q: What block is used to add custom HTML code?

A

A: The Custom HTML block.

23
Q

Q: How do you add a table in Gutenberg?

A

A: Use the Table block.

24
Q

Q: Which block is used to display quotes?

A

A: The Quote block.

25
Q

Q: What block is used to add buttons?

A

A: The Button block.

26
Q

Q: How do you install additional blocks in Gutenberg?

A

A: Install a block library plugin, such as “CoBlocks” or “Ultimate Addons for Gutenberg.”

27
Q

Q: What function is used to register a custom block in WordPress?

A

A: register_block_type().

28
Q

Q: Which JavaScript library is required to create custom Gutenberg blocks?

A

A: React.js.

29
Q

Q: What is the block.json file used for?

A

A: To define a block’s metadata, settings, and attributes.

30
Q

Q: What tool is used to scaffold a new custom block?

A

A: The @wordpress/create-block package.

31
Q

Q: What are block patterns in Gutenberg?

A

A: Predefined layouts of blocks that can be inserted into a page or post.

32
Q

Q: How do you add a block pattern in the editor?

A

A: Click the “+” icon, go to the Patterns tab, and select a pattern.

33
Q

Q: What function is used to register a block pattern?

A

A: register_block_pattern().

34
Q

Q: How can block patterns be grouped in categories?

A

A: Using the register_block_pattern_category() function.

35
Q

Q: What is the purpose of block pattern categories?

A

A: To organise block patterns for easier discovery in the editor.

36
Q

Q: Why should you use reusable blocks for frequently used content?

A

A: To maintain consistency and save time when updating content.

37
Q

Q: How can you ensure accessibility in blocks?

A

A: Use proper semantic HTML and include attributes like aria-label where necessary.

38
Q

Q: Why is it important to test custom blocks on different devices?

A

A: To ensure the layout is responsive and works across all screen sizes.

39
Q

Q: How can you reset a block to its default settings?

A

A: Click the block options (three dots) and choose “Reset.”

40
Q

Q: Why should you avoid overloading pages with too many custom blocks?

A

A: To maintain good performance and user experience.