Skip to content

Cite This Article 2.3.1

Author box & citation showcase

Every output mode in Cite This Article 2.3.1: the author box on its own, the author box with its citation panel, the citation with no author box at all, and the bare citation string. Plus citation styles with a reader switcher, the four panel treatments, citing a work other than the current post, and the author archive header. Each example prints the literal shortcode that produced it.

CiteKit logo

Mode 01

The four output modes

The same article, rendered four ways. Choose the one that fits how your theme already credits authors — from the full box down to a bare citation string you can drop anywhere.

Author box + citation

The default: profile and a collapsed citation panel

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" description="Chris leads development of CiteKit's WordPress and web products, with a focus on structured citation workflows, author attribution, and reliable publishing." image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md"]

Author box + citation, open

Same box with the panel expanded on load

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" description="Chris leads development of CiteKit's WordPress and web products, with a focus on structured citation workflows, author attribution, and reliable publishing." image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" toggle="open"]

Citation only

No author box — for themes with their own byline

Cite this article
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article toggle="open"]

Citation as plain text

Just the citation string, no panel or controls

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article display="text"]
The author box always carries its citation panel — that pairing is the point of the plugin. If you want the profile without a citation, or a citation without the profile, use the citation-only mode above or your theme's own author block.

Mode 02

Citation only, in detail

Author resolution is identical to the full box — multiple authors, guest authors, and author-plugin integrations all behave the same way. Only the presentation layer is removed.

Default panel

Collapsed, with the CiteKit mark beside the label

Shortcode equivalent
[cite_this_article]

Custom label

Override the toggle wording

How to cite this page
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article label="How to cite this page" toggle="open"]

Manual authors

Named contributors, no WordPress accounts needed

Cite this article
Citation

Chris Johnson, Maya Chen and Leila Ahmed. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article authors="Chris Johnson|Maya Chen|Leila Ahmed" toggle="open"]

Restricted exports

BibTeX and RIS only

Cite this article
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Export BibTeX RIS
Shortcode equivalent
[cite_this_article export="bib,ris" toggle="open"]
There is also a template tag for theme files: citekit_abc_citation( $args ), taking the same arguments as the shortcode. And a Cite This Article block, with the same options in the block sidebar.

Mode 03

Four panel treatments

toggle controls how the citation panel presents itself. The CiteKit mark sits beside the label rather than inside it, so it stays visible whether the panel is open or closed.

toggle="rule"

Default — a hairline rule above the label

Shortcode equivalent
[cite_this_article toggle="rule"]

toggle="boxed"

Mark and label share a bordered box

Shortcode equivalent
[cite_this_article toggle="boxed"]

toggle="inline"

Reads as an inline link

Shortcode equivalent
[cite_this_article toggle="inline"]

toggle="open"

Expanded on load, nothing to click

Cite this article
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article toggle="open"]

Mode 04

Citation styles

House style plus APA, MLA, Chicago, and Harvard. Every style formats the same resolved authors, so switching style never changes who gets credited.

style="house"

House style — the plugin default

Cite this article
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article style="house" toggle="open" export="none"]

style="apa"

APA

Cite this article
Citation

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article style="apa" toggle="open" export="none"]

style="mla"

MLA

Cite this article
Citation

CiteKit. "Demo: Cite This Article – Author Box Citation." CiteKit, 22 Aug. 2026, https://citekit.com/author-box-citation-for-wordpress/demo/.

Shortcode equivalent
[cite_this_article style="mla" toggle="open" export="none"]

style="chicago"

Chicago

Cite this article
Citation

CiteKit. "Demo: Cite This Article – Author Box Citation." CiteKit, August 22, 2026. https://citekit.com/author-box-citation-for-wordpress/demo/.

Shortcode equivalent
[cite_this_article style="chicago" toggle="open" export="none"]

style="harvard"

Harvard

Cite this article
Citation

CiteKit (2026) ‘Demo: Cite This Article – Author Box Citation’, CiteKit. Available at: https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article style="harvard" toggle="open" export="none"]

Mode 05

Reader-facing style switcher

Offer more than one style and readers can pick. The citation text and the copy button update together, so a reader always copies what they can see.

Three styles

First in the list renders; the rest become buttons

Cite this article
Style

CiteKit. (2026). Demo: Cite This Article – Author Box Citation. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article style="apa|mla|chicago" style_switcher="true" toggle="open"]

On the full author box

The switcher works the same inside the box

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" description="Chris leads development of CiteKit's WordPress and web products, with a focus on structured citation workflows, author attribution, and reliable publishing." image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" style="harvard|apa|mla" style_switcher="true" toggle="open"]
With a single style selected the switcher renders nothing at all, rather than a row with one dead button.

Mode 06

Citing a work that isn't this post

Override any citation field and leave the rest to resolve from the post. Useful for republished pieces, external reports, and reference pages.

An organization's report

author_type keeps a corporate name intact

Cite this article
Citation

World Health Organization. (2024). Obesity and overweight. WHO. https://www.who.int/news-room/fact-sheets/detail/obesity-and-overweight

Shortcode equivalent
[cite_this_article author="World Health Organization" author_type="organization" title="Obesity and overweight" published="2024" site="WHO" url="https://www.who.int/news-room/fact-sheets/detail/obesity-and-overweight" toggle="open"]

Partial override

New title and year; authors still resolve from the post

Cite this article
Citation

CiteKit. (2021). Why cities get hotter. CiteKit. https://citekit.com/author-box-citation-for-wordpress/demo/

Shortcode equivalent
[cite_this_article title="Why cities get hotter" published="2021" toggle="open"]
On the full author box the equivalent attributes are citation_title and citation_url, because title there is already the box heading.

Box 07

Organization author

Use a publication, lab, company, or organization as the displayed author.

CiteKit as the author

Organization + logo + description

Shortcode equivalent
[author_box title="About the team" name="CiteKit" tagline="Reference Manager for Online Publishers" description="CiteKit helps publishers manage what their work cites and make published work easier for readers to cite and credit." image="https://citekit.com/wp-content/uploads/citekit-footnotes-citations-bibliography-manager.jpg" avatar_shape="square" avatar_size="lg" author_type="organization"]

Box 08

Configurable headings

A global Heading setting, plus a per-box title="..." override. Left unset, the heading follows the author count automatically.

Meet the author

Custom heading

Shortcode equivalent
[author_box title="Meet the author" name="Maya Chen" tagline="Product Designer at CiteKit" description="Maya designs clear author, citation, and reference workflows for publishers working across WordPress and the web." image="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md"]

Written by

Compact editorial wording

Shortcode equivalent
[author_box title="Written by" name="Daniel Brooks" tagline="Documentation Engineer at CiteKit" description="Daniel develops technical documentation, integration examples, and migration guidance for teams adopting CiteKit publishing workflows." image="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="square" avatar_size="md" export="none"]

About the contributors

Multiple-author heading

Shortcode equivalent
[author_box title="About the contributors" authors="Chris Johnson|Maya Chen|Leila Ahmed" author_layout="combined" image_mode="single" image="https://citekit.com/wp-content/uploads/citekit-footnotes-citations-bibliography-manager.jpg" avatar_shape="square" avatar_size="md" tagline="CiteKit Product Team" description="Engineering, design, and research-publishing contributors working together on CiteKit."]

Box 09

Per-box reader exports

Each box can independently expose all, some, or none of the reader-facing BibTeX, RIS, and CSL-JSON downloads.

All exports

BibTeX + RIS + CSL-JSON

Shortcode equivalent
[author_box title="About the author" name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" description="Leila works on citation conventions, research-publishing use cases, and evidence-heavy web content." image="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" toggle="open" export="bib,ris,csl-json"]

BibTeX only

One export format

Shortcode equivalent
[author_box title="About the author" name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" description="Leila works on citation conventions, research-publishing use cases, and evidence-heavy web content." image="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" toggle="open" export="bib"]

RIS + CSL-JSON

Two export formats

Shortcode equivalent
[author_box title="About the author" name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" description="Leila works on citation conventions, research-publishing use cases, and evidence-heavy web content." image="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" toggle="open" export="ris,csl-json"]

Exports hidden

Citation stays visible

Shortcode equivalent
[author_box title="About the author" name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" description="Leila works on citation conventions, research-publishing use cases, and evidence-heavy web content." image="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" toggle="open" export="none"]

Box 10

Horizontal & vertical

The two primary layouts side by side.

Horizontal

Maya Chen

Shortcode equivalent
[author_box name="Maya Chen" tagline="Product Designer at CiteKit" description="Maya designs clear author, citation, and reference workflows for publishers working across WordPress and the web." image="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82" layout="horizontal" avatar_shape="round" avatar_size="md"]

Vertical

Daniel Brooks

Shortcode equivalent
[author_box name="Daniel Brooks" tagline="Documentation Engineer at CiteKit" description="Daniel develops technical documentation, integration examples, and migration guidance for teams adopting CiteKit publishing workflows." image="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=600&h=600&q=82" layout="vertical" avatar_shape="square" avatar_size="lg"]

Box 11

Avatar shapes & sizes

Round and square portraits in small, medium, and large. Two boxes per row, maximum.

Round · small

Exports hidden for brevity

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="sm" export="none"]

Round · medium

Exports hidden for brevity

Shortcode equivalent
[author_box name="Maya Chen" tagline="Product Designer at CiteKit" image="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" export="none"]

Round · large

Exports hidden for brevity

Shortcode equivalent
[author_box name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" image="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="lg" export="none"]

Square · small

Exports hidden for brevity

Shortcode equivalent
[author_box name="Daniel Brooks" tagline="Documentation Engineer at CiteKit" image="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="square" avatar_size="sm" export="none"]

Square · medium

Exports hidden for brevity

Shortcode equivalent
[author_box name="Marcus Reed" tagline="WordPress Engineer at CiteKit" image="https://images.unsplash.com/photo-1531384441138-2736e62e0919?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="square" avatar_size="md" export="none"]

Square · large

Exports hidden for brevity

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="square" avatar_size="lg" export="none"]

Box 12

Text-only author boxes

Author boxes without avatars or profile images.

Horizontal · no image

Role + bio + citation

Shortcode equivalent
[author_box name="Leila Ahmed" tagline="Research Publishing Editor at CiteKit" description="Leila works on citation conventions, research-publishing use cases, and the presentation of sources across evidence-heavy web content." layout="horizontal" image_mode="none"]

Vertical · no image

Role only

Shortcode equivalent
[author_box name="Marcus Reed" tagline="WordPress Engineer at CiteKit" layout="vertical" image_mode="none" export="none"]

Box 13

Combined multiple authors

Combined groups with and without a shared tagline and description.

Three-person product team

Shared role + description + CiteKit logo

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen|Leila Ahmed" author_layout="combined" image_mode="single" image="https://citekit.com/wp-content/uploads/citekit-footnotes-citations-bibliography-manager.jpg" tagline="CiteKit Product Team" description="Chris leads development, Maya shapes the product experience, and Leila focuses on research-publishing workflows and citation conventions." avatar_shape="square" avatar_size="lg"]

Three-person product team

Names + CiteKit logo only

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen|Leila Ahmed" author_layout="combined" image_mode="single" image="https://citekit.com/wp-content/uploads/citekit-footnotes-citations-bibliography-manager.jpg" avatar_shape="square" avatar_size="md"]

Box 14

Individual author cards

One card per author, sharing a single citation panel. Portraits are supplied in the same order as the names.

Three individual authors

One card each, one citation

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen|Leila Ahmed" author_layout="individual" image_mode="individual" author_images="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md"]

Two authors, no images

Names only

Shortcode equivalent
[author_box authors="Daniel Brooks|Marcus Reed" author_layout="individual" image_mode="none" export="none"]

Two authors, portraits

Small round portraits

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen" author_layout="individual" image_mode="individual" author_images="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="sm" export="none"]
Per-author roles and biographies come from each author's WordPress profile, or from the author plugin managing them. The shortcode's tagline and description apply to the box as a whole, not to one author within it.

Box 15

Four-author layouts

Compact combined presentation versus individual cards.

Four authors · compact

Combined + shared role

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen|Daniel Brooks|Marcus Reed" author_layout="combined" image_mode="none" tagline="CiteKit Team" description="Engineering, design, documentation, and WordPress expertise combined in one publication byline."]

Four authors · individual

One card each with portraits

Shortcode equivalent
[author_box authors="Chris Johnson|Maya Chen|Daniel Brooks|Marcus Reed" author_layout="individual" image_mode="individual" author_images="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=600&h=600&q=82|https://images.unsplash.com/photo-1531384441138-2736e62e0919?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="sm"]

Box 16

More from the author

An optional link to each author's archive, beneath the box. %s in the label is replaced by the linked author names.

Default label

Links to the author archive

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" description="Chris leads development of CiteKit's WordPress and web products, with a focus on structured citation workflows, author attribution, and reliable publishing." image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" show_more="true"]

Custom label

Your own wording

Shortcode equivalent
[author_box name="Chris Johnson" tagline="Lead Developer at CiteKit" description="Chris leads development of CiteKit's WordPress and web products, with a focus on structured citation workflows, author attribution, and reliable publishing." image="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=600&h=600&q=82" avatar_shape="round" avatar_size="md" show_more="true" more_label="More articles by %s"]

Beyond 17

Author archive header

On an author's archive page, the profile can become the page header: the “Author: Name” heading turns into the author's name, with their photo, bio, website, and post count beneath it.

One setting

Show the author profile in the archive header

Works with block themes and classic themes, and with guest authors. Your theme keeps its post list, pagination, and layout — only the header area changes. The citation is left out, because an archive is a changing list of posts rather than an article anyone would cite.

Or place it yourself

Block and template tag

Drop the Author Archive Header block into an author template, or call citekit_abc_author_archive_header() in a classic theme. A theme can take over placement entirely with add_theme_support( 'citekit-author-archive' ).

<?php echo citekit_abc_author_archive_header(); ?>
This one can't be demonstrated on a page — it only renders on author archive pages. Visit any author archive on this site with the setting enabled to see it.

Beyond 18

The CiteKit mark

A small mark sits beside the “Cite this article” label, linking to citekit.com. It is a sibling of the toggle rather than inside it, so it stays visible whether the panel is open or closed.

Free

Mark, or no mark

The mark is shown by default and can be switched off in settings. Both options are available in the free edition.

PremiumPro

Your own logo

Replace the CiteKit mark with your own: an uploaded image, your theme's logo, or the site icon.

The mark is a global setting rather than a per-box attribute, so every example on this page shows whichever mode this site is currently set to.

Beyond 19

Metadata & schema

Both live in the document <head>, so they are documented here rather than staged as a visual example.

Citation metadata

Google / Highwire tags

Citation-aware metadata that reference managers and citation tools read directly, on standard posts. Custom post types are part of the premium publication-control layer.

<meta name="citation_title" content="..."> <meta name="citation_author" content="Chris Johnson"> <meta name="citation_publication_date" content="..."> <meta name="citation_public_url" content="...">

Author schema

schema.org structured data

One setting outputs an Article block with its authors as JSON-LD, for the content types you choose.

{ "@type": "Article", "author": [ { "@type": "Person", "name": "Chris Johnson" } ] }
All demo profiles are fictional. Stock portraits are used only to demonstrate manual profile images.