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.

Fumiki Takahashi

<p>このプラグインはWordPressのエディターにrubyタグを入力する機能を追加します。</p>
<p><strong>For Non-Japanese Speaker</strong> This plugin enable <code>ruby</code> tag which is not a programming language but <a href="http://dev.w3.org/csswg/css-ruby-1/" rel="nofollow ugc">Japanese bilinear writing system</a>. If you are not Japanese speaker, <code>ruby</code> won’t matter. But this plugin also enables some utility buttons to your Visual Editor. Do you need <code>dl</code>, <code>small</code>, <code>cite</code> or <code>q</code> tags? Try this plugin!</p>
<h4>このプラグインの機能</h4>
<ul>
<li>ブロックエディターにルビ入力機能を追加します。テキストを選択して、プルダウンもしくはショートカット <code>⌘(Ctrl) + Alt + R</code> でルビを入力。</li>
<li>TinyMCE（クラシックエディター）にも対応。</li>
<li>ついでにインライン引用（qタグ）、注釈（smallタグ）、定義リスト（dlタグ）、引用元（citeタグ）も入力できるようになります。</li>
<li>テキストを選択するときは慎重に！</li>
</ul>
<h4>貢献</h4>
<p>ソースコードは<a href="https://github.com/fumikito/wp-yomigana" rel="nofollow ugc">Github</a>にホストしているので、気軽にプルリク、イシューなどお送りください。</p>


WP-Yomigana

このプラグインはWordPressのエディターにrubyタグを入力する機能を追加します。

Cite This Article ~ Author Box vs WP-Yomigana