Awesome Free Chess Tutorials

Guide on how to write a chess article on ChessTuts

Guide on how to write a chess article on ChessTuts

Note that this article is only meant for staff members of ChessTuts. If you want to contribute please see Write for us .

  1. Complete a Lichess study and make sure to use arrows, square highlights, comments, glyphs (eg ?! ?? !! +- etc) to make it look nice.

    Note that green square highlights doesn’t look that good on this site so try to use yellow ones (by holding Shift + alt when you right click). Blue arrows and highlights don’t work either I believe.

    Whenever there is a position you want to display as a picture on the article, make sure you insert [#] as the first thing in your comment to the move. <-- Ignore this step if you want the game to be displayed in a scrollable frame like articles.

  2. Go to the Share tab of the Lichess study and click the download Chapter PGN. Drag the file you downloaded to Chrome to see the exact text and select all & Copy it.
  3. Login here with your details, case sensitive.
  4. Post -> New Post
  5. Select a category on the right, add a featured image if you want
  6. When you’re writing the article I recommend using the Text tab of the editor rather than the Visual tab because that can mess with the code.

    However, if the article is mostly just text without any PGN diagrams then feel free to use Visual.

    If you don’t know basic HTML, here’s a good guide on some cool tags you can use for images, links, bolding, formatting, headings etc:

  7. Paste the Chapter PGN into the article and wrap it in [pgn] tags. It should look like [pgn] *pasted pgn content* [/pgn]
  8. If you want the game to be in a scrollable frame instead, add this to the pgn tag: [pgn navigation_board=scrollLeft] and SKIP the next step 9.

    If you want it to be flipped to be black’s view add this attribute inside the pgn tag: flip=true

    More documentation is available in the Chess -> Help section of the admin dashboard. Let me know if you don’t see this option.

  9. It won’t look good after you try to preview that because everything is bunched up together. So you need to fix this by pressing Enter *twice* on every comment line {[#]}{[%cal]} also at the end of it, and on every variation left bracket –> ( Also Enter twice on every right bracket –> )

    It should look something like this:

    5… Bxf3 6. Qxf3

    { [#] Some text here } { [%cal Gf1b5] }

    (6. Bb5+ 6… Nc6 7. Qxf3)

    6… Nc6 7. Bb5 Qb6 8. Bxc6+?!

  10. [sc name="spoiler"] to start the tag, and end tag is [/sc] this is nice for long articles, or if you want to have a spoiler for a puzzle answer. example here:

    The title of the spoiler defaults to “Click to see answer” but you can change that by an attribute like this: [sc name="spoiler" title="Click to see variation"]. Content here you want to hide[/sc]

  11. If you want an interactive move trainer, puzzle or tactic, do this:

    <center>[tactic fen="3rr1k1/pp3ppp/8/2qpn2n/8/1QP2PP1/PP1N2KP/R3RB2 w - - 4 19" last_move="f8e8" moves="Qxb7 Rb8 Rxe5 Rxb7 Rxe8+ Qf8 Rxf8+ Kxf8" color="white" width="500" board_bg="brown" nocredit="true" css="/wp-content/styles/listudy2.css"]</center>

    If you ever use this though, we have to give credit to Listudy:

    The practice tool below is powered by <a href=""></a>, which is a tool to help people share puzzles/tactics on blogs.

    Example here

  12. Lastly to improve Search Engine Optimization: if you scroll down you can set the article tags on the right and also set a focus keyword which should be part of your article title.