引き続きLuxeritasのサイトカスタマイズをするぞ!【グリッドレイアウト編】

2018年9月24日ブログ管理Luxeritas, Luxeritasカスタマイズ, ブログ管理, 初心者

グリッドレイアウトヘッダー

トリ師匠
トリ師匠
次はグリッドレイアウトを変更するで!
ぐず夫
ぐず夫
まだ3つ目かいな…
トリ師匠
トリ師匠
ちゃっちゃと用意せい! 行くで。

ということで、今回はLuxeritasのカスタマイズ機能を使ってグリッドレイアウトを変更してみます。

グリッドレイアウト 機能

グリッドレイアウト

トリ師匠
トリ師匠
ここはサイトの一覧ページの見た目を設定する場所じゃ。そんじゃ「グリッドレイアウト」を選んでみよか。

 

① リスト型トップページ

トップページの一覧表示の見た目を設定します。

【通常スタイル】
サイドバー以外の全幅で、タイトル、メタ情報、サムネイル(中)、本文を表示する。

通常スタイル

 

【タイル型(最大1列)】
サイドバー以外の全幅で、タイトル、メタ情報、サムネイル(全幅)、本文を表示する。各情報の並び順はは変更可。

タイル型1

 

【タイル型(最大2列)】
サイドバー以外の全幅を最大2等分し、タイトル、メタ情報、サムネイル(半分)、本文を表示する。各情報の並び順はは変更可。

タイル型2

 

【タイル型(最大3列)】
サイドバー以外の全幅を最大3等分し、タイトル、メタ情報、サムネイル(1/3)、本文を表示する。各情報の並び順はは変更可。

タイル型3

 

【タイル型(最大4列)】
サイドバー以外の全幅を最大4等分し、タイトル、メタ情報、サムネイル(1/4)、本文を表示する。各情報の並び順はは変更可。

タイル型4

 

【カード型(最大1列)】
サイドバー以外の全幅で、メタ情報、サムネイル(小)、タイトル、本文を表示する。

カード型1

 

【カード型(最大2列)】
サイドバー以外の全幅を最大2等分し、メタ情報、サムネイル(小)、タイトル、本文を表示する。

カード型2

 

【カード型(最大3列)】
サイドバー以外の全幅を最大3等分し、メタ情報、サムネイル(小)、タイトル、本文を表示する。

カード型3

 

【カード型(最大4列)】
サイドバー以外の全幅を最大4等分し、メタ情報、サムネイル(小)、タイトル、本文を表示する。

カード型4

 

● 最初の X 件は通常スタイル
一覧表示の指定数を「通常スタイル」で表示する機能

● 記事一覧中央ウィジェットの配置
ウィジェット(記事一覧中央)の表示位置を設定。

ウィジェット挿入位置
例:挿入される位置はコチラ

 

② カテゴリー

カテゴリーページの一覧表示の見た目を設定します。リスト型トップページと項目は同様のため割愛。

● カテゴリ一覧の最初に説明文を挿入する
カテゴリ一覧の冒頭にカテゴリの説明文を表示する機能。

カテゴリー説明

トリ師匠
トリ師匠
「投稿」「カテゴリー」の項目の中で、カテゴリーの「説明」にて設定した内容が冒頭に表示されるんじゃ。HTMLの記述も可能じゃで、絵の挿入や飾り付けも自由じゃの

 

③ アーカイブ

アーカイブページの一覧表示の見た目を設定します。リスト型トップページと項目は同様のため割愛。

● 記事一覧中央ウィジェットは横幅いっぱい
ウィジェット(記事一覧中央)の幅を設定する機能。

 

④ タイル型の並び順

各情報の並び順を4種類から選択できます。左から順に表示されます。

  • 【サムネイル/タイトル/メタ情報】
    サム-タイ-メタ
  • 【サムネイル/メタ情報/タイトル】
    サムネメタタイトル
  • 【メタ情報/サムネイル/タイトル】
    メタサムネタイトル
  • 【メタ情報/タイトル/サムネイル】
    メタタイトルサムネ

トリ師匠
トリ師匠
好きな見栄えに設定じゃ

⑤ 記事一覧の抜粋文字数と色濃度

【通常スタイル】
通常スタイルの赤字枠内、表示文字数を設定します。

● 抜粋を改行をしない
赤字枠内を改行せず表示する場合に設定します。

 

【タイル型】
タイル型の赤字枠内、表示文字数を設定します。

タイル型文字数

● 抜粋を改行をしない
赤字枠内を改行せず表示する場合に設定します。

 

【カード型】
カード型の赤字枠内、表示文字数を設定します。

カード型文字数

● 抜粋を改行をしない
赤字枠内を改行せず表示する場合に設定します。

 

● 投稿・編集画面の抜粋を優先表示
投稿する際の「抜粋」枠で設定した項目を優先して表示させることができる機能。

※ 抜粋機能は「投稿の編集」画面にて、表示オプションから「抜粋」にチェックを入れることで使用することができます。

投稿時に設定します

投稿時、表示オプションから「抜粋」項目を表示させ…

抜粋の記述

「抜粋欄」に一覧で表示させたい文言を入力すると優先して表示されます。

 

⑥ 記事を読む(通常スタイル)

通常スタイルの「続きを読む」をカスタマイズする機能。指定した文言と指定文字分のタイトルが表示されます。

通常スタイル文言

⑦ 記事を読む(タイル型)

タイル型の「続きを読む」をカスタマイズする機能。指定した文言と指定文字分のタイトルが表示されます。

タイル型文言

⑧ 記事を読む(カード型)

カード型の「続きを読む」をカスタマイズする機能。指定した文言と指定文字分のタイトルが表示されます。

カード型文言

トリ師匠
トリ師匠
以上で一覧の表示設定は終了じゃ!

 

設定を終えて…

ぐず夫
ぐず夫
あ、あがががが、がが
トリ師匠
トリ師匠
…まだ大項目が28個も残っとるショックで壊れかけとる。

以上でグリッドレイアウト編のカスタマイズを終了します。

ではまた次回をお楽しみに!