Follow

Creating News items with the block editor

 

**NOTE**

This article is intended only for those using the block editor version of News.

 

If you are using the classic News editor, please refer to the Creating and Managing News Items article.

Block editor users, after reviewing the article below, please refer to Steps 6-12 in the Creating and Managing News Items article for further information about News features (direct links also included throughout the content below).

 

Quick Guide

(For those familiar with the Jostle News Editor, block editors, or both. Features mentioned in the following steps are covered further in the Detailed Guide section)

  1. In the News view, click the "+" in the action bar at the top.
  2. From the menu, select a template for your News item.
  3. Give your item a title and select the category you want to post it under.
  4. Add content to your draft. To add a new block, click the "+" button to the left of the draft and select the appropriate block for the type of content you want to add.
  5. In the column on the right, you can select the tile image for your article as well as set the publishing options for your item.
  6. At any time, you can go to the top right corner, open the action menu and select Save draft
  7. When you’re ready to post your item, click the Publish button.

 

Detailed Guide 

Creating News items with the block editor allows you to add multiple types of content to the same article and manage each of them independently, without having to worry about spacing or formatting.

 

The current content blocks include:

  • Text - can be manually entered or if format-free, copy and pasted
  • Image - browse and select or drag and drop image(s) into your article
  • Poll - create user surveys, answers can be image or text-based
  • Video - add videos from services like YouTube, Vimeo
  • File Attachment - attach up to 6 files to your News item 
  • Embed - add embeddable content like forms and charts (and videos as well)

 

Getting started

To create your own News item, go to News and click on the “+” in the action bar and select Blank Article or one of the other quick-start templates (details below).

 

addnew.png

 

Templates

 

Blank Article

The Blank Article template is the base template for all the quick-start templates, so its features (shown below) will be included by default no matter what type of item you choose to create:

blankdefault.png

  1. Category select (featuring your customized News categories, learn more here)
  2. Title bar
  3. Text block (the block will expand with each line you type)
  4. Add block menu (click the + button to select the next type of block you want to add to your News item)

 

All quick-start templates

  • Blank article (Title field + Text block)
  • Blog post (Blank Article + above-title Image block)
  • Poll (Blank Article + Poll block)
  • Album (Blank Article + below-title Image block, w/gallery view for multiple images)
  • Video (Blank Article + Video block for service-hosted videos)

The Blog post quick-start template:

art_blogpost.png

 

TIP 

  • You can add/remove/rearrange any combination of blocks to your News item, regardless of which template you choose to start off with.

 

Web Article 

There is one other option, but it is not a block editor template. Selecting Web Article allows you to insert the URL of an external article or blog post and pull it into your own News. You are unable to add any additional blocks of content when using this option.

art_web.png

 

Using the block editor

To add a new block to your item, click the “+” on the left side of the editor and select the type of block you want from the menu. Repeat for every different and/or additional piece of content you wish to add.

blockmenu.png

 

TIPS

  • Click inside a block to display it’s option tabs along the top of the block. 
  • You can delete any block by clicking its garbage can icon.
  • You can reposition any block by holding down on its arrows icon, and dragging the block up or down to its new location.

deletedrag.png

 

Using the blocks

1. Text block

Along the top of the block are your text options (bold, italics, underline, strikethrough, hyperlink) and alignment options.

tb02.png

 

You can access the format options for your block content by clicking on the arrow and opening the dropdown menu.

tb03.png

TIPS

  • The Heading options aren't just for headings. For example, if you want your overall font size to be larger than the default size of "Paragraph", you can type your whole text block in "Heading 3" instead.
  • When using a text block, hitting Return will create a new block. To start a new paragraph within your current block, hold down Shift+Return.
  • If you want to include a list in your block, change the block format to Bulleted list or Numbered list (you can do this before or after typing the first item on your list). You'll then be able to hit Return after each item and populate your list within that block.

bullets.png

 

 

2. Image block

With the Image block you can drag and drop images directly into it or browse your files and select the images you want to insert..

The editing options are available at the top of the block (add caption, rotate image, crop image, delete).

imgblock01.png

Adding multiple images to one Image block will automatically turn it into an album and display the additional images in a scroll below the main image. At this time, you cannot manually rearrange their order once you've added them to the block.

If you want to add multiple full-sized images to your News item, then use a separate block for each image.

imageblockmulti.png


3. Poll block

When you insert a Poll block, you’ll be prompted to make your question the title of the poll and start including your answer options. 

If you click the image icon to the right of each option, you can select an image to display along with the option. Click the garbage can to delete that option completely.

poll2200.png

The customization options that are available at the top of the Poll block are for its time settings (poll duration, closing actions), and format settings (one answer/multiple answers, anonymous poll). You can also reorder your options by using the arrow icon to drag an option up or down the list. 

poll2202.png



4. Video block

Once you add a Video block, you will need to add the URL of the video you want to insert into your News item.

vidblock.png

 

Once you’ve entered your URL, click the Insert button

vidblockurl.png

There are two options available at the top of your video block (edit, delete). Edit only refers to editing the URL, and will take you back to the Video URL modal. Delete will remove the video but keep the video block in place.

vidblockedit.png



5. File Attachment block 

fa01.png

The File Attachment block allows you to attach up to 6 files, in any compatible format, to your News item. You can drag-and-drop the files or browse and select them.

 

fa02.png

 

You can click on any of the attachments to preview the file in the viewer, then return to your News item by clicking the arrow in the top left corner of the preview.

fa04.png

 

6. Embed block

The Embed block can also be used to add videos, as well as any embeddable content, such as forms or charts. The format and options are nearly identical to those of the Video block, except you’ll be entering an embed code instead of a URL.

embedblock.png

 

Enter your embed code in the given area and select Insert to embed your content. 

 

embedform2.png

 

As with the Video block, clicking the Edit option will return you to edit the code you entered, not the embedded content. Delete will remove the embedded content but leave the Embed block in place.

 

embedhtml.png

 

***

 

NOTE—below is an overview of the Options and Management features in News. These features are covered in more detail in Steps 6-12 in the Creating and Managing News Items article (direct links included below, as well).

 

Options 

In the column to the right of the block editor you’ll find all the optional settings available for your News item.

Tile Preview

The Tile Preview is where you set the image you want displayed for your article on the News view. Click Edit to select any compatible image from your article and set it as your tile image.


tile_edit2.png

Visible To  

Lets you target your News item at a particular audience using the List Selector. Learn more here.

Feature in Banner 

Lets you draw attention to a News item by displaying for a set duration in a carousel that stretches across the top of your News view. 

Sign Off

Requires each reader to sign off that they have read and understood this News item. Learn more here. 

Commenting 

You can toggle comments on or off for your article as well as whether you want to be notified about them or not.

Publish Date and Auto-Archive 

These options allow you to set a time and date in the future to publish and/or remove your item from the News view.

Pin (so new users see) 

Allows you to pin must-read News items (policy changes, employee guides, etc.) at the top of your News feed for all current and future users, until read.

Publishing Role

News Editors and/or Reporters that belong to more than one one Reporter Group may be prompted to select their Publishing Role in order to access certain features.

 

options.png



Management

When you have finished creating your News item, you can click Publish at the top of the screen or Publish and Notify, if applicable (learn more about Notify here).

 

pubnotify.png

 

If you're not ready to publish, then you can open the action menu next to the Publish button and select Save draft so you can come back to it later.

 

pubsave.png

 

To edit a published item, open the item and click the Edit link in the upper right corner.

At the top of the main News view, you can open the action menu (next to the "+") to access and manage your Drafts, Published, Scheduled, and Archived items. Learn more about editing and managing items here.

 

managemenu.png

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.