比較表のブロックを追加しました!

JIN:Rでの「コードエディター」の使い方!シンタックスハイライターを呼び出す方法

ひつじ

WordPressテーマ「JIN:R」でコードエディターを作る方法について解説します。

コードエディターのサンプルはこちら↓

ひつじくん
ひつじくん
1.jin-boxdesign{
2border:1px solid #ddd;
3padding:0 20px;
4}
1.jin-boxdesign{
2border:1px solid #ddd;
3padding:0 20px;
4}
1.jin-boxdesign{
2border:1px solid #ddd;
3padding:0 20px;
4}
1.jin-boxdesign{
2border:1px solid #ddd;
3padding:0 20px;
4}
1.jin-boxdesign{
2border:1px solid #ddd;
3padding:0 20px;
4}

コードエディターの使い方

コードエディターを呼び出す

作り方:/コード

「/」(半角スラッシュ)を押してから、「コード」と入力すると呼び出せます。

プログラム言語を選んでコーディングする

あとは、プログラム言語を選択して、コーディングをしていきましょう。

デザインを選択する

コードエディターのデザインは、右サイドバーで変更することができます。

「コード」のデザイン変更

「スタイル」を切り替えるだけで、ダークにもライトにも変更できます。お好みのデザインに調整してお使いください。

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました