エディタのようソースコードを綺麗に投稿する方法

こんにちは。ニシゾエケイ(西添圭)です。

この記事を読むには【約2分】です。

今回は皆がよく使っているけど意外とそのプラグインの

紹介が少ないソースコードの投稿方法について公開します。

 

エディタのように綺麗にソースコードを表示できるプラグイン「Syntax Highlighter Evolved」

 

cvb

 

よく読者の方にソースコードをそのままコピーしてもらったり紹介する

時に使われるのがこのようなエディタ形式なソース。

 

<div class="linkwithin_div"></div>
<script type="text/javascript">
var linkwithin_site_id = ******;
linkwithin_text='この記事を読んだ人はこんな記事も読んでいます'
</script>
<script type="text/javascript" src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img style="border: 0;" alt="Related Posts Plugin for WordPress, Blogger..." src="http://www.linkwithin.com/pixel.png" /></a>

 

実は当たり前のように使ってましたけどこのやり方が記述されている記事って

あんまりないような気がしたので今回取り上げてみました。

 

 

このソースコードはあるプラグインを使用しています。

それが「SyntaxHighlighter Evolved」プラグイン。

 

では早速導入していきましょう。

 

SyntaxHighlighter Evolvedの導入方法

 

まずいつものように

プラグイン →新規追加からSyntaxHighlighter Evolvedをインストールして有効化します。

 

すると設定→SyntaxHighlighter Evolvedがありますのでクリックしてくださいね。

 

vn

 

cvbn

 

 

バージョンとテーマを選択して変更を保存をクリックします。

※テーマは7種類から選べますのでお好みのテーマを使用ください

 

 

SyntaxHighlighter Evolvedの使用方法

 

使用方法は簡単で表示させたいソースをショートコード

で囲むだけです。

 

例えば、htmlコードを表示させる時は

 

cc

と入力すれば、

 

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>SyntaxHighlighter Evolvedの使い方</title>

こんな感じになります。

簡単ですよね。

 

 

—————————————————-
このブログの記事がお役に立ったら、
ポチっとクリックの応援お願いしますm(_ _)m

←ポチッとお願いします。

—————————————————–

★★より詳細なノウハウ・手法を知りたい方★★

 

メルマガ「最短で10万円稼ぐ方法〜トレンドの教典〜」にご登録

ください。

 

メルマガ登録はこちら

お得な情報満載!!

*メールアドレス
*お名前(姓)


お問い合わせはお気軽に

無料メルマガ登録

“エディタのようソースコードを綺麗に投稿する方法” への4件のフィードバック

  1. ナオト より:

    西添さん

    こんにちは、ナオトです(^-^)/

    たしかに!
    この方法を紹介されてるところ少ないですね!!

    私もやり方を知らなくて、
    探したけど分からないままになってました(笑

    おかげでスッキリ解決です^ ^

    これからも宜しくお願いします!

    ナオト

    • 西添 idea2013 より:

      ナオトさん。コメントありがとう
      ございます。
      そうですよね。
      僕も検索して探しまくりました。

      見つける作業でなるべく時間がとられないように
      していきたいですよね。

  2. カネヤン より:

    こんばんは。

    プラグインもいろいろな
    種類があるんですね。
    勉強になります。

    最低限の知識は持っておいたほうが
    後々役に立つことが多そうですね。

    ランキング応援させていただきます。

    • 西添 idea2013 より:

      いつもコメントありがとうございます。
      ワードプレスって便利ですよね。かゆい所に手が届くプラグインが
      いっぱいです。
      今後ともよろしくお願いします。

コメントを残す

サブコンテンツ

このページの先頭へ