手作りアクセサリーを売りたい! ブログ運営(WordPress)

ソースコードを記事内に綺麗に表示!あなたのテーマはどのクレヨン?

更新日:

記事を書くときに、たまにソースコードを表示した記事を書くことがあります。

これは、役立つ記事としてあなたに伝えるためもありますが、実は、物忘れがひどいボクがメモ代わりとして、備忘録的に自分のブログに使い方などをアップしているのが正直なところなんです。

ただ、ソースコードをそのまま記事に載せてしまうと、改行されなかったり、特殊な文字などはうまく表示されないことがあるんです。

そこで、ブログの記事内に綺麗にソースコードを表示できる

WordPressプラグイン「Crayon Syntax Highlighter」を導入することにしました。
(クレヨン シンタックス ハイライターと呼びます)

使い方などは、もういろいろなブログで紹介していますので、今回は、どのテーマのものが使いやすいのか、比較できるようにまとめてみました。

スポンサーリンク

テーマはどれにする?

ソースコードの表示スタイルは現在で58種類のテーマがありました。

ブログのイメージに合わせた色合いのテーマを探してみてね。

この画像すべて取り込むの苦労しました。。。

1c Kod  crayon1
1c Zapros  crayon2
809finest  crayon3
Ado  crayon4
Amity  crayon5
Arduino Ide  crayon6
Bncplusplus  crayon7
Capacitacionti
 crayon8
Cg Cookie  crayon9
Cisco Router  crayon10
Classic  crayon11
Coda Special Board  crayon12
Coy  crayon13
Dark Terminal  crayon14
Eclipse  crayon15
Epicgeeks  crayon16
Familiar  crayon17
Feeldesign  crayon18
Flatui Light  crayon19
Github  crayon20
Idle  crayon21
Inlellij Idea  crayon22
Iris Vfx  crayon23
Kaderu  crayon24
Kayote  crayon25
Light Abite  crayon26
Mirc Dark  crayon27
Mm Dark Blue  crayon28
Monokai  crayon29
Neon  crayon30
Obsidian  crayon31
Obsidian Light  crayon32
Onderka15  crayon33
Orange Code  crayon34
Plain White  crayon35
Powershell  crayon36
Powershell Ise  crayon37
Prism Like  crayon38
Pspad  crayon39
Qtcreator  crayon40
Raygun  crayon41
Secrets Of Rock  crayon42
Shell Default  crayon43
Solarized Dark  crayon44
Solarized Light  crayon45
Son Of Obsidian  crayon46
Ssms2012  crayon47
Sublime Text  crayon48
Terminal  crayon49
Tomorrow  crayon50
Tomorrow Night  crayon51
Turnwall  crayon52
Twilight  crayon53
Visual Assist  crayon54
Vs2012  crayon55
Vs2012 Black  crayon56
X3info  crayon57
Xcode  crayon58

 

テーマや設定を変更する場合は・・・

crayon-syntax-highlighter1

  1. エディタをビジュアルモードにする。
  2. 記事内のCrayon Syntax Highlighterを使用したソースコードをクリックすると、
    水色に変わる。
  3. <>を押すと、設定の変更画面が表示されます。

 

この記事が気に入ったら
いいね ! しよう

スポンサーリンク

手作りアクセサリー作ってみたい

1

アクセサリーは一体どういう風に作られているのでしょか? あなたがもしこれから手作りアクセサリーの作り方を知って、 自分のオリジナルアクセサリーを作ってみたい、 そしてゆくゆくは販売もしていきたいと考え ...

2

本格的な手作りアクセサリーを作るには、彫金、銀粘土、ロストワックスの3つの方法で作ることが出来る。 もし、あなたが彼女や彼氏に手作りアクセサリーをプレゼントしたいと考えているならば、一体、3つのうちど ...

3

スタッドピアスには必ずストレートのピンが付いています。 ピアスピンと言ったり、ピアス棒、ピアスポストとも呼ばれるこのピンはどうやってピアスデザインとくっついているのか知っていますか? 通常、デザイン部 ...

4

手作りアクセサリーを作るといっても、プロはその作ったものを販売するという視点から作り方を考えていきます。 趣味で作る場合との大きな違いが、この考え方だと言っても過言ではありません。 今回はそんな商売と ...

5

アクセサリーを作るには、地金から作り出す彫金技法やワックスから作り出すロストワックス法があります。 あなたがもし、彫金やロストワックスをはじめたいと考えているのであれば、アクセサリーを作るために必要な ...

-手作りアクセサリーを売りたい!, ブログ運営(WordPress)
-,

Copyright© ピアスマップ , 2017 All Rights Reserved.