Luxeritasでコンテンツ領域の見た目とコメント欄を触ってみよう!【コンテンツ領域とサイドバー、ディスカッション編】

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

記事ヘッダー

トリ師匠
トリ師匠
今回は「コンテンツ領域」と「サイドバーの見た目」と「コメント欄」を触ってみるで!
ぐず夫
ぐず夫
なんやよく分からんが、ワシの耳はどんどん遠なっとるみたいや…。
疲れでなんも聞こえへん
トリ師匠
トリ師匠
若いんやでシャキッとせえ!

ということで、今回はLuxeritasのカスタマイズ機能を使ってコンテンツ領域とサイドバー、ディスカッションの変更をしてみたいと思います。

コンテンツ領域とサイドバー 機能

コンテンツ領域とサイドバー

トリ師匠
トリ師匠
主にコンテンツ部分とサイドバーの見た目を設定する部分じゃの。早速「コンテンツ領域とサイドバー」をクリックじゃ!

① コンテンツ領域

ブログのメインコンテンツ部分の見栄えを設定できます。

● コンテンツ領域に枠線をつける
本文や一覧表示の各コンテンツに枠線を表示する機能

  • 記事本文(枠線有り)
    記事枠線有り
  • 一覧(枠線有り)
    一覧枠線有り
  • 記事本文(枠線なし)
    記事枠線なし
  • 一覧(枠線なし)
    一覧枠線なし

 

● ページャー表示領域に枠線をつける
ページャー領域の枠線を表示する機能

【ページャー枠線有り】

ページャー枠線有り

【ページャー枠線なし】

ページャー枠線なし

 

② 角の丸み

枠線の角に丸みをつける機能。数値加算で丸みが増します。

丸み例
角の丸みを15に設定した場合の変化

 

③ コンテンツ領域のパディング

コンテンツ領域内の空間を指定します。

  • ● コンテンツ上
    コンテンツ内、上部の空間を指定します。
    コンテンツ上
  • ● コンテンツ下
    コンテンツ内、下部の空間を指定します。
    コンテンツ下
  • ● コンテンツ左
    コンテンツ内、左部の空間を指定します。
    コンテンツ左
  • ● コンテンツ右
    コンテンツ内、右部の空間を指定します。
    コンテンツ右

④ サイドバーウィジェットの幅

サイドバーの幅を設定する機能

  • 【2カラム目】
    2カラム目のウィジェット幅を設定します
    2カラム目
  • 【3カラム目】
    3カラム目のウィジェット幅を設定します
    3カラム目

 

⑤ サイドバーの位置

サイドバーに関する設定をします。

● モバイル・スマホで非表示にする
モバイル・スマホ表示の場合、サイドバーを表示させない機能

● サイドバーを枠線で囲む
サイドバーの各コンテンツに枠線を表示する機能。

【サイドバー枠線有り】

サイドバー枠有り

【サイドバー枠線なし】

サイドバー枠なし

 

⑥ 角の丸み

枠線の角に丸みをつける機能。「②角の丸み」と同様のため省略。

 

ディスカッション 機能

ディスカッション設定

トリ師匠
トリ師匠
主に記事の最後に表示されとるコメント欄の設定じゃの。「ディスカッション」をクリックしてみるんじゃ!

 

① 投稿ページ

投稿ページ内の「コメント欄」と「トラックバックURL」について表示/非表示を選択する機能

● コメント欄表示

ディスカッション枠の表示/非表示を切り替える機能

ディスカッション表示設定

 

● トラックバックURL表示

トラックバックURL枠の表示/非表示を切り替える機能

トラックバック表示設定

 

② 固定ページ

固定ページ内の「コメント欄」と「トラックバックURL」について表示/非表示を選択する機能

● コメント欄表示
● トラックバックURL表示

①投稿ページ」の内容と同様のため省略。

 

③ コメント一覧の表示方法

コメント欄の見栄えを設定する機能。コメントとピン(トラック)バックを分けて表示、一緒に表示、表示しないを、それぞれ選択可能。

● ピン(トラック)バックに返信ボタンを付ける

ピンバックに返信用のボタンを配置する機能

ピンバック返信ボタン

 

 

コメント欄とコンテンツ領域の見た目設定を終えて…

ぐず夫
ぐず夫
これ、ホンマに最後までやるんか?
トリ師匠
トリ師匠
当然や。やらんでどないする気じゃ?
ぐず夫
ぐず夫
まだ24個もあるのにか?
トリ師匠
トリ師匠
だから泣くなて…

以上でコンテンツ領域とサイドバー、ディスカッション編のカスタマイズを終了します。

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