Auteur

L’identification des auteurs, inséré à l’aide du code « Author », facilite l’accès à leur profil et à leurs publications.

Aspect visuel par défaut

Aaron Berg
Aaron Berg
Adam Cunningham
Adam Cunning
Andrew Geraghty
Andrew Geraghty
Danial Hewetson
Danial Hewetson
Roman Rus
Roman Rus
<div class="bocss-author">
    <div class="bocss-author__bio">
        <a aria-label="Aaron Berg" title="Aaron Berg" href="#" class="bocss-author__icon bocss-author__blue">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/AaronBerg.jpg" alt="Aaron Berg" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__blue"><span class="bocss-author__name">Aaron Berg</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Adam Cunning" title="Adam Cunning" href="#" class="bocss-author__icon bocss-author__blue">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/AdamCunning.jpg" alt="Adam Cunning" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__blue"><span class="bocss-author__name">Adam Cunning</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Danial Hewetson" title="Danial Hewetson" href="#" class="bocss-author__icon bocss-author__blue">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/DanialHewetson.jpg" alt="Danial Hewetson" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__blue"><span class="bocss-author__name">Danial Hewetson</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Roman Rus" title="Roman Rus" href="#" class="bocss-author__icon bocss-author__blue">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/RomanRus.jpg" alt="Roman Rus" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__blue"><span class="bocss-author__name">Roman Rus</span></div>
    </div>
</div>

Code simplifié

[Author]

Jaune

Aaron Berg
Aaron Berg
Adam Cunningham
Adam Cunning
Andrew Geraghty
Andrew Geraghty
Danial Hewetson
Danial Hewetson
Roman Rus
Roman Rus
<div class="bocss-author">
    <div class="bocss-author__bio">
        <a aria-label="Aaron Berg" title="Aaron Berg" href="#" class="bocss-author__icon bocss-author__yellow">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/AaronBerg.jpg" alt="Aaron Berg" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__yellow"><span class="bocss-author__name">Aaron Berg</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Adam Cunning" title="Adam Cunning" href="#" class="bocss-author__icon bocss-author__yellow">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/AdamCunning.jpg" alt="Adam Cunning" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__yellow"><span class="bocss-author__name">Adam Cunning</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Danial Hewetson" title="Danial Hewetson" href="#" class="bocss-author__icon bocss-author__yellow">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/DanialHewetson.jpg" alt="Danial Hewetson" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__yellow"><span class="bocss-author__name">Danial Hewetson</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Roman Rus" title="Roman Rus" href="#" class="bocss-author__icon bocss-author__yellow">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/RomanRus.jpg" alt="Roman Rus" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__yellow"><span class="bocss-author__name">Roman Rus</span></div>
    </div>
</div>

Code simplifié

[Author colour="yellow"]

Vert

Aaron Berg
Aaron Berg
Adam Cunningham
Adam Cunning
Andrew Geraghty
Andrew Geraghty
Danial Hewetson
Danial Hewetson
Roman Rus
Roman Rus
<div class="bocss-author">
    <div class="bocss-author__bio">
        <a aria-label="Aaron Berg" title="Aaron Berg" href="#" class="bocss-author__icon bocss-author__green">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/AaronBerg.jpg" alt="Aaron Berg" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__green"><span class="bocss-author__name">Aaron Berg</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Adam Cunning" title="Adam Cunning" href="#" class="bocss-author__icon bocss-author__green">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/AdamCunning.jpg" alt="Adam Cunning" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__green"><span class="bocss-author__name">Adam Cunning</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Danial Hewetson" title="Danial Hewetson" href="#" class="bocss-author__icon bocss-author__green">
            <img src="https://design.bankofcanada.ca/docroot/wp-content/uploads/2019/04/DanialHewetson.jpg" alt="Danial Hewetson" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__green"><span class="bocss-author__name">Danial Hewetson</span></div>
    </div>
    <div class="bocss-author__bio">
        <a aria-label="Roman Rus" title="Roman Rus" href="#" class="bocss-author__icon bocss-author__green">
            <img src="https://design.bankofcanada.ca/wp-content/uploads/2019/04/RomanRus.jpg" alt="Roman Rus" class="bocss-author__image">
        </a>
        <div class="bocss-author__tooltip bocss-author__green"><span class="bocss-author__name">Roman Rus</span></div>
    </div>
</div>

Code simplifié

[Author colour="green"]

Paramètres

Paramètres Valeurs Description
post_id valeur numérique définie par l’utilisateur ID de la publication qui contient les ID des auteurs à afficher. Si aucun ID de publication ou d’auteur est indiqué, la publication en cours est utilisée.
author_id chaîne définie par l’utilisateur Liste de tous les ID des auteurs, séparés par des virgules. Si aucun ID de publication ou d’auteur est indiqué, la publication en cours est utilisée.
colour blue, green, yellow Couleur du cercle entourant la photo et l’étiquette du nom. La valeur par défaut est « blue ».