ブログを書いていると、HTMLやCSSなどのソースコードを記事内に埋め込むことがあると思います。ソースコードを埋め込むためにはプラグインを使うという方法がありますが、プラグインを増やすとプラグイン同士で競合するリスクがあるので増やしたくない、という人もいるのではないでしょうか?そこで、WordPressでプラグインを使わずにソースコードを埋め込むことができる「Gist」というサービスを紹介します。「Gist」は簡単な操作で埋め込みコードを作成することができるので、ぜひ取り入れてみて下さい。まとめGistとはGistとは、GitHubというエンジニアの集団から無料で提供されている「ソースコード管理ツール」です。Gsitでは主に次の3つのことができます。今回はブログの埋め込み方法を紹介します。Gistのアカウントの作り方:4ステップまずは「Gist」のサイトを開きます。free」が選択されていることを確認する。4:「Continue」をクリックする。これで、アカウントの開設は完了です。gist」をクリックします。gist」をクリックします。以下の画像がテキストコードの入力画面になります。各項目について説明していきましょう。extension:ファイル名ファイル名を入力します。「test_code.html」のように拡張子を含めることで、その言語を紐づけてくれます。コードの入力欄コードを入力します「Space」または「Tab」インデントをスペースにするかタブにするか選択します。(わからなければ「Space」のまま)「2」または「4」または「8」タブで挿入するスペースを選択します。右端まで来たら折り返すかどうかを選択します。wrap」だと折り返します。gist」をクリックしました。すると、Gistが保存され、以下のようなページが表示されるので、画面右上の「Embed」の右にあるアイコンをクリックすると、Gist埋め込み用のコードがコピーされます。実際に「ソースコードを張り付けると次のようになります。以上が、Gistの基本的な使い方になります。コード表の高さを調整する方法Gistを使ってコードを貼ると、短い場合は良いですが、コードが長くなるとその分Gistのコード表の長さも長くなってしまいます。そこで、このサイズを調整する方法を紹介します。方法は簡単で、以下のCSSコードをStyleシートにコピペするだけです。「300px」の部分の数字を変えることで高さは任意に変えることができます。CSSを張り付けると、長かったGistのコード表も、高さが固定されスクロール式にすることができるので、スッキリします。まとめ「Gist」のメリットは、プラグインを増やさなくても簡単な操作で使えるということに尽きると思います。便利なサービスなので是非使ってみて下さい。