Lesson Plan - Creating a Post with Footnotes

[courtneyr-dev]

Use the Footnotes block on a post or page

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• Footnotes: try with post meta gutenberg#51201
• Footnotes: register meta field for pages gutenberg#52024
• Add Footnotes Support gutenberg#1890

Guidelines

Review the [team guidelines] (https://make.wordpress.org/training/handbook/guidelines/)

Development Checklist:

• Gather links to Support and Developer Docs
• Consider any MarComms (marketing communications) resources and link to those
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Create an outline of the example lesson walk-through
• Draft lesson plan
• Copy edit
• Style guide review
• Instructional Review
• Final review
• Publish
• Announce to the Training team
• Announce to the lesson plan creator
• Announce to marketing
• Gather feedback from lesson plan users about the quality

SEO Keywords

• Footnotes in WordPress
• WordPress Footnotes block
• Adding footnotes in WordPress
• Customizing footnotes in WordPress
• Using the Footnotes block in WordPress
• WordPress post/page footnotes
• Enhancing content with footnotes
• Citations in WordPress
• References in WordPress
• WordPress content enhancement

Lesson Plan: Using the WordPress Footnotes Block

Description

This lesson plan aims to teach participants how to use the Footnotes block in WordPress. Participants will learn how to add footnotes to their WordPress posts or pages, providing additional information and references to enhance their content.

Objectives

After completing this lesson, participants will be able to:

• Add footnotes to WordPress posts or pages using the Footnotes block.
• Customize the appearance and formatting of footnotes.

Target Audience

This lesson is intended for intermediate-level users with WordPress experience and want to enhance their content by incorporating footnotes.

Type of Instruction

• Demonstration

Time Estimate (Duration)

• 1 hour or less

Prerequisite Skills

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

• WordPress basics
• The Gutenberg editor

Lesson Outline

1. Introduction to footnotes
   • Explanation of the purpose and benefits of using footnotes in WordPress posts or pages.
2. Adding footnotes using the Footnotes block
   • Walkthrough of how to insert the Footnotes block into a post or page.
   • Demonstration of adding footnotes and associating them with the relevant content.
3. Customizing the appearance of footnotes
   • Explanation of customization options for footnotes, such as numbering style, placement, and formatting.
   • Demonstration of how to modify the appearance of footnotes using the block settings.
4. Practice and hands-on exploration
   • Participants can create a new post or page and follow along with the instructor, adding footnotes to their own content.
   • Participants can experiment with different customization options to personalize the appearance of their footnotes.
5. Q&A and Wrap Up
   • Question and answer session to address any queries or concerns from the participants.
   • Recap of the key points covered in the lesson.

Assessment

Assessment items to evaluate participants' understanding and retention of the material:

1. Which block should you use to add footnotes to a WordPress post or page?

   • a. Paragraph block
   • b. Image block
   • c. Footnotes block
   • d. Quote block
   • Answer: c. Footnotes block

2. How can you customize the appearance of footnotes?

   • a. By modifying the site's CSS stylesheet
   • b. By using a custom plugin
   • c. By adjusting the block settings of the Footnotes block
   • d. By editing the theme's template files
   • Answer: c. By adjusting the block settings of the Footnotes block

Additional Resources

• Resource 1
• Resource 2

Example Lesson

Introduction to Footnotes

Welcome, students! Today, we will explore the Footnotes block in WordPress. Footnotes are a fantastic way to provide additional information and references within your blog posts or pages.

Let's get started!

Adding Footnotes using the Footnotes Block

We'll utilize the Footnotes block specially designed for this purpose to add footnotes. Follow these steps:

1. Open the Gutenberg editor for a new or existing post/page.
2. Locate the "+" button to add a new block.
3. Search for "Footnotes" in the block library and select it.
4. A new Footnotes block will appear in your content area.
5. Inside the Footnotes block, add your desired footnote content.
6. Repeat steps 5-6 to add multiple footnotes.
7. Associate each footnote with the relevant content in your post/page.

Remember, footnotes provide valuable context, explanations, or references. Use them wisely to enhance your content.

Customizing the Appearance of Footnotes

The Footnotes block offers customization options to make your footnotes visually appealing. Here's how you can modify their appearance:

1. Select the Footnotes block in your content.
2. In the block settings sidebar, you will find various options to customize footnotes.
3. Experiment with different numbering styles, placement, and formatting until you achieve your desired look.

Feel free to make your footnotes stand out and match your website design!

Practice and Hands-on Exploration

Now it's your turn to practice! Create a new post or page, and follow along with me. Add footnotes using the Footnotes block and experiment with customization options to personalize their appearance.

Don't be afraid to get creative and have fun!

Q&A and Wrap Up

That concludes our lesson on using the WordPress Footnotes block. I hope you've learned how to incorporate footnotes into your WordPress content effectively.

Now, let's open the floor for any questions you may have. Ask away!

Remember, practice makes perfect. Use the Footnotes block in future posts to reinforce what you've learned today.

Follow with the Exercises and Assessment outlined above.

[courtneyr-dev]

WP 6.4 WordPress/gutenberg#53044