Sample Page (Block Editor)

This page can be used to practice/test block navigation and the use of various blocks.

A list of the currently saved reusable blocks appears at the bottom of this page and some are discussed within along with challenging methods. Note: You don’t always see the final appearance in the editor; refresh the live page to check your work.

Highlight Blocks with Icons

…such as the Join Our Newsletter or Town Officers List pose a challenge. The (Font Awesome) icons must be inserted with a tag written in code or with a shortcode (but the shortcode block is not sufficiently flexible for this purpose and you don’t know how the icons are described). For this reason, a reusable block has been created and can be edited. Or a different method without the icon can be used.

First shown is the reusable block for the Town Officers List. To edit: 1) First upload the new Excel spreadsheet to the Media Library and copy the permalink (URL). 2) Open this page or one of the pages that contains the Town Officers List reusable block; it can be edited anywhere it appears. 3)Click into the text to change the year (not at the very end) or any other text needing change. 4) While the link block is open below the text, click Edit, delete the old link and paste the new. 5) Click Update and you will be notified that you are saving a reusable block as well as possibly saving the page.

Town Officers List 2023

If this method proves difficult, the simplest way to update the Town Officers List is to delete the old block and add new by adding a “File” block. 1) Click “enter” at the end of a paragraph or click the “+” at the desired location. 2) Search for the File block, hit enter. 3) Find the spreadsheet in the media library or upload it, and Select. The title of the file will appear as text with a download button beside. (View how this looks on the live Sample Page.)

To achieve something a little prettier, you can insert the “Highlight Template Convert” reusable block. 1) First convert it to a regular block with the second icon from the right. 2) Follow the above steps to add the “File” block inside this template.

Images

Play around with images to change their size or alignment.

Reusable Blocks

The remainder of the reusable blocks can be edited right within a page. As noted above, once edited, you will be notified while updating the page that you are also updating a reusable block.Please note the caution I wrote in the instructions that if you want to delete a reusable block, be sure to select the (entire) reusable block using the Outline tool at the top of the page, then click the three dots and remove block.

Note: I found the following glitch: if you do not want to update a reusable block and uncheck it upon updating the page, it does not work properly and you will likely have already updated the reusable block whether you wanted to or not. Therefore, if you’ve altered it unintentionally, try to get it back to the desired content so that you CAN update it when updating the page. This will hopefully be fixed soon by WordPress and may become moot.

One example of the reusable block “Highlight Template Convert” was shown above. This block can be used in other creative ways as well. It is name as such because, after inserting it into a page, the first thing you want to do is convert it to a regular block by clicking the icon second from right. The block template is simply a “group” with a style class called “highlight.” Once converting it to a regular block, you can insert headings, paragaphs, lists, perhaps images. This may be handy to compartmentalize topics on a “busy” page such as the home page or contact page. As shown below, this template is nicely formatted for an H3 heading, paragraphs and lists.