{"id":2391,"date":"2012-07-18T22:33:14","date_gmt":"2012-07-18T21:33:14","guid":{"rendered":"http:\/\/clactonchess.org.uk\/wordpress\/?p=75"},"modified":"2012-07-18T22:33:14","modified_gmt":"2012-07-18T21:33:14","slug":"test-2-2","status":"publish","type":"post","link":"http:\/\/clactonchess.org.uk\/wordpress\/test-2-2\/","title":{"rendered":"Displaying Board Positions and Games"},"content":{"rendered":"\n<p><em>updated Dec 2012, FEN Reader replaced by ChessOnline; Dec 2013, use of copgn;<\/em><br><em>Nov 2018, added further choice to use Chess Tempo Viewer<\/em><br><em>Jan 2023, \u2018removed references to &#8216;ChessOnline\u2019, which was disabled after being identified by UKC to be the cause of admin and user WordPress logins failing, and other issues, in November 2022 (though not replicated on backup server, the plugin was not maintained nor checked against WordPress updates for over a decade, so is now deprecated).<br>Authors should use the \u2018Chess Tempo Viewer\u2019 instead.<\/em><\/p>\n\n\n\n<p>&#8216;Plugins&#8217; such as &#8216;<a href=\"https:\/\/wordpress.org\/plugins\/chesstempoviewer\/\">Chess Tempo Viewer<\/a>&#8216;,  &#8216;<a href=\"https:\/\/wordpress.org\/plugins\/rpb-chessboard\/\">RPB Chessboard<\/a>&#8216;, &#8216;<a href=\"http:\/\/wordpress.org\/extend\/plugins\/embed-chessboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">Embed Chessboard<\/a>&#8216;, etc. provide chess-graphics for your posts, to show single game positions, or a whole game animated on one board. Depending on the plugin you wish to use, you can either<br>a) insert your FEN text within special tags (must be exactly right to be picked up and show the board in your post &#8211; if you only see a text string instead of a diagram when you preview your post, double check that you have entered a valid string)<br>b) select the &#8216;Chess Diagram&#8217; or &#8216;Chess Game&#8217; icons from the post\/page block editor.<br>c) paste FEN text into the field provided from options the tool provides within the block editor. <br>All as described in the above links to these tools.<\/p>\n\n\n\n<p><strong>Display a single game position<\/strong><\/p>\n\n\n\n<p>This diagram was set up using  &#8216;<a href=\"https:\/\/wordpress.org\/plugins\/rpb-chessboard\/\">RPB Chessboard<\/a>&#8216; by selecting &#8216;Chess Diagram&#8217; from edit options and arranging pieces in the displayed graphic.<\/p>\n\n\n\n\n<p class=\"rpbchessboard-spacerBefore\"><\/p>\n\n<div class=\"rpbchessboard-chessboard rpbchessboard-diagramAlignment-center\">\n    <noscript>\n        <div class=\"rpbchessboard-javascriptWarning\">\n            You must activate JavaScript to enhance chess diagram visualization.        <\/div>\n    <\/noscript>\n    <div id=\"rpbchessboard-69dec97c1d156-1\"><\/div>\n    <script type=\"text\/javascript\">\n        (function() {\n            function renderThisFEN() {\n                RPBChessboard.renderFEN(\"rpbchessboard-69dec97c1d156-1\", {\"position\":\"r2qk2r\\\/ppp1bppp\\\/3p4\\\/4n2n\\\/2B1P1b1\\\/2NPBN2\\\/PPP3PP\\\/R2Q1RK1 w kq - 0 1\",\"squareSize\":32,\"coordinateVisible\":true,\"turnVisible\":true,\"colorset\":\"original\",\"pieceset\":\"cburnett\"});\n            }\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', renderThisFEN);\n            }\n            else {\n                renderThisFEN();\n            }\n        })();\n    <\/script>\n<\/div>\n\n<p class=\"rpbchessboard-spacerAfter\"><\/p>\n\n\n\n<p>This diagram was set with the Chess Tempo Viewer by using ctpgn tags as described <a href=\"https:\/\/wordpress.org\/plugins\/chesstempoviewer\/\">here<\/a> and shown below for the same position using the following tagged FEN  text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/frintonet.ydns.eu\/wordpress\/wp-content\/uploads\/2023\/01\/image.png\" alt=\"\" class=\"wp-image-2403\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n<script>\r\n    new PgnViewer(\r\n            { boardName: 'fen1',\r\n                pgnString: '[FEN \"r2qk2r\/ppp1bppp\/3p4\/4n2n\/2B1P1b1\/2NPBN2\/PPP3PP\/R2Q1RK1 w - - 0 1]\"  ',\r\n                pieceSet: 'merida',\r\n                pieceSize: 46,\r\n                showCoordinates: true,\r\n                movesFormat: 'default'\r\n            }\r\n    );\r\n<\/script>\r\n\r\n<div id=\"fen1-container\" class=\"cont-float-top\"><\/div><div id=\"fen1-moves\"><\/div>\r\n<div class=\"cont-float-clear\"><\/div>\n\n\n\n<div align=\"center\">===============================<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Display an animated game<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>The following animated graphic of a full game was set up for the Chess Tempo Viewer by inserting pgn text string for the game between ctpgn tags within a &#8216;shortcode block&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/frintonet.ydns.eu\/wordpress\/wp-content\/uploads\/2023\/01\/image-1.png\" alt=\"\" class=\"wp-image-2410\"\/><\/figure>\n\n\n\n<p><br>Using similar examples your readers can single-step forward or backwards through your games using the &gt; and &lt; buttons, or click on the auto-play and stop buttons.<\/p>\n\n\n<script>\r\n    new PgnViewer(\r\n            { boardName: 'demo',\r\n                pgnString: ' [Event &#8220;World championship&#8221;] [Site &#8220;Moscow URS&#8221;] [Date &#8220;1985.10.15&#8221;] [Round &#8220;16&#8221;] [White &#8220;Karpov&#8221;] [Black &#8220;Kasparov&#8221;] [Result &#8220;0-1&#8221;]  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  ',\r\n                pieceSet: 'merida',\r\n                pieceSize: 46,\r\n                showCoordinates: true,\r\n                movesFormat: 'default'\r\n            }\r\n    );\r\n<\/script>\r\n\r\n<div id=\"demo-container\" class=\"cont-float-top\"><\/div><div id=\"demo-moves\"><\/div>\r\n<div class=\"cont-float-clear\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>A further example shows this viewer used to give a start position\/study with follow-on moves and comments as prepared in the &#8216;shortcode block&#8217; below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/frintonet.ydns.eu\/wordpress\/wp-content\/uploads\/2023\/01\/image-2.png\" alt=\"\" class=\"wp-image-2411\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n<script>\r\n    new PgnViewer(\r\n            { boardName: 'fen2',\r\n                pgnString: '[FEN \"r5k1\/ppqb2pp\/2n1pr2\/3pN1QP\/2pP2B1\/P1P5\/2P2PP1\/R3R1K1 w - - 0 23]\"   23. Nxd7 {the Black knight begins the strike} Qxd7 24. Qxf6 {Black starts to fall!} gxf6  25. Bxe6+ Qxe6 26. Rxe6 {the rest is technique} Kf7 27. Rd6 Rd8 28. Rxd8 Nxd8 29. f4 Ne6  30. g3 Ng7 31. g4 f5 32. h6 Ne6 33. gxf5 Nxf4 34. Kf2 Kf6 35. Kf3 Kxf5 36. a4 Ng6 37. a5 Kg5  38. Rb1 b6 39. Rxb6 Kxh6 40. Ra6 Kg5 41. Rxa7 h5 42. Rg7 {and Black resigns} * ',\r\n                pieceSet: 'merida',\r\n                pieceSize: 46,\r\n                showCoordinates: true,\r\n                movesFormat: 'default'\r\n            }\r\n    );\r\n<\/script>\r\n\r\n<div id=\"fen2-container\" class=\"cont-float-top\"><\/div><div id=\"fen2-moves\"><\/div>\r\n<div class=\"cont-float-clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>updated Dec 2012, FEN Reader replaced by ChessOnline; Dec 2013, use of copgn;Nov 2018, added further choice to use Chess Tempo ViewerJan 2023, \u2018removed references to &#8216;ChessOnline\u2019, which was disabled after being identified by UKC to be the cause of admin and user WordPress logins failing, and other issues, in November 2022 (though not replicated [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-2391","post","type-post","status-publish","format-standard","hentry","category-tools"],"_links":{"self":[{"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/posts\/2391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=2391"}],"version-history":[{"count":0,"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/posts\/2391\/revisions"}],"wp:attachment":[{"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=2391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=2391"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/clactonchess.org.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=2391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}