Note: For general information see Asset Workspace.


For a Step-by-step guide on how to create an Article see How Do I Create An Article in BLOX CMS.

+9 
new article asset editor

Article has one required field, the article Title, or headline of the article. 

+9 
required title - Article Audio Collection HTML Table Video ZIP

Body Copy

Body Copy is where you will type, or paste the body of your article.

+9 
BodyCopy.png

WYSIWYG Editor

There is a WYSIWYG editor for basic formatting of the asset text. Within the WYSIWYG you can format and align text, add inline comments (for your staff only), find and replace text, create numbered and bulleted lists, add horizontal rules and simple tables, add special charcters, edit the text's html source code. You can also embed video/media widgets, pull in Twitter Tweets, and Page Breaks. For more information on WYSIWYG, see What Does Each of The WYSIWIG Buttons Do in The Asset Editor?

Many HTML tags are automatically stripped from an asset in BLOX when the asset is saved.  BLOX uses the PHP tidy filter to attempt to clean code that may have errors.

HTML tags that will be stripped:

  • doctype
  • html
  • head
  • style
  • body
  • iframe

HTML tags that will not be stripped:

  • script
  • object
  • form, input, select
  • img
  • comments

Other tags will be converted to XHTML valid tags:

  • <i> becomes <em>
  • <b> becomes <strong>
  • <font size="5"> becomes <span style="font-size: large;">

Tags that are stripped out except in specific situtaons:

  • BR tags in general are removed if they are outside of "block" level elements

NOTE: If you want to keep the BR tags, you can put them inside of a block-level element, such as a div tag, and they should remain. Note that the div is counted as a paragraph as far as ads or paging in BLOX CMS.

NOTE: Inline elements, such as inline photos, can't be placed inside of a block-level element. So when you save it will be placed outside of the div.


Paste as Plain Text

If you are copying text from another program such as a word processing program, you should use the Paste as plain text button to paste in your text. This will ensure that any special characters that are not web friendly get removed. This is especially important if pasting in from Microsoft Word or any other rich text editor that adds font tags in the source code. You use CTRL + C to copy, and CTRL + V to paste in the Paste as plain text window.

Inline Notes

Inline Notes allows you to leave comments within the article text that are visible in the admin only. These notes do not appear on the front end of the website, and your readers will never see them. Inline Notes are NOT searchable in the admin.


Note: Inline notes do not transfer if an article is syndicated to another site (see Editorial / Syndication for more information about sharing assets between BLOX websites).


To create an inline note, place the cursor where you want the note to appear, click the mouse button, then click the inline notes icon. After you are done typing your note, move the cursor to the next location and continue editing the asset. Alternatively, you can highlight any existing text that you would like to be turned into an inline note, and select the inline notes icon. 

To remove an inline note, highlight the text and click the inline notes icon. This will remove the inline notes pencil icon. Then delete the text from the note.. If you do not remove the text manually, it will become part of the article and will be available for your readers to see on the front end.

Insert page break allows you to place a line that will break an article into multiple pages.

To create a page break, place the cursor where you want the note to appear, then click the insert page break button. This will place a broken line indicating where the page break will occur. On the front end, this will create forward and back buttons at the top and bottom of the article.


Note: This is for Flex only. Insert page break will add a horizontal line if used on Zen templates.

Note: When the page is printed out, the forward and back arrows along with the page numbers will be removed.


Summary

The Summary is displayed with the title as a precursor to the Article. If left blank, BLOX CMS will use the first paragraph or first couple of sentences. TownNews.com recommends that a Summary be used. As technology evolves, the Summary is what is used to report/broadcast "Headlines" and/or the "Days Top Stories" on devices such as Amazon's Alexa. Without the Summary, in many cases, the reporting is interupted/ends in mid-sentence.

Tagline

Tagline is a brief comment or bio associated with the Authors which is used with TotalCMS and is displayed on the asset page in BLOX CMS. You can add a Tagline manually by typing information into that field, or you can have it added automatically if you add an author, and that author has the Content / Tagline field populated. For more information see the Accounts / Content doc. Tagline information can be searched through the general search at the top of the search terms.

Teaser

Teaser only works with the Flex Templates and is used as a Preview Image for an Article Asset. Within the Article Asset Editor, click on Add to add in a Preview Image other than the Related Child Image Asset. The Preview Image pulls inline with the Article Asset in Editorial / Assets Search Results as you hover over it generating a popup thumb of the Asset. It also gets displayed on the front end where a normal Related Child Image Asset is positioned. Once you click on it, the Article Asset loads with the Related Child Image Asset being displayed instead of the Teaser Image.

For more details, Click here.

Cover Art

Cover Art another option in the Article Asset. It helps provide a way to personalize an Article/Story. This is most effective when trying to relay a "Long-form" presentation type Asset. For more information on using this setting, Click Here.

Inline Assets

FLEX

  • Article Assets - These will display to the right of the main article under a banner that says Related. It shows the show the headline, the first inline image asset, and the Summary if there is one. If a reader clicks on either the title of the image it will open the article in the same window.
  • Image Assets - These will show a large thumbnail of the image. If the reader clicks the image it will show the full size image. The reader must click the X in the upper-right corner to close the full size image and get back to the original article asset.  If a Related Image is not pulled inline to the Article, it will be displayed at the top of the Article.  If additional Images are Related to the Article, it will trigger a Photo Carousel with navigation controls.  Images will not be rendered larger than their original size.  Default pixel width is 750 pixels for Article Assets.
  • Collection Assets - These will display the first image. The reader can click in the back/forward arrows, or the dots below the image to navigate through them.
  • Audio Assets - These will show the player, and the audio asset can be played.
  • HTML Assets - These will render the code.
  • Link Assets - These will show the link text. When the reader clicks on the link it will open in a new window.
  • PDF Assets - These will show a thumbnail of the PDF and the title of the asset. If the reader clicks on title, the thumbnail, or the caption, it will open in the same window.
  • Poll Assets - These will display the poll and the title. If the reader clicks on the title it will open in the same window. You cannot vote or view the results of the poll.
  • Table Assets - These will display the table.
  • YouTube Videos - These will show the thumbnail and can be played.
  • Video Assets - These will show the preview, but cannot be played, and does not open to a new page.
  • ZIP Assets - These will display the title of the asset. If a readers clicks the title it opens in the same window so readers can view the list of contents and download the zip file.
  • Twitter Tweets - This allows you to connect to your Twitter account and pull in Tweets. You can search on keywords or hashtags and get the option to include re-tweets and replies or include all mentions.  Make selections by holding the CTRL key and left click on those that you want to pull in, then click on Insert.  For more on this feature, Click here.

To add these assets, go to Related / Child Assets, click Add, and choose Find Assets to choose an asset(s) from the existing Editorial / Assets on your site. You may to repeat this process several times to select all the assets you need. After you have selected the asset you want, simply drag the asset into the article where you want it to show up.


Note: All Editorial Assets can be pulled inline in an Article Asset. They can also be displayed in different ways depending on the Asset Type and settings for each. Text will wrap around inline assets depending on the Display Settings being applied. For more information on Article Designer Tools, Click Here.

NOTE:  By default, inline images with a horizontal or square orientation are scaled to 100% width of the body copy. This can vary if the related content rail (left column) is used. Inline images with a vertical orientation are scaled to 35% width of the body copy.


You can also create new assets to use inline. This process is like creating any new asset in Editorial / Assets.

You can also pull assets from Editorial / Syndication to use as inline assets. For more information about Syndication see the Syndication Workspace doc.

Presentation

Article Presentation Modes (Flex only)

Merged Article

You can merge two or more article assets. This takes the Body Copy from the selected article assets, and merges them into the Body Copy of one new article. The text from the multiple articles is separated by horizontal lines.

To create a new Merged Article, select the articles you wish to merge, and then choose the +New Asset button.

+9 
select articles to merge

NOTE: The order in which you select the articles will determine the order that the body copy will display in the new merged article.


Select Merged Article from the New Asset drop down menu.

+9 
merged article dropdown option

A new article asset popup will open which will automatically populate the Body Copy from the articles selected to merge. There will automatically be a horizontal rule added between the text of the merged articles.

Proceed with this asset as you would any other article asset.

+9 
merged article horizontal rule

Presentation

Article Presentation Modes (Flex only)