ブログに、
将棋盤を

コードをコピーして貼るだけで、あなたのブログ・ホームページに将棋盤を設置できます。 将棋ブログ、子ども将棋教室のサイト、学童・園のページにどうぞ。 教室ホームページの素材・教材としてもお使いいただけます。

01

ウィジェットを選ぶ

02

好みに合わせる

手番
サイズ
効果音
盤のテーマ
盤の外側

03

将棋盤の貼り方 — サービスを選んでコードを貼るだけ

  1. 1記事編集画面でブロック追加(+ボタン)→「カスタムHTML」を選ぶ
  2. 2下のコードを貼り付ける
  3. 3プレビューで盤が表示されたら公開
埋め込みコード(そのまま貼れます)

貼るとこうなります(実物)

なぜ無料?

知育将棋アプリ「Huuしょうぎ」の認知獲得が目的です。 ウィジェットの中に、アプリへの小さなリンクが入っています。

そのため設置は無料で、広告も出さず、読者の個人情報も取得しません。

よくある質問

スマホでも表示できますか?

できます。コードは幅に合わせて自動調整されるので、スマホ読者の多いブログでもそのまま使えます。

商用サイト・教室のサイトに貼ってもいいですか?

はい、無料でお使いいただけます。コードの改変と、コード内のリンクの削除はご遠慮ください。子ども向けサービスとしてふさわしくない文脈への設置はお断りしています。

画像の局面図作成ツールと何が違いますか?

画像と違い、貼った盤面図はそのまま読者が触れます。「読者が動かせる」設定にすれば、その局面から駒を動かして変化を検討できます。SFEN を貼るだけで作成でき、画像の書き出しや保存も不要です。

1つの記事に複数貼れますか?

貼れます。盤面図ウィジェットを局面ごとに複数設置する使い方がおすすめです(遅延読み込みなのでページは重くなりません)。

外したいときは?

貼り付けたコードを削除するだけです。連絡などは不要です。

うまく表示されません

パソコン上の HTML ファイルを直接開いた状態(アドレスが file:// で始まる場合)では、ブラウザの仕様により表示されません。サーバーに公開した後のページでご確認ください。公開ページでも表示されない場合は、お使いのサービスが iframe に対応していない可能性があります。上のサービス選択から「iframe が使えないサービス」を選ぶと、iframe を使わない画像+リンクのコードが表示されます。そちらをお試しください。解決しないときは hello@huu-family.com までご連絡ください(設置のお手伝いもします)。