POSTSダウンロードDOWNLOADマニュアルMANUALレイアウト見本LAYOUTフォーラムFORUMSCocoonのコードハイライト機能で多言語に対応する方法(highlight.js)投稿・固定ページTwitterFacebook0はてブ0Pocket0LINEコピー2019.09.05この記事は約2分で読めます。1.9.5でコードハイライトライブラリのhighlight.jsを軽量化しました。デフォルトで使用できる言語はこちら。フォーラムにてこれ以外の言語でハイライト機能を利用されている方も結構おられたので、全言語対応版ライブラリも利用できるように機能追加しました。以下では、highlight.jsが対応している全言語対応ライブラリを適用する方法です。対応している言語ライブラリ変更フックhighlight.js対応言語全てをハイライト表示する方法まずはCocoon設定から「コード」タブを選択してください。「ライブラリ」項目の「全て(対応している言語全て)」を選択してください。対応している言語highlight.jsが対応している言語は、こちらを参照してください。highlight.jshighlightjs.orgスポンサーリンクライブラリ変更フック自前でhighlight.jsライブラリを設定したい場合は、code_highlight_js_urlフックも用意してあります。code_highlight_js_urlフック自前で、自分が使用するだけの言語のライブラリを作成して、そのURLを読み込んで対応することも可能です。フックでのライブラリ設定方法は、PHPを編集する必要があります。PHP編集はサポート外とさせていただいてるので、自前でカスタマイズを行っていただければと思います。投稿・固定ページスポンサーリンクわいひら無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。わいひらをフォローするシェアするTwitterFacebook0はてブ0Pocket0LINEコピーわいひらをフォローするスポンサーリンクおすすめレンタルサーバーカラフルボックス性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。○サーバ引っ越しオプションあり(有料)サービス運営期間:1年6ヶ月1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。クーポンコード:PK4JK4RJクーポンの使用方法はこちら。安定感抜群のサーバーです。急激なアクセス変動がないアフィリエイトサイトに向いています。詳細ページエックスサーバーMixHostプラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。WINGとにかく速い。サイトに表示スピードを求めるならココ。WINGJETBOY格安な値段で始められる高機能サーバーです。性能も備えつつ最安ならここ。サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。ページ「記事を読む目安時間」の表示をページ毎に切り替える方法トップページやサイトマップページで「読み時間の目安」表示を非表示にしたい場合などにどうぞ。2019.05.15投稿・固定ページCocoonの画像拡大効果(Lightbox)ライブラリ各々お勧めの使いどころ写真を暗転し拡大して表示するLightbox効果のあるJavaScriptライブラリの使いどころを紹介しています。2019.09.28投稿・固定ページGoogle検索結果に星評価を表示する方法(レビュー構造化データの出力)レビュー用のJSON-LD構造化データを出力して、Google検索結果などに星評価を表示させることができます。本文中の余白を変更して読みやすさを調整できます。2019.01.29投稿・固定ページYouTube高速化埋め込みをパラメータで制御する方法YouTubeの埋め込み(iframe)プレイヤーの表示制御する方法。2018.10.01投稿・固定ページURLをブログカード化せずに文字列として表示させる方法ブログカードを無効化してテキストURLのみを表示する方法。長いサイト名をつけてしまった場合、投稿・固定ページでタイトルが長くなってしまいすぎるのを防ぐ方法です。Gistの埋め込みを、URL入力のみで表示させる方法です。2018.04.19投稿・固定ページプラグインを利用せずとも目次機能を利用できますCocoonでは、テーマが保有する独自機能で目次表示することが可能です。目次には、ページ内リンクが貼られるので目的の場所にすぐさま飛ぶことができます。横スクロール表示対応のレスポンスでテーブル設定方法です。コメントをキャンセルメールアドレスが公開されることはありません。フォーラムにお願いします。Cocoon設定の「スキン」タブで変更できます。新着記事Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】2019.09.092020.02.03Cocoon既知の不具合。