• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
mocurot nort

mocurot nort

  • Contents
  • About
  • Contact

WP Code Highlightのテスト

2018-02-07 by mocurot コメントを書く

エントリーにソースコードを表示を表示させるため、WordPressののプラグインWP Code Highlightをインストールしたのでテスト。
WP Code Highlight.js – WordPress Plugins

  1. プラグインを有効化
  2. 設定画面でCDNを「Public CDN:cdnjs(highlightjs.org recommend)」に
  3. Styleは「Monokai Sublime」
  4. Enable [code]code content …[/code] supportにチェックを入れる

以下テスト

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #272822;
}

結果


:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #272822;
}

 

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #272822;
}

捗る。

関連

Filed Under: Notes 関連タグ:WORDPRESS

Reader Interactions

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最初のサイドバー

Author

NAME : mocurot
the mocuLogの管理人。フロントエンドエンジニア、バックエンドも少々。
Mac、iPhone、Kindle、Guitar、NINTENDO、SONY、FromSoftwareに関心を示します。

  • GitHub
  • RSS
  • Tumblr
  • Twitter
  • Youtube

Recommended Articles

  • input,textareaのCSSをリセット -iOS Safari -
    input,textareaのCSSをリセット -iOS Safari -
  • MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
    MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
  • Sassで@import
    Sassで@import
  • Sassでネスト
    Sassでネスト
  • SassでFont Awesomeを使う
    SassでFont Awesomeを使う
  • CatalinaでEmacsのファイルアクセスを許可する方法
    CatalinaでEmacsのファイルアクセスを許可する方法
  • ios safariでのスクロールバー表示について
    ios safariでのスクロールバー表示について
  • 6ヶ月プロテインダイエットをしてみて
    6ヶ月プロテインダイエットをしてみて

タグ

AMAZON ANKER APPLE APPLE WATCH APPS BLOOD BONE CAMERA CENT OS COMPASS CSS DARK SOULS DB DESIGN DIET EMMET GADGET GIT GITHUB GUITAR GULP HTML IPHONE KINDLE LEMP MAC MUSIC NGINX NINTENDO NODE.JS NOTE PHP PS4 PYTHON SASS SCSS SEKIRO SERVER SWICH WORDPRESS _s
プライバシーと Cookie: このサイトは Cookie を使用しています。このサイトの使用を継続することで、その使用に同意したとみなされます。
Cookie のコントロール方法を含む詳細についてはこちらをご覧ください。 Cookie ポリシー

Copyright © 2021 mocurot ・ ログイン