About Blocky

We call the body of articles, videos, and galleries created with the Sportal365 CSM–”Blocky”. Blocky is an advanced editor that helps journalists customize and enhance their content.

Blocky is inspired by the Gutenberg editor used in WordPress-powered sites (See integration between Sportal365 and WordPress) to make the process of content creation simpler, more reliable, and intuitive for users.

Blocky is arranged in ‘blocks', each with a set of editing, formatting, and widget options. The segmentation of the body editing area (content area) into blocks offers an effortless user experience and native display of your content on all devices.  It’s a break from the standard WYSIWYG editor with one big what you see what you get area.

Key Features

The body (content area) of articles, videos, and galleries is arranged into “blocks”. Writing in blocks is a bit like building the structure of your content with LEGO. Blocks are single components that you can use in the editor. You can look at them as separate content items each with specific functions and an editing panel to structure and customize your content.

Blocky lets creators highlight important passages, insert contextual widgets and football statistics, as well as combine various types of content inside the body of articles, videos, and galleries. You can create new “blocks” by selecting the Plus icon at the bottom of each block inside the body of your article, video or gallery. Also, you can rearrange blocks by dragging and dropping them.

There are several block choices you can add, including Paragraph, Image, Gallery, Article, Heading, Video, Odds widget, Compare odds, and more. To the user, all blocks behave in a consistent and familiar way, even if they provide tailored UIs for their controls.


Block features

Quick copy/paste of blocks

Blocky lets you select and copy/paste blocks at the bottom or top of the content you are working on.

To copy blocks:

  1. Select the blocks you want to copy from the body of your post.

2. Then, select the Copy blocks button.

You can paste your selection either at the top or bottom of your content’s body.

3. To paste your blocks at the top, select Paste blocks at top.

4. To paste your blocks at the bottom, select Paste blocks at bottom.


Auto-linking

Auto-linking is a feature that makes the process of linking keywords in your posts faster and user-friendly.

The way auto-linking works is simple. When a user is done writing a paragraph inside the body of а post (article, video, or gallery), the system will analyze the text, extract all football entities–names of players, teams, stadiums, coaches, tournaments–and suggest them as keywords under each paragraph. Keywords can be linked inside the text of posts and send readers to pages set by your system operators.

An entity, or a keyword, can be either inserted when it first occurs in a paragraph or everywhere it occurs.

Also, you can manually or automatically insert entities inside paragraphs.

Note that keywords are extracted and suggested automatically based on an index built by your team.


Manual linking

While keywords are always extracted and suggested automatically under paragraphs, linking them can be manual or automatic.

When you link manually, you have more control over how keywords are linked inside paragraphs.

Linking in all paragraphs

You can manually insert suggested entities in all paragraphs. When you do that, you can choose to insert in all paragraphs either first occurrences or all occurrences of keywords.

If you select Insert first occurrences, keywords will be linked only the first time they appear inside of paragraphs.

If you select Insert all occurrences, keywords will be linked everywhere they appear in paragraphs.

Linking in a specific paragraph

Linking inside of a paragraph means that the actions you apply will be reflected only for that specific paragraph.

In the context of a single paragraph, you can either perform linking actions for the whole paragraph or manage how each keyword is linked.

If you want to add all occurrences of suggested keywords inside of a paragraph, select Add all. To add only first occurrences inside of a paragraph, select Add first occurrences.

If you want to manage how each keyword is linked inside of a paragraph, expand the keyword menu, and choose an action.

Automatic linking

In the case of automatic linking, all actions happen depending on how you set your process.

As we mentioned earlier, linked keywords will send users to a webpage your administrators have set. It could be an URL to a statistical page or whatever you decide.

However, you can edit a link destination. Moreover, you can link the same keyword everywhere in your text, but send readers to different URLs. This is possible with the Do not auto-link option for every keyword.

For example, if you have inserted all occurrences of “Chelsea” inside of a paragraph, and you want to send readers to different locations when they click on each occurrence, select Do not auto-link for the occurrence you want and enter the URL you wish to send readers to.


Auto-tagging

Auto-tagging is a feature that is closely connected to the way entities are linked.

You can tag posts with Football Connections–teams, players. Entities detected from all paragraphs are suggested as keywords available to be added in Tags > Football Connections.

You can either add keywords separately or all at once.


Drag/drop of paragraphs

Blocky lets you reorder blocks with a drag/drop functionality.

To change the position of a block inside the body of your post, simply hold the top left corner and move the block.


Quick access to new blocks

To improve the speed of your work, we made adding blocks to the body of posts quicker. Under each block of Sportal365, you will find buttons for quick access to the most used blocks.

Note that the quick access buttons under each block let you add the same blocks as the ones under the Most popular category in the + menu.


Uninterrupted writing inside Text blocks

We’ve optimized Blocky to let you write quickly and without interruptions. Blocky scans, recognizes, and suggests sports entities under blocks without disrupting/refreshing the writing process.

For more information, see https://media-platform.atlassian.net/wiki/spaces/SKB/pages/914948462.

Formatting

When you create content in blocks, you have more options to edit, format and enhance your content. If you select the Plus icon, you will notice that blocks are organized under four categories–Text, Content, Football widgets, Most popular.

Each block you add has its own function and settings. For example, if you add an image block, you’ll get the option to resize and change the alignment of your image.

The image below demonstrates the image property settings inside an image block:

Also, with the Paste text at bottom/top button, Blocky lets you copy text from an outside source (e.g. a Word document) and paste it in the CMS. Users can copy an entire article from an outside source and paste it in Blocky, which automatically breaks it down into paragraph blocks.

Widgets

At the moment, Blocky offers 11 widget blocks to enhance your content with sports-specific data:

  1. Odds widget

  2. Team profile

  3. Squad / Team players

  4. Player profile

  5. Match

  6. Match list by Stage / Round

  7. Fixtures

  8. Top scorers

  9. Standings

  10. Player H2H

  11. Team comparison

To learn more about widgets, see Explore Widgets.

The writing and editing in blocks improve the performance of the system and make the display of content into a native and responsive experience on all mobile devices.

Before Gutenberg-inspired writing and editing in blocks, there were only what you see what you get area editors with custom HTML code. This made the front-end display of content rigid and the performance on mobile devices slower because you couldn’t overwrite the code. Each time you wanted to open something from your phone or tablet, the application couldn’t recognize the different elements comprising the content (e.g. paragraphs, pictures, and so on) and opened a browser in the background to show the mobile version of the website; it didn’t happen natively.

Now, creating content in blocks reduces the reliance on shortcodes and custom HTML and enables advanced formatting and layout options. Furthermore, the structure of data is more flexible, there is granular control over the content embedded inside, and blocks can be configured separately to allow you to deploy content to your website in any way you want.

An advantage of writing in blocks lies in the metadata you can include in a block. Content blocks have their own styling and metadata and thus become more valuable in terms of SEO.

For instance, you can add structured data to your content block and in doing so help search engines understand better your content–is it a sports post, is it a book or film review–and improve your ranking.

Also, when content is divided into blocks with their own related keywords, this helps your page rank for multiple related keywords.