お問い合わせはコチラから

Luxeritas シンタックスハイライター有効化とソースの表示行数の指定【Prim.jsカスタマイズ】

サイト運営

無料の高機能高速Wordpressテーマ Luxeritas v3からPrim.jsがシンタックスハイライターとして組み込まれました。

使ってみると、シンタックスハイライターはとても便利です。

Luxeritas シンタックスハイライターの有効化

Luxeritasのシンタックスハイライターはショートコードで呼び出します。

まず、Luxeritas専用のショートコードを有効化しないと使えません。

Luxeritas専用ショートコードの有効化

ダッシュボードで、Luxeritas⇒定型文登録 と進みます。

サンプル登録 ( ショートコード )というタブを選ぶと、

ショートコード ( Luxeritas 専用 )という見出しがついたエリアがありますので、そこで必要な言語を選択して登録すれば、ひとまずOK。

Luxeritas専用ショートコードの呼び出し

その後、ビジュアルエディタで、ショートコードを呼び出せば、シンタックスハイライターのショートコードが選択できると思います。

ショートコードの名前はわかっているので、別にLuxeritasのエディタでショートコードを呼び出して挿入しなくても、他の方法でも結果は同じです。

ちょっとした問題

長いソースを表示させると記事がソースで埋まってしまうので、表示行数を指定する方法はないものかと、頭を悩ませていました。

ソースコードを適当に編集して行数を減らせばよさそうなものですが、コピペできるようにしたいのと、その作業が面倒なので、表示行数そのものを制限する方が生産的?です。

Luxeritasのテーマ設定にはシンタックスハイライターの表示行数を指定する機能はなさそう。

Prim.jsとして表示行数を指定するにはどうしたらよいのか?

備忘録用にメモしておきます。

参考サイトhttps://tadtadya.com/change-the-number-of-lines-displayed-in-prism-js/

pre[class*="language-"] > code{
max-height: 32em;
overflow: auto;
}

これをstyle.cssに追加すると、ある程度以上の行数になるとスクロールバーが表示されるようになります。

行数の変更はmax-heightを適当に増減させて調整します。

見本https://nldot.info/tiny-mce-visual-style-extension-like-cocoon/

まとめ

ピンポイント困ってる人以外には何のことやらわからん手抜き記事になっていますが、Luxeritasのシンタックスハイライター(Prim.js)の表示行数の指定はテーマからは行えず、記事で紹介したCSSで指定する必要があります。

Luxeritasのシンタックスハイライターの導入も画像もない説明で初心者にはわけわからんと思いますが、その辺の記事は別途Google検索していただければ、Luxeritasの導入記事が沢山見つかると思います。Luxeritasは基本的な使い方の説明の記事を書かれているサイトが沢山あるので本家のサイト以外で見つかったりします。

この記事が気に入ったら フォローしよう
最新情報をお届けします。
この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

オランダで生きていく
タイトルとURLをコピーしました