writerspress

<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>Works as both a Gutenberg block and shortcode with identical markup and styling.</p>
<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>
<p>The plugin includes a dedicated Gutenberg block called “Author Box with Citation.”</p>
<p>Block controls include:</p>
<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>
<p>The block is designed to integrate naturally into editorial and publishing-focused websites with a clean monochrome appearance and refined typography.</p>
<h3>How to Use It</h3>
<ol>
<li>Open the WordPress block editor.</li>
<li>Click the “+” inserter button.</li>
<li>Search for:<br />
   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>
<p>The citation section will automatically generate a citation for the current article and allow readers to copy or reformat it.</p>
<h3>Shortcode</h3>
<p>Two tags are registered. Use whichever you prefer:</p>
<ul>
<li>[author_box] — friendly short tag (registered only when no other plugin has claimed it).</li>
</ul>
<p><strong>Self-closing form (simple bios):</strong></p>
<p>[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”]</p>
<p><strong>Enclosing form (rich descriptions with paragraphs and HTML):</strong></p>
<p>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.</p>
<p>[author_box name=”Jane Doe” tagline=”Climate scientist”]Multi-paragraph description goes here, with <strong>HTML formatting</strong> 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]</p>
<p><strong>Accepted attributes:</strong></p>
<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.

Maeve Lander

<p>Help readers know how to cite your article correctly. Use Cite plugin to display a box at the bottom of each page/post with reference information. Add to any page/post using shortcode <code>[cite]</code></p>
<h4>Key Features</h4>
<ul>
<li>Simple & lightweight</li>
<li>Dynamically generate tags such as site name, post title, permalink, publication date, last accessed date</li>
<li>Works in all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome</li>
<li>Add to any page using shortcode <code>[cite]</code></li>
</ul>
<h4>Demo</h4>
<ul>
<li><a href="http://demo.enigmaweb.com.au/cite/" rel="nofollow ugc">Click here</a> for out-of-the-box demo</li>
</ul>
<h4>Languages</h4>
<p>Would you like to help translate the plugin into more languages? It’s very easy – you don’t have to know any code. Please <a href="http://www.enigmaplugins.com/contact/" rel="nofollow ugc">contact Maeve</a></p>


Cite

Help readers know how to cite your article correctly

Cite This Article ~ Author Box vs Cite