Article page (embeds)

NewsML article parts described

Article parts

Body don't only contain text elements, but also richer content can be added. From Naviga tools, or externally hosted content like images, video or links.

These are the types supported by Naviga Web current Base theme 2 version.

Image

Image renders the 16:9 crop, using Imengine. If crop is not set, image will be force cropped to 16:9 by Naviga Web.

Shown data: Image src, caption, photographer(s) name, alt text

Type: x-im/image

Template: views/article/image.twig

Image example

Table

Supported settings:

  • Table caption <caption>

  • Header <thead>

  • Footer <tfoot>

  • Merged cells colspan

  • Column index

  • Number format

  • Text format

Type: x-im/table

Template: views/article/table.twig

Example table

HTML embed

This could be used for any embed using iframe or javascript. For example videos, social media, podcasts or other 3rd party article content integrations.

Type: x-im/htmlembed

Template: views/article/html-embed.twig

Example HTML embed in Writer, with the pasted embed code
Example HTML embed showing embedded SoundCloud

Extracts the images and renders them as a clickable slider. Caption and creators (photographer) shown. See image article part for more details.

Type: x-im/imagegallery

Template: views/article/gallery.twig

Example image gallery

Content part

Used to present for example fact boxes inside the article text.

  • Headline

  • Title

  • Image

  • Paragraphs: Extracts, merges and renders all nested elements and inline styles.

Type: x-im/content-part

Template: views/article/content-part.twig

Example content part with dummy text

External link (inline related article)

Renders a clickable inline teaser as a block in the article body.

The link block shows

  • Linked article first Section name (Concept)

  • First headline

Type: x-im/article

Template: views/article/related-article.twig

Example with two articles in Writer body
Example "external link" on the web site

PDF document

Links to embedded pdf shows as a link block with link text from the pdf title that was set in Writer. Default in Writer is the pdf filename.

Type: x-im/pdf

Template: views/article/pdf.twig

Example attached pdf in article

YouTube video

Embeds a YouTube video player. Doesn't autoplay.

Type: x-im/youtube

Template: views/article/youtube.twig

Example Youtube embed

YouPlay video

Embeds a YouPlay video player.

Type: x-im/youplay

Template: views/article/youplay.twig

Social Embeds

Type: x-im/socialembed

These are the subtypes (content) of social embed that are currently supported:

NewsML type

Template views/article/

Instagram photo

x-im/instagram

instagram.twig

Facebook page

x-im/facebook-page

facebook-page.twig

Facebook post

x-im/facebook-post

facebook-post.twig

Facebook video

x-im/facebook-video

facebook-video.twig

Facebook watch

x-im/facebook-watch

facebook-watch.twig

Tweet (Twitter status update)

x-im/tweet

twitter.twig

Vimeo video

x-im/vimeo

vimeo.twig

SoundCloud

x-im/soundcloud

Not supported. Use HTML embed.

Example Instagram photo in an article
Example Facebook post in an article
Example Tweet in an article
Example Vimeo video in an article

Iframely

Embeds whatever content Iframely supports.

Type: x-im/iframely

Template: views/article/iframely.twig

Create your own article template

Articles are rendered with single-article.php, override that in your child theme to use own php code or twig.

Last updated

Was this helpful?