HOME → 6 Luxeritas → 

Luxeritas で 「Simple GA Ranking」を使い ランキングを表示する

WordPress Twenty Seventeen
Luxeritas のカスタマイズ
Simple GA Ranking ランキング表示のカスタマイズ
 
Luxeritas で「Simple GA Ranking」プラグインを使ってサイドバーに人気記事一覧を表示し、「サムネイル」だけでなくランキングの「順位」を表示するカスタマイズを行った。
 
Simple GA Ranking ランキング表示のカスタマイズ
 
以下、【テキスト】ウィジェットを「ショートコード」で動作させ、ランキング順位を表示するカスタマイズを行った記録。
HOME → 6 Luxeritas → 

Luxeritas シンタックスハイライターの導入

Luxeritas(ルクセリタス)
シンタックスハイライターの導入
Prism.js
 
導入環境。
・WordPress:バージョン 5.8.2
・旧エディターを使用中
・Luxeritasバージョン:3.21.1.1
 
ブロックエディタを使用していれば、Luxeritasの独自ブロックの中に「シンタックスハイライター」ブロックがあるが、いまだに「Classic Editor」を使用しているため、プラグインを使用せず、軽量な「Prism.js」を使用することにした。
 
表示例
 
以下、Syntax Highlighter(シンタックス ハイライト)表示するための【JavaScriptライブラリ】である「Prism.js」を導入した記録。
HOME → 6 Luxeritas → 

Luxeritas ブログカードのカスタマイズ

Luxeritas(ルクセリタス)
ブログカードのカスタマイズ
 
Luxeritas には、内部リンクや外部リンクのための「ブログカード」が標準で装備されており、ビジュアルエディターのアイコンから呼び出せる。このブログカードのデザインを、サイトの色調に合わせるカスタマイズを施した。
 
CSSでのカスタマイズ結果
 
以下、Luxeritas のブログカードをカスタマイズした記録。
HOME → 6 Luxeritas → 

Luxeritas ショートコードで カテゴリー別 記事一覧を表示

Luxeritas(ルクセリタス)
カテゴリー指定で 記事一覧を表示する
ショートコードを作る
 
『親カテゴリーをメニュー項目にし、メニューにする固定ページを該当カテゴリーの記事インデックスとする』。このために、固定ページに指定したカテゴリーの記事一覧を表示し、且つ、記事が増減しても自動でインデックスが変化する様【ショートコード】を作る。
記事インデックスは、「ブログカード風の内部リンクカード」で表示する。
 
作成した固定ページを表示してみる
 
以下、Luxeritas 独自の「ショートコード登録」機能を使って、カテゴリー別記事一覧を表示するショートコードを作った記録。
HOME → 6 Luxeritas → 

Luxeritas フッター周りのカスタマイズ

Luxeritas(ルクセリタス)
フッター周りのカスタマイズ
 
ヘッダー周りのカスタマイズ → サイドバー周りのカスタマイズと続いて、最後にフッター周りのカスタマイズを行う。
 
フッター周りの、カスタマイズ結果
 
以下、フッター周りのカスタマイズを行った記録。
HOME → 6 Luxeritas → 

Luxeritas ヘッダー周りのカスタマイズ

Luxeritas(ルクセリタス)
ヘッダー周りのカスタマイズ
 
固定ページを作成し、ヘッダーナビ(グローバルナビ)が完成したので、ヘッダー 背景画像の設定等、ヘッダー周りのカスタマイズを行う。
 
【Font Awesome】のアイコンを設定した画面
 
以下、ヘッダー周りのカスタマイズを行った記録。