writerspress

Cite This Article ~ Author Box adds an editorial-style author box with a built-in “Cite this article” toggle, making it easier for readers to properly reference, share, and credit your work.
Whether you run a blog, publication, research site, or editorial platform, the plugin helps turn your articles into more easily citable content by giving readers a clear citation they can copy and reuse.
The plugin automatically generates a citation for the current article, includes one-click copy support, and provides a direct reformat link through CiteKit for generating additional citation styles.
Designed for bloggers, journalists, researchers, educators, and online publishers who want to strengthen content credibility, improve source transparency, and make their work easier to reference across the web.
Works as both a Gutenberg block and shortcode with identical markup and styling.
<h3>Features</h3>
<ul>
<li>Built-in “Cite this article” toggle.</li>
<li>Helps readers properly reference and credit your work.</li>
<li>Automatically generates citations for the current article.</li>
<li>One-click copy citation support.</li>
<li>Reformat citations into other styles through CiteKit.</li>
<li>Refined editorial-inspired monochrome design.</li>
<li>Gutenberg block + shortcode support.</li>
<li>Horizontal and vertical layout options.</li>
<li>Round or square avatar styles.</li>
<li>Small, medium, and large avatar sizing controls.</li>
<li>Lightweight front-end output with no external framework dependencies.</li>
</ul>
<h3>Gutenberg Block</h3>
The plugin includes a dedicated Gutenberg block called “Author Box with Citation.”
Block controls include:
<ul>
<li>Horizontal or vertical layout styles.</li>
<li>Round or square avatar display.</li>
<li>Small, medium, or large avatar sizing.</li>
<li>Author name, tagline, biography, and image controls.</li>
<li>Live editor preview matching the front-end output.</li>
</ul>
The block is designed to integrate naturally into editorial and publishing-focused websites with a clean monochrome appearance and refined typography.
<h3>How to Use It</h3>
<ol>
<li>Open the WordPress block editor.</li>
<li>Click the “+” inserter button.</li>
<li>Search for: 
 Author Box with Citation</li>
<li>Insert the block into your post or page.</li>
<li>Customize the author details and layout options from the sidebar controls.</li>
<li>Publish or update your content.</li>
</ol>
The citation section will automatically generate a citation for the current article and allow readers to copy or reformat it.
<h3>Shortcode</h3>
Two tags are registered. Use whichever you prefer:
<ul>
<li>[author_box] — friendly short tag (registered only when no other plugin has claimed it).</li>
</ul>
Self-closing form (simple bios):
[author_box name=”Jane Doe” tagline=”Climate scientist” description=”Short bio.” image=”https://example.com/jane.jpg” layout=”vertical” avatar_shape=”square” avatar_size=”lg”]
Enclosing form (rich descriptions with paragraphs and HTML):
When the description needs paragraph breaks, links, or other formatting, use the enclosing form. Anything between the opening and closing tags becomes the description, with paragraph breaks auto-handled.
[author_box name=”Jane Doe” tagline=”Climate scientist”]Multi-paragraph description goes here, with HTML formatting and even <a href="https://example.com" rel="nofollow ugc">links</a> supported. Blank lines in the editor become proper paragraphs on the front end.[/author_box]
Accepted attributes:
<ul>
<li><code>name</code> — Author display name.</li>
<li><code>tagline</code> — Short tagline shown under the name.</li>
<li><code>description</code> — Bio text (overridden by enclosing content if both are present).</li>
<li><code>image</code> — Direct URL to the avatar image. Validated; invalid URLs fall back to the post author’s Gravatar or initials.</li>
<li><code>image_id</code> — WordPress media-library attachment ID. Takes precedence over <code>image</code> when both are given, and auto-resolves to a retina-sharp source.</li>
<li><code>layout</code> — <code>horizontal</code> (default) or <code>vertical</code>.</li>
<li><code>avatar_shape</code> — <code>round</code> (default) or <code>square</code>.</li>
<li><code>avatar_size</code> — <code>sm</code>, <code>md</code> (default), or <code>lg</code>.</li>
<li><code>post_id</code> — Render the citation and avatar fallback using a specific post’s metadata instead of the current post in the loop. Useful for author boxes on archive pages or custom templates.</li>
</ul>

Cite This Article ~ Author Box

Adds an author box with a built-in "Cite this article" toggle, helping readers properly reference, share, and credit your work.

Chetan Kunte

This plugin extracts <code>cite=""</code> and <code>title=""</code> details from blockquote to display with attribution and link below the quote. <code>cite</code> field is for the web address of source quoted from. <code>title</code> for the name of the author or source.
An example of a typical block quotation (html mark-up) in use would like the following:
<pre><code><blockquote cite="http://www.quotedb.com/quotes/2369" title="Mahatma Gandhi">
 Live as if you were to die tomorrow. Learn as if you were to live forever.
</blockquote>
</code></pre>
When viewed on the web, it would look like:
Live as if you were to die tomorrow. Learn as if you 
 were to live forever.
— <a href="http://www.quotedb.com/quotes/2369" rel="nofollow ugc">Mahatma Gandhi</a>
This plugin is based on a javascript code by Dunstan Orchard. You might want to see <a href="http://demo.1976design.com/blockquotes/" rel="nofollow ugc">Dunstan’s Demo page</a> on how it works.

Extract blockquote info

This plugin extracts cite=&quot;&quot; and title=&quot;&quot; details from blockquote to display with attribution and link below the q …

Cite This Article ~ Author Box vs Extract blockquote info