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).

pgn4web

<p>Embed Chessboard is a plugin that allows for the insertion of a chessboard displaying chess games within worpress articles.</p>
<p>Use following shortcode tag to insert a chessboard:</p>
<pre><code>[pgn parameter=value ...]
... chess games in PGN format ...
[/pgn]
</code></pre>
<p>Shortcode tag parameters:</p>
<ul>
<li>layout=horizontal|vertical</li>
<li>height=auto|<em>number</em></li>
<li>showMoves=figurine|text|puzzle|hidden</li>
<li>initialGame=first|last|random|<em>number</em></li>
<li>initialVariation=<em>number</em></li>
<li>initialHalfmove=start|end|random|comment|<em>number</em></li>
<li>autoplayMode=game|loop|none</li>
</ul>
<p>Example:</p>
<pre><code>[pgn height=500 initialHalfmove=16 autoplayMode=none]

[Event "World championship"]
[Site "Moscow URS"]
[Date "1985.10.15"]
[Round "16"]
[White "Karpov"]
[Black "Kasparov"]
[Result "0-1"]

1. e4 c5 2. Nf3 e6 3. d4 cxd4 4. Nxd4 Nc6 5. Nb5 d6 6.
c4 Nf6 7. N1c3 a6 8. Na3 d5 9. cxd5 exd5 10. exd5 Nb4
11. Be2 Bc5 12. O-O O-O 13. Bf3 Bf5 14. Bg5 Re8 15.
Qd2 b5 16. Rad1 Nd3 17. Nab1 h6 18. Bh4 b4 19. Na4 Bd6
20. Bg3 Rc8 21. b3 g5 22. Bxd6 Qxd6 23. g3 Nd7 24. Bg2
Qf6 25. a3 a5 26. axb4 axb4 27. Qa2 Bg6 28. d6 g4 29.
Qd2 Kg7 30. f3 Qxd6 31. fxg4 Qd4+ 32. Kh1 Nf6 33. Rf4
Ne4 34. Qxd3 Nf2+ 35. Rxf2 Bxd3 36. Rfd2 Qe3 37. Rxd3
Rc1 38. Nb2 Qf2 39. Nd2 Rxd1+ 40. Nxd1 Re1+ 0-1

[/pgn]
</code></pre>
<p>When using the gutenberg editor, please add shortcodes as shortcodes blocks in guntenberg.</p>
<p>Any PGN header tag missing will not be displayed.</p>
<p>Note: HTML tags are stripped from the PGN data, removing all text between “<” and “>” characters; please make sure your PGN data does not contain “<” and “>” characters.</p>


Embed Chessboard

Please note, the wiki support page is now at
http://pgn4web-project.casaschi.net/wiki/User_Notes_wordpress



relocated wiki support page

Allows for the insertion of a chessboard displaying chess games within wordpress articles.

PgnViewerJS vs Embed Chessboard