Articles Anywhere - Place articles anywhere in Joomla!

Single Article

Full text

Using the example article: My Article (id 123)

Result
Syntax

Result
Syntax

Result

Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus arcu tempor primis. Commodo primis morbi ornare in fringilla eros arcu auctor venenatis eleifend semper. Suscipit lacinia ante blandit non suspendisse et massa semper lorem sem. Augue condimentum faucibus odio tincidunt imperdiet justo rhoncus dolor lacus!

apples

Fringilla in posuere maecenas congue egestas habitant vivamus et non ad ultricies litora netus taciti magna in leo iaculis nostra. Nunc donec conubia nostra vulputate primis fringilla lobortis tincidunt curae scelerisque id curabitur. Molestie dapibus a semper quis amet dui suspendisse quis etiam quam mauris habitant vel ac magna imperdiet mollis praesent purus.

class condimentum tincidunt nibh tristique nibh consectetur porttitor est tristique
taciti aenean mauris ipsum commodo
consectetur sed ac cras
tristique lacus cubilia sit semper dictum sapien lacus

Syntax

{article My Article}[text]{/article}

or by alias:

{article my-article}[text]{/article}

or by id:

{article 123}[text]{/article}

Result
Syntax

Result

My Article
Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus...
Read More

Syntax

{article My Article}[title]
[text words="20" strip="true"]
[readmore text="Read More" class="readon"]{/article}

Title (as heading), introtext, image and read more button

Using the example article: My Second Article (id 1294)

Result
Syntax

Result
Syntax

Result

My Second Article

bananas

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

Syntax

{article My Article}
[title]
[image-1]
[introtext]
[readmore]{/article}

Multiple Articles PRO

Selection of articles showing title and short text

Using the example articles: My Article (id 123), My Second Article (id 1294), Article Number 3 (id 1295)

Result
Syntax

Result
Syntax

Result

Article Number 3 Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales...

My Second Article Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam...

Syntax

{articles My Article,my-second-article,6}[title] [text words="20" strip="true"]
{/articles}

Selection of articles showing title and full text

Using the example articles: My Article (id 123), My Second Article (id 1294), Article Number 3 (id 1295)

Result
Syntax

Result
Syntax

Result

My selection of articles

My Article

Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus arcu tempor primis. Commodo primis morbi ornare in fringilla eros arcu auctor venenatis eleifend semper. Suscipit lacinia ante blandit non suspendisse et massa semper lorem sem. Augue condimentum faucibus odio tincidunt imperdiet justo rhoncus dolor lacus!

apples

Fringilla in posuere maecenas congue egestas habitant vivamus et non ad ultricies litora netus taciti magna in leo iaculis nostra. Nunc donec conubia nostra vulputate primis fringilla lobortis tincidunt curae scelerisque id curabitur. Molestie dapibus a semper quis amet dui suspendisse quis etiam quam mauris habitant vel ac magna imperdiet mollis praesent purus.

class condimentum tincidunt nibh tristique nibh consectetur porttitor est tristique
taciti aenean mauris ipsum commodo
consectetur sed ac cras
tristique lacus cubilia sit semper dictum sapien lacus

My Second Article

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

bananas Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.

Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis.

Article Number 3

Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

blueberries

In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In ac felis quis tortor malesuada pretium. Pellentesque auctor neque nec urna. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Aenean viverra rhoncus pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat. Vivamus quis mi. Phasellus a est. Phasellus magna.

In hac habitasse platea dictumst. Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus gravida semper nisi. Nullam vel sem. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Sed hendrerit. Morbi ac felis. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Nunc nulla. Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec venenatis vulputate lorem.

Syntax

In HTML view:

<h2>My selection of articles</h2>
<p>{articles articles="123,1294,1295" separator="<hr>"}</p>
<h3>[title]</h3>
<pre>[text]
<p>{/articles}</p>

Linked article titles from a category

Using the example category: My Articles (id 109)

Result
Syntax

Result
Syntax

Result

My Article
My Second Article
Article Number 3
Fourth Article
5 is for Five!

Syntax

{articles category="My Articles"}[link][title][/link]
{/articles}

or by alias:

{articles category="my-articles"}[link][title][/link]
{/articles}

or by id:

{articles category="109"}[link][title][/link]
{/articles}

List of article titles

Using the example category: My Articles (id 109)

Result
Syntax

Result
Syntax

Result

My Article
My Second Article
Article Number 3
Fourth Article
5 is for Five!

Syntax

In HTML view:

<ol>{articles category="109"}
<li>[title]</li>
{/articles}</ol>

List of article titles alphabetically

Using the example category: My Articles (id 109)

Result
Syntax

Result
Syntax

Result

5 is for Five!
Article Number 3
Fourth Article
My Article
My Second Article

Syntax

In HTML view:

<ol>{articles category="109" ordering="title ASC"}
<li>[title]</li>
{/articles}</ol>

First 3 articles from a category

Result
Syntax

Result
Syntax

Result

My Article Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus... More

My Second Article Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam... More

Article Number 3 Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales... More

Syntax

{articles category="109" limit="3"}[title] [text words="20" strip="true"] [readmore text="More" class="readon"]
{/articles}

Boostrap-styled 3 column layout

Showing articles side by side (3 columns) using Bootstrap classes.

Result
Syntax

Result
Syntax

Result

My Article

Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat c...

My Second Article

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet...

Article Number 3

Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sa...

Fourth Article

Morbi nec metus. Phasellus blandit leo ut odio. Maecenas ullamcorper, dui et placerat feugiat, er...

5 is for Five!

Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Fusce pharetra convallis urn...

Syntax

In HTML view:

Bootstrap 2

<div class="row-fluid">
    <p>{articles category="109"}</p>
    <div class="span4 well">
        <h2>[title]</h2>
        <p>[text limit="100" strip="true"]</p>
        <p>[readmore text="Read more..."]</p>
    </div>
    {if is-3-of-3}</div><div class="row-fluid">{/if}
    <p>{/articles}</p>
</div>

Bootstrap 3

<div class="row">
    <div class="row">
        <p>{articles category="109"}</p>
        <div class="col-md-4">
            <div class="well">
                <h2>[title]</h2>
                <p>[text limit="100" strip="true"]</p>
                <p>[readmore text="Read more..."]</p>
            </div>
        </div>
        {if is-3-of-3}</div><div class="row">{/if}
        <p>{/articles}</p>
    </div>
</div>

Combining with Regular Labs Tabs

See: Regular Labs Tabs

Result
Syntax

Result
Syntax

Result

My Article

Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus arcu tempor primis. Commodo primis morbi ornare in fringilla eros arcu auctor venenatis eleifend semper. Suscipit lacinia ante blandit non suspendisse et massa semper lorem sem. Augue condimentum faucibus odio tincidunt imperdiet justo rhoncus dolor lacus!

Article Number 3

Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

5 is for Five!

Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Fusce pharetra convallis urna. Quisque ut nisi. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Suspendisse non nisl sit amet velit hendrerit rutrum. Ut leo. Ut a nisl id ante tempus hendrerit. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Suspendisse eu ligula. Nulla facilisi. Donec id justo. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum. Curabitur suscipit suscipit tellus.

Syntax

{articles category="109"}
{tab [title]}
[introtext]
{if last}{/tabs}{/if}
{/articles}

Combining with Regular Labs Sliders

See: Regular Labs Sliders

Result
Syntax

Result
Syntax

Result

My Article

Lectus pulvinar ullamcorper habitasse, orci augue morbi, elit elit at adipiscing. Maecenas erat cubilia id auctor potenti consectetur lobortis vivamus arcu tempor primis. Commodo primis morbi ornare in fringilla eros arcu auctor venenatis eleifend semper. Suscipit lacinia ante blandit non suspendisse et massa semper lorem sem. Augue condimentum faucibus odio tincidunt imperdiet justo rhoncus dolor lacus!

My Second Article

Article Number 3

Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis diam. Pellentesque ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Fourth Article

5 is for Five!

Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Fusce pharetra convallis urna. Quisque ut nisi. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Suspendisse non nisl sit amet velit hendrerit rutrum. Ut leo. Ut a nisl id ante tempus hendrerit. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Suspendisse eu ligula. Nulla facilisi. Donec id justo. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum. Curabitur suscipit suscipit tellus.

Syntax

{articles category="109"}
{slider [title]}
[introtext]
{if last}{/sliders}{/if}
{/articles}

Combining with Regular Labs Tooltips

See: Regular Labs Tooltips

Result
Syntax

Result
Syntax

Result

My Article

My Second Article

Article Number 3

Fourth Article

5 is for Five!

Syntax

{articles category="109"}
{tip title="[title]" content="[introtext]"}[title]{/tip}
{/articles}

Nested Articles

To create nested sets, append the {articles} tag of the nested set with an extra name or id, for example -others.

The example below will show one article per category from the parent category "Animals" (so one article from the "Dogs" subcategory, one article from the "Cats" subcategory, and so on). And for each of those articles, it will show a set of articles for the other animals contained in the respective category.

Syntax
Result

Syntax
Result

Syntax

{articles category="Animals" include_child_categories="true" one_per_category="true" separator="<hr>"}
<h4>[link][title][/link]</h4>
More articles from the "<b>[category]</b>" category:
{articles-others category="[category]" articles="![id]" separator=", "}[link][title][/link]{/articles-others}
{/articles}

Don't forget to close each articles set with a closing tag using the same extra id (in this example: {/articles-others}). If you don't close every set, you will get unwanted results.

Custom Fields PRO

To place the value of a custom field from the current article, simply use:

{article}[name-of-the-field]{/article}

To place the value of a custom field from a different article, just place the title, alias or ID of that article in the {article} tag:

{article Some Other Article}[name-of-the-field]{/article}

You can also output the label of the custom field.

Here is an overview of the different flavours:

Syntax
Result

Syntax
Result

Examples for Articles Anywhere

Result

Result

Result

My Second Article

Result

Result

My selection of articles

My Article

My Second Article

Article Number 3

Result

Result

Result

Result

Result

My Article

My Second Article

Article Number 3

Fourth Article

5 is for Five!

Result

My Article

Result

My Article

Result

Syntax

Syntax