SimTerm WordPressでMacのターミナル風なアニメーションを生成するプラグイン

Mac terminal

エンジニアブログに有るLinuxターミナル

WebにLinuxのコマンド例がブラックの背景に白抜き文字で載せられている事がよく有ります。
ターミナル風だけどなんか地味です。
WordPressのプラグインで何かないかと探したら良いものが有りました!
早速インストールしました。

SimTerm

Gaspar Fernández Website
https://gaspar.totaki.com/en/php-project/simterm/

Gaspar Fernández Website
https://gaspar.totaki.com/en/php-project/simterm/
作者のサイトです。
機能一覧など細かく説明されています。

インストール

WordPressのプラグイン検索にてsimtermでヒットします。
作者のサイトによるとwordpress.orgや作者のgithubにも有ります。

最後のアップデートは5年以上前なので、普通に使う分には問題はないですが一部のオプションを使うとWordPressがエラーを出しました。この点は後述します。

使い方

[simterm]$[/simterm]
WordPressのショートコードを使用します。

サンプル

SSHログイン

[email protected]’s password:
Last login: Thu Feb  3 23:12:55 2022 from 192.168.56.1

echo

echo Hello WordPress
Hello WordPress

wget

wget https://ja.wordpress.org/latest-ja.tar.gz
2022-02-03 23:27:11-- https://ja.wordpress.org/latest-ja.tar.gz
ja.wordpress.org (ja.wordpress.org) をDNSに問いあわせています… 198.143.164.252
ja.wordpress.org (ja.wordpress.org)|198.143.164.252|:443 に接続しています… 接続しました。HTTP による接続要求を送信しました、応答を待っています… 200 OK
長さ: 19920904 (19M) [application/octet-stream]
`latest-ja.tar.gz’ に保存中
100%[===========================] 19,920,904 479KB/s 時間38s
2022-02-03 23:27:50 (518 KB/s) -- `latest-ja.tar.gz’ へ保存完了 [19920904/19920904]
ls
latest-ja.tar.gz

ショートコード オプション

[simterm theme=blue]$[/simterm]

[simterm theme=regular]$[/simterm]

[simterm theme=dark]$[/simterm]

[[simterm theme=ubuntu]$[/simterm]

[simterm theme=light]$[/simterm]

ls
red

[[simterm]$ ls
##red## red
[/simterm]]

ls
green

[simterm]$ ls
##green## green
[/simterm]

ls
blue

[simterm]$ ls
##blue## blue
[/simterm]

ls
gray

[simterm]$ ls
##gray## gray
[/simterm]

ls
yellow

[simterm]$ ls
##yellow## yellow
[/simterm]

ls
underline

[simterm]$ ls
##underline## underline
[/simterm]

ls

[simterm]$ ls
##blink## blink
[/simterm]

cedarvalley.info

[simterm]$ cedarvalley.info ##speed=3000##[/simterm]

no animation

[simterm animated="no"]$ no animation [/simterm]

status bar

[simterm statusbar="true"]$ status bar[/simterm]

WordPress5.9で動作しないショートコード オプション

delay

delayオプションを使うとパスワード入力待ちの様な状態の時に、次の行が表示されるまでに間を空ける事が出来ます。動作はするのですがWordPressがphpのエラーを表示します。

active

行末にカーソルを表示するオプションなのですが、動作しませんでした。

#を使うには?

デフォルトではコマンドプロンプトが$ですが、場合によってはrootの#を使いたい時もあります。
コメントアウトに#を使いたい時もあります。

作者のサイトにも以下の様に書かれています。

Commands are prepended by $ or # (by default, it’s configurable)

WordPressのプラグイン設定画面に項目があります。

上の様に設定されているのですが、ショートコードに#を付けると$に置き換わってしまいます。
作者のサイトにて質問しているのですが、今のところ返事がありません。

CSSでデザイン変更

テーマlightはデフォルトでは左右下の罫線がありません。
それで背景色が白のサイトだとタイトルバーだけになってしまい、溶け込んでしまって分かりにくくなります。
それでCSSを使って左右下の罫線を追加しています。

.showyourterms.light {
border-left: 1px solid silver;
}
.showyourterms.light {
border-bottom: 1px solid silver
}
.showyourterms.light {
border-right: 1px solid silver
}

設定

WordPress > 設定 > SimTerm settings

デフォルトで使うテーマやアニメーションの有無、タイピングのスピードやウィンドウタイトルなどを設定出来ます。

TwitterFacebookLinkedInHatenaPocketCopy Link
タイトルとURLをコピーしました