Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[HelpHub] Author Biography block #267

Closed
8 tasks done
femkreations opened this issue Apr 12, 2022 · 6 comments
Closed
8 tasks done

[HelpHub] Author Biography block #267

femkreations opened this issue Apr 12, 2022 · 6 comments
Assignees
Labels
6.0 Changes in 6.0 release block editor Gutenberg related issues new document Requests for new page/article. user documentation (HelpHub) Improvements or additions to end-user documentation

Comments

@femkreations
Copy link
Collaborator

femkreations commented Apr 12, 2022

New page for 6.0

  • Create a new article for the Author Biography block 38269
  • Make sure the URL slug under Permalink is: author-biography-block
  • At the top of the page, under the title, add the  ‘Link back to blocks’ reusable block.
  • Convert all reusable blocks to a ‘regular block’.

General

  • Make sure all screenshots are relevant for the current version (6.0)
  • Make sure videos are relevant for the current version (6.0)
  • Make sure the headings are in sentence case
  • Update the changelog at the end of the article
@femkreations femkreations added user documentation (HelpHub) Improvements or additions to end-user documentation new document Requests for new page/article. block editor Gutenberg related issues 6.0 Changes in 6.0 release labels Apr 12, 2022
@theblogsmith
Copy link

theblogsmith commented Sep 11, 2022

Post Author Biography Block

Creating a post author biography block will allow you to embed a user's Biographical Info from the About Yourself section in Users > Profile into your page or post.

In order to add a post author biography block, click on the inserter icon.

Image

You can also type /Post Author Biography and hit enter in a new paragraphy block to add one quickly

Image

Use the slash command /Post Author Biography to insert a Post Author Biography block

Resource: detailed instructions for adding blocks.

Block Interface

Every block comes with unique toolbar icons and block-specific user controls that allow you to manipulate the block right in the editor.

Image

The Post Author Biography block has an alignment toolbar icon.

Alignment

When you select your Post Author Biography block, a toolbar will appear where you can change the block's text alignment.

Image

The Post Author Biography block with Align text right selected.

Choose between the options to:

  • Align text left
  • Align text center
  • Align text right

More Options

Image

Hide Block Settings

The Hide Block Settings option hides (or shows) the Block Setting panel in the editor’s sidebar.

Copy

Copy can be used to copy a selected block and then you can paste it wherever you want in the editor.

Duplicate

Duplicate can be used to duplicate selected block.

Insert Before

Insert a new block before the selected block(s).

Insert After

Insert a new block after the selected block(s).

Move To

If you select Move To, you will get a blue line inside your content, you can then use the arrows to move that line up and down to where you want the selected content to be moved into, hitting return on your keyboard at that point moves the block to that position.

Edit as HTML

The Edit as HTML option allows you to modify the HTML code of the embed block.

Add to Reusable blocks

Using the Add to Reusable blocks option lets you add the selected block to a list of reusable blocks, so you can use them on other posts or pages as well.

Group

Select the Group option if you want to create a group of blocks and treat them as a unit. You can for instance add a common background color or other blocks to the group.

Remove Block

With the Remove Block option, you can delete the selected block from your content.

Sidebar Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

Image

The block settings can be found in the sidebar.

Color

These options let you set custom text and background colors based on the theme, default options, or HEX codes.

Image

The Post Author Biography block can be customized in terms of custom text and background colors.

Typography

These options let you set custom text sizes in terms of predetermined options (Small, Medium, Large, Extra Large) or with custom pixel (px) settings.

Image
Image

The Post Author Biography block can be customized in terms of predetermined size options or custom pixel settings.

Dimensions

These options let you set custom dimensions based on margin, padding, or both.

Image

The Post Author Biography block can be customized in terms of margin, padding, or both.

Image

Click the more options menu button (three stacked dots) to reset these option.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

Image

The advanced section lets you add HTML anchor and a CSS class to your block.

@theblogsmith
Copy link

theblogsmith commented Sep 11, 2022

Post Author Biography Block

Creating a _ Post Author Biography block_ will allow you to embed a user's Biographical Info from the About Yourself section in Users > Profile into your page or post.

In order to add a Post Author Biography Block, click on the inserter icon.

Image

You can also type /Post Author Biography and hit enter in a new paragraph block to add one quickly

Image

Use the slash command /Post Author Biography to insert a Post Author Biography block

Resource: detailed instructions for adding blocks.

Block Interface

Every block comes with unique toolbar icons and block-specific user controls that allow you to manipulate the block right in the editor.

Image

The Post Author Biography block has an alignment toolbar icon.

Alignment

When you select your Post Author Biography block, a toolbar will appear where you can change the block's text alignment.

Image

The Post Author Biography block with Align text right selected.

Choose between the options to:

  • Align text left
  • Align text center
  • Align text right

More Options

Image

Hide Block Settings

The Hide Block Settings option hides (or shows) the Block Setting panel in the editor’s sidebar.

Copy

Copy can be used to copy a selected block and then you can paste it wherever you want in the editor.

Duplicate

Duplicate can be used to duplicate selected block.

Insert Before

Insert a new block before the selected block(s).

Insert After

Insert a new block after the selected block(s).

Move To

If you select Move To, you will get a blue line inside your content, you can then use the arrows to move that line up and down to where you want the selected content to be moved into, hitting return on your keyboard at that point moves the block to that position.

Edit as HTML

The Edit as HTML option allows you to modify the HTML code of the embed block.

Add to Reusable blocks

Using the Add to Reusable blocks option lets you add the selected block to a list of reusable blocks, so you can use them on other posts or pages as well.

Group

Select the Group option if you want to create a group of blocks and treat them as a unit. You can for instance add a common background color or other blocks to the group.

Remove Block

With the Remove Block option, you can delete the selected block from your content.

Sidebar Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

Image

The block settings can be found in the sidebar.

Color

These options let you set custom text and background colors based on the theme, default options, or HEX codes.

Image

The Post Author Biography block can be customized in terms of custom text and background colors.

Typography

These options let you set custom text sizes in terms of predetermined options (Small, Medium, Large, Extra Large) or with custom pixel (px) settings.

Image
Image

The Post Author Biography block can be customized in terms of predetermined size options or custom pixel settings.

Dimensions

These options let you set custom dimensions based on margin, padding, or both.

Image

The Post Author Biography block can be customized in terms of margin, padding, or both.

Image

Click the more options menu button (three stacked dots) to adjust or reset settings.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

Image

The advanced section lets you add HTML anchor and a CSS class to your block.

@theblogsmith
Copy link

A few notes for context:

  • This is my first documentation contribution so I'm still figuring things out! I used this page as a template: https://wordpress.org/support/article/audio-block/
  • I copied some items that were the same from this page so double-check to make sure things aren't out-of-date.
  • I changed up the language for this template item to be more specific/avoid "click here": Detailed instructions on adding blocks can be found here.
  • I made small updates to template language throughout (like adding a dash to block-specific)
  • I took a guess at proper heading sizes

@zzap
Copy link
Member

zzap commented Sep 11, 2022

Thank you so much @theblogsmith, it is great.

Heading sizes should be mostly H2 with few nested H3s.

@theblogsmith
Copy link

@femkreations @jennimckinnon - I can't mark the first checkbox so tagging you for review :) Let me know if there's anything I should keep in mind when contributing to documentation

@zzap zzap moved this from Todo to Ready for Review in WP 6.0 Documentation Sep 14, 2022
@femkreations
Copy link
Collaborator Author

Thank you @theblogsmith for your work.The content looks great. I've created the page using this info.

https://wordpress.org/support/article/post-author-biography-block/

Repository owner moved this from Ready for Review to Done in WP 6.0 Documentation Sep 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
6.0 Changes in 6.0 release block editor Gutenberg related issues new document Requests for new page/article. user documentation (HelpHub) Improvements or additions to end-user documentation
Projects
No open projects
Status: Done
Development

No branches or pull requests

4 participants