Blocks

Presentation of the blocks

Starting with version 5.0 of WordPress, adding content to a page or article is done through blocks. Thus the content of a page will actually be composed of independent blocks.

WordPress provides a number of blocks, for example for editing titles, texts, lists, etc. For its part, EPFL has developed blocks to enable it to display its own content (news, memos, etc.) and in accordance with the current graphic charter.

Add a block

It is possible to add a block in many different ways

A. From the Gutenberg toolbar

Add a video block
  1. Click on the Add a bloc button in the Gutenberg toolbar
  2. Select the block you need

B. Directly in the page

  1. If the page is empty: click on the button Add a block immediately below the title
    or
    If the page is not empty: click on the button Add a block immediately below the last block

C. From the toolbar of a block (momentarily unavailable)

Note: Click on the button More options on the top right corner of your screen and uncheck the Tap Toolbar option to display the toolbar above each block.

Barre d'outil d'un bloc
  1. Click on a block, the toolbar is displayed above.
  2. Click on the More options  button More options then in the drop-down menu choose Insert before  ou Insert after
  3. Type text directly in the new block or click on the Add a block button to select another type of block

D. Above a block

  1. Drag your cursor above a block in the middle of the column and the button Add a block will appear.
    Note: You may need to click on the page to activate it.
  2. Click on it and select the block you need.

E. Below a block

  1. Drag your cursor just below a block and the Add a block button pops up.
    Note: You may need to click on the page to activate it.
  2. Click on it and select the block you need.

Manage blocks

Edit a block

  1. Simply click on the block to be modified and make the desired changes.

Change the order of the blocks

  1. Click in the block to be moved.
    In the toolbar click on the small triangles Move block order
    or
  2. Click on the little squares Move block position and drag the block to be moved (block A) over another block (block B), block A is positioned before block B.

Duplicate a block

  1. Click on a block, the toolbar pops up
  2. Click on the More options  button More options  then in the drop-down menu choose Duplicate the block
  3. The duplicated block is displayed immediately below the original block

Copy / paste a block

Use this procedure if you wish to paste the block on another page / post. Otherwise use the Duplicate command

  1. Click on a block, the toolbar is displayed.
  2. Click on the More Options button and then in the drop-down menu choose Copy
  3. Click in the title of the page and use the usual keyboard shortcuts: Command-V (Mac) or Control-V (Windows) to paste
    Note : This procedure is not very conventional, it is partly due to certain restrictions of WordPress at EPFL.

Delete a block

  1. Click on a block, the toolbar pops up
  2. Click on the More options  button More options  then in the drop-down menu choose Remove the bloc