記事内に簡単にかつ綺麗にソースコードを埋め込む方法

記事内に簡単にかつ綺麗にソースコードを埋め込む方法

ワードプレスの記事内にソースコードを入力してシェアしたい時、皆さんはどのようにしているでしょうか?
プラグインを使われている方が多いかと思いますが、GitHubGistを使えば簡単にシェアすることができます。

コードを貼り付けるだけで簡単表示

以下が実際に貼り付けたサンプルですが、簡単に貼り付けることが可能です。
コードを1行貼り付けるだけです。

 

Gist作成方法

まだユーザー登録していない方は以下公式サイトよりユーザー登録をします。
https://gist.github.com/discover

登録が完了すると、右上に「NewGist」というボタンが表示されるのでそちらにアクセスします。

入力画面になるので、サイトに表示したいコードを入力します。
入力し終わったら、右下の「Create Secret gist」を選択します。一般ユーザーにも公開する場合は「Create Public gist」を選択します。

最後に右上に出ているスクリプトをコピーして記事に貼り付ければ完了です。

関連:  ワードプレスをtwitter連携するなら「WP to Twiiter」が簡単で便利!

あなたにオススメの記事

プロフィール

都内某リーマン 33歳

都内のAR・VR・WEB制作会社で働くリーマン。日々の出来事や新しい発見を皆さんに共有すべくなるだけ毎日更新中。
アーカイブ