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

[Author]

<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>

Jaune

[Author colour="yellow"]

<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>

Vert

[Author colour="green"]

<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>

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 ».