ガイドメニュー

wordpress

【WordPress】ソースコードを記述する時にインデントをつける「srctohtml」の使い方【プラグイン無】

みなさんおはこんばんちは(@ReinyaNchannel)です

配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします

WordPress(テーマ仕様はAFFINGER6EX使用)ソースコードを記述する時に、インデント(字下げ)行われないでソースコードを記述することになるので、その対処方法とツールを使って、AFFINGER6EXでのソースコードを記述していく方法を載せていきます

※他のブログテーマ(SANGO)ではソースコードを記述する際に、インデントを行う事ができる

 

AFFINGER6EXではどのショートコードやタグを使ってもインデントは出来ません

なので、その解決方法をメモがてらこの記事を残しておく

 

この記事はこんな方におすすめ

  • AFFINGER6EXでインデントを使いたい
  • ブログでソースコードを記述する時に、インデントを使いたい

 

インデントを使う時は「srctohtml」を使う解決

 

srctohtmlのリンク先を載せておく

srctohtml ソースをHTMLで見やすく出力するツール マージナルソフト
srctohtml ソースをHTMLで見やすく出力するツール マージナルソフト

ブログ記事作成の際に便利なツールなどを公開しています。

marginalsoft.com

 

 

使い方簡単、使いたいソースコードを貼り付けるだけ(HTMLに変換してくれる)

 

プロファイルは自分好みを選ぶ

 

 

昔はシンタックスハイライトを使ってソースコードを載せてはいたが。。。

昔はシンタックスハイライトのプラグインを使ってソースコードをブログに載せていましたが、いかんせんプラグインなので、プラグインを外すとデザインが崩れます

なので、今回使うHTML変換ツールを使えば、HTMLに変換してくれるので、プラグインを使わずにソースコードを記述することが出来る

あとは、プラグインを使わないのがミソなので、筆者のブログは少々どころかかなり読み込みに時間がかかるので、Googleの評価は最悪です

なので、少しでもプラグインを減らすのに、こういうツールを使って対処しています

 

ブログテーマによっては、シンタックスハイライトができるショートコードがありますが、AFFINGER6EXはインデントが出来ないので、AFFINGER6を使っている人は参考になれば幸いです

 

 

まとめ

シンタックスハイライトを使わずにWEBツールを使った内容でした

HTMLに変換してくれるのでシンプルに使いやすいです。またプラグインを使いたくない人は「srctohtml」を使えば良いでしょう

とても簡単です。筆者はこれから愛用していきます

 

では、なにかありましたら記事をあげます

 

配信はTwitch(ツイッチ)で行っています。フォローよろしくお願いします

サイト管理者のプロフィール

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-wordpress
-, , , , , ,