EmbedChessboard Joomla Plugin

EmbedChessboard Joomla plugin
EmbedChessboard example in Joomla 4

Do you ever need a way to show a series of chess moves in your blog? EmbedChessboard allows you to embed chess games on websites with the Portable Game Notation (PGN) format, easy to comprehend for novice and grandmaster level players alike.

Using EmbedChessboard 

  1. Follow the “Download” link at https://extensions.joomla.org/extension/embedchessboard/. As of September 2021 you’ll be redirected to the SourceForge page.
  2. Select “embedchessboard-joomla-plugin-X.XX.XX.zip” to download the Joomla plugin. Below are checksums for embedchessboard-joomla-plugin-3.05.00.zip. We recommend comparing the checksum of your downloaded file to the results below to ensure your file is not corrupted or malicious. You can use the terminal or VirusTotal.com.
    SHA256SUM – 07f5b2415ac289e89d235dacc7dc530590747e6d71166c8fb78d00acd5697452
    SHA512SUM –
    MD5SUM –
    RIPEMD160 –
  3. Log into your Joomla administrator dashboard (e.g. https://example.com/administrator).
  4. On the left, select “System.”
  5. Under “Install,” select “Extensions.”
  6. Select “Or browse for file” and the plugin zip file. You’ll see the following notification:
    EmbedChessboard plugin installed
  7. On the left, select “System.”
  8. Select “Plugins.”
  9. Select “Content – EmbedChessboard.”
  10. On the right, select the Status drop-down menu and “Enabled.”
  11. Set the default chessboard frame layout to show move notation beside or under the chess board. This can be changed manually when coding an EmbedChessboard setup.
    EmbedChessboard settings
  12. Set the default EmbedChessboard frame height. This can also be overwritten.
  13. Customize the color of the EmbedChessboard background, board squares, navigation buttons, and text in hex format. Click the text field to use the color graph.
  14. Set the default settings for automatically playing chess games. This too can be overwritten per chess board.
  15. Select the “Description” tab for sample code. You can copy this code to get started as we did below.
  16. Select the “Advanced” tab to add custom CSS.
  17. Save changes.
  18. Create a Joomla article.
  19. Develop the PGN code for your chess game. The code block includes all custom parameters available and the developer’s example chess game.

Below is the final result of the code block above.

EmbedChessboard article preview

Learn more about chess notation at https://www.chess.com/article/view/chess-notation.

InMotion Hosting Contributor
InMotion Hosting Contributor Content Writer

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting

Was this article helpful? Join the conversation!