個別記事のページです

2017年11月20日(月)
このエントリーをはてなブックマークに追加

SyntaxHighlighter Evolvedの使い方

121d3c318e49862e82dcdf3bf16e4529_s.jpg
こんにちは。更新管理担当のオカベです。
いろんな参考サイトを見ていてhtmlやcssのコードを
綺麗に載せてくれているやつ、あれはなんだんだ?とずっと思っていたのですが
SyntaxHighlighterというらしいです。もやもやが取れました。
htmlにも導入できますが、まずはWordPressに導入してみましたので
手順をメモしておきます。ここはMTなので非対応ですが。。

171120.JPG

まずプラグインの新規追加にすすみ、SyntaxHighlighter Evolvedを検索します。
インストール&有効化をしてください。
171120-1.JPG

プラグインの設定は【設定】の中にあります。
171120-2.JPG

デフォルメの設定でも十分使用できるのでそのままでもOKです。

投稿ページや固定ページに移動し、テキストモードで記述します。

CSSのソースの・・・・・・[css][/css]
HTMLのソースの場合・・・・[html][/html]
PHPのソースの場合・・・・[php][/php]

今回はCSSで記述しました。
171120-3.JPG

公開するとこんな感じになりました!
171120-4.JPG

次回はこのブログにも導入できたらと思いますのでまた手順をまとめます!

書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。

簡単無料お見積もり

問い合せ内容 見積り  相談  更新管理  PPC広告・SEO対策
  • 売上げアップ
  • 会社拡大
  • ブランド力を持ちたい
  • 新規事業参入したい
  • 単価を上げたい
  • 価格競争したくない
  • 社内環境を良くしたい
  • 経営者が楽になる
  • 社員を成長させたい
  • 良い求人が欲しい
  • 離職率を下げたい
  • 残業を減らしたい
  • 客層をよくしたい
  • 会社がうまく回るようにしたい
  • クレームを減らしたい
  • リピート、口コミを増やしたい
  • ターゲットを絞りたい
  • 会社の方針を明確にしたい
  • SEO対策
内容
お問合せ