Page-level ads

Kifu-for-JSをWordpressのブログに貼り付ける方法 – つまさぽ(妻のサポート)

将棋

Kifu-for-JSをWordPressのブログに貼り付ける方法

投稿日:2018年4月19日 更新日:

ws-pc-top

将棋の棋譜をJavascriptで再生するKifu for JSをWordpressのブログに貼り付けたくて、いろいろ調べましたが、なかなか良い方法がなかったので、WordpressのPluginを自作してみました。

githubに公開しましたので、よかったら試してみてください。

スマホでも駒台が隠れずに表示するようにJavascriptでレイアウトを変更しています。

ws-pc-more

概要

javascriptで動作する棋譜再生将棋盤Kifu for JSをWordpressのブログに貼り付けるためのプラグイン。

インストール方法

  1. githubのKifu-for-JSをWordpressのブログに貼り付けるためのプラグインにアクセスし、[Download ZIP]からkifuforjs-wp-plugin-master.zipをダウンロードする。
  2. WordPressの管理画面から[プラグイン]→[新規追加]→[プラグインのアップロード]を順にクリックする。
  3. [ファイルの選択]でkifuforjs-wp-plugin-master.zipを選択し、[今すぐインストール]をクリックする。
  4. WordPressの管理画面から[プラグイン]から「kifuforjs」の[有効化]をクリックする。

使い方

[board]shortcodeを使用する。

棋譜をブログ記事から指定する場合

棋譜をkifファイルから指定する場合

urlにkifファイルのURLを指定する。

urlとtextの両方を指定した場合、urlで指定した棋譜を優先して表示する。

  1. kifファイルをWordpressにアップロードする。アップロード方法は画像のアップロードと同様。
  2. アップロードしたkifファイルのURLを確認する。
  3. ブログ記事に下記のようにshortcodeを書く。

手数を進めた状態で表示する場合

tesuuに進める手数を指定する。

反転して表示したい場合

reverseに1を指定する。

コメント表示したい場合

commentに1を指定する。

参照

ws-pc-btm

ws-pc-btm-right

-将棋
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ド素人が1ヶ月で将棋ウォーズ2級に昇級した方法

息子に将棋を教えようと思ったら、逆に自分がはまってしまいました。 学生時代は麻雀ばっかりやっていて、雀荘でバイトするぐらい大好きでしたが、今では将棋のほうが面白いと思っています! 初段を目指しましたが …

級位者向け – 将棋ウォーズ2級 – 実践詰将棋 11手詰

将棋ウォーズ2級の私が詰みに気づかず落とした実戦譜からの詰将棋です。 なので、この詰みに気がつくようになれば、1級/初段が見えてくると思います。 ぜひ、考えてみてください。   私は、あと1 …

級位者向け – 将棋ウォーズ2級 – 実践詰将棋 5手詰

将棋ウォーズ2級の私が詰みに気づかず落とした実戦譜からの詰将棋です。 なので、この詰みに気がつくようになれば、1級/初段が見えてくると思います。 ぜひ、考えてみてください。   これは比較的 …

級位者向け – 将棋ウォーズ2級 – 実践次の一手

将棋ウォーズ2級の私が悪手を打って落とした実戦譜からの次の一手です。 なので、この一手が見えるようになれば、1級/初段が見えてくると思います。 ぜひ、考えてみてください。

級位者向け – 将棋ウォーズ2級 – 実践詰将棋 9手詰

実戦譜からの詰将棋です。 実践では、詰みに気づかず、寄せに失敗して負けてしまいました。 詰みに気づいていれば、勝っていた勝負です。 なので、この詰みに気がつくようになれば、1級や初段が見えてくると思い …

ws-pc-side-top

ws-pc-side-btm


アフィリエイトのアクセストレード