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

Gallery (Image gallery)

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.