mliebelt

<p>Integration of @mliebelt/pgn-viewer into WordPress (formarly named PGNViewerJS).</p>
<h3>Using Shortcodes</h3>
<p>To use a shortcode, do the following steps:</p>
<ol>
<li>Enter on a new element <code>/shortcode</code>.</li>
<li>Enterinside the element then the shortcode including the content of the following sections.</li>
</ol>
<h3>Basic View</h3>
<pre><code> [pgnv]1. e4 e5 2. ...[/pgnv]
</code></pre>
<p>This is the PgnViewer (mostly needed): allows to play through a game (including variations), printing the comments, NAGs, …</p>
<h3>Edit Mode</h3>
<pre><code> [pgne]1. e4 ...[/pgne]
</code></pre>
<p>Allows to edit and view a game. At the end, you may use the PGN button to display the notation,  that then may be copied again in the WordPress post entry.</p>
<h3>Single Position (or Board)</h3>
<pre><code> [pgnb fen=<a FEN string>][/pgnb]
</code></pre>
<p>Just to display a board (only), no moves. Leave out the pgn, if possible. If pgn is included, it will be checked and has to be correct (but not shown at the end).</p>
<h3>Print View</h3>
<pre><code> [pgnp]1. e4 e5D 2. Nf3 Nc6D ...[/pgnp]
</code></pre>
<p>Allows to print a game in a format similar to magazines and books. For that purpose, the notation  of PGN was expanded by the “D” at the end of a move, that stands for the diagram. (Caveat: “D” is currently not working, and leading to an error. See issue <a href="https://github.com/mliebelt/pgn-viewer/issues/580" rel="nofollow ugc">#580</a> about that.)</p>
<p>For a list of available parameters, look into the Frequently Asked Questions.</p>
<h3>Using Block Level Element</h3>
<p>You can use instead the following:</p>
<ol>
<li>Enter as block element <code>/PGN Viewer Block Editor</code>, in the variants <code>View</code>, <code>Edit</code>, <code>Board</code> or <code>Print</code>.</li>
<li>You will then have a form with all options that are possible with the shortcode as well.</li>
<li>Depending on the kind of element you want to have, different values are needed:
<ul>
<li>View: all possible</li>
<li>Edit: same as view</li>
<li>Board: only FEN and layout elements of the board</li>
<li>Print: most not needed.</li>
</ul>
</li>
</ol>


PgnViewerJS

Integration of @mliebelt/pgn-viewer into WordPress (formarly named PGNViewerJS).

wouf

<p>Chessdiag allows you to display clean and customizable chess diagrams directly in your WordPress content.</p>
<p>Use the shortcode with a Chessdiag position code between the opening and closing tags.</p>
<p>Example:</p>
<p>[diag]mrmnmbmqmkmbmnmr8mp32s8prnbqkbnr[/diag]</p>
<p>Features:</p>
<ul>
<li>Display chess diagrams from Chessdiag position codes</li>
<li>Custom board size</li>
<li>Highlight squares</li>
<li>Draw arrows</li>
<li>Optional coordinates</li>
<li>Clickable board (optional)</li>
</ul>
<p>The diagrams are generated via an external service.</p>
<h3>External Services</h3>
<p>This plugin loads images from:</p>
<p>https://chessdiag.org/</p>
<p>When a diagram is displayed, the visitor’s browser requests an image from this service.<br />
The request includes the encoded chess position (FEN) and display parameters.</p>
<p>No personal data is intentionally collected by the plugin itself. However, standard web requests may include technical information such as IP address or browser details, depending on the server configuration.</p>


Chessdiag

Generate chess diagrams easily in your posts and pages using a simple shortcode.

PgnViewerJS vs Chessdiag