Luxeritasのサムネイルを設定しよう!【サムネイル(アイキャッチ)編】

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

サムネイルヘッダー

トリ師匠
トリ師匠
今回は一覧表示のサムネイル(画像表示)の設定をすんで。
ぐず夫
ぐず夫
サム、ネイル?
あの踊るオジサンがネイルすんのか。オシャレさんやな。
トリ師匠
トリ師匠
それでは早速いってみるで!
ぐず夫
ぐず夫
(このトリ、全力で放置かいな…)

ということで、今回はLuxeritasのカスタマイズ機能を使ってサムネイルの表示設定をしてみたいと思います。

サムネイル(アイキャッチ) 機能

サムネイル選択

トリ師匠
トリ師匠
記事の一覧をみるとちっこい画像が表示されとるじゃろ。あの画像がサムネイルでここではその表示について設定するで。ちゅうことで、「サムネイル(アイキャッチ)」を選択するで!

① サムネイルの表示/非表示切り替え

一覧表示されるサムネイルの表示・非表示や見栄えについて設定します。

● サムネイル表示
サムネイルの表示/非表示の切り替え

  • サムネイル表示有り
    サムネイル表示有り
  • サムネイル表示なし
    サムネイル表示なし

 

● No Imageのサムネイル表示
記事にサムネイル設定がされていない場合、「④ No Image」で選択した画像を表示する機能

  • No Image のサムネイル表示有り
    ノーイメージチェック有り
  • No Image のサムネイル表示なし
    ノーイメージチェックなし

 

● 枠線を付ける
サムネイル(画像)の周囲に枠線を付ける機能

  • 枠線有り
    枠線有り
  • 枠線なし
    枠線なし

 

② 画像に対するテキスト(抜粋)の配置

一覧を「通常スタイル」で表示する場合のテキスト配置を決める機能。
(※スマホなど小デバイスは除く)

  • 【画像の右 (画像下への回り込み非許可)】
    常に画像の右側にテキストが表示される。
    画像下不許可
  • 【画像の右 (画像下への回り込み許可)】
    右側に表示するが、回り込み表示も行う。
    テキスト右と回り込み
  • 【画像の下 ( 通常スタイル )】
    常に画像の下側にテキストを表示する。
    テキスト常に下
トリ師匠
トリ師匠
「通常スタイル」「表示する文字数」が多くないと回り込み許可の部分はあまり関係ないかもの。どう設定するかは好みじゃな

◆通常スタイルの表示設定はコチラを参照!

③ サムネイルの表示サイズ

一覧の表示スタイル別にサムネイルの表示サイズを設定する機能

● 通常スタイル
「通常スタイル」表示中のサムネイルサイズを設定する。

【例1:small(100×100)の場合…】
small(100×100)

【例2:normal(150×150)の場合…】
normal(150×150)

【例3:tile(320×180)の場合…】
tile(320×180)

 

● タイル型(グリッドレイアウト)
「タイル型」表示中のサムネイルサイズと見栄えを設定する。

  • 例1:small(100×100)の中央揃え
    small(100×100)の中央揃え
  • 例2:normal(150×150)の中央揃え
    normal(150×150)の中央揃え
  • 例3:tile(320×180)の中央揃え
    tile(320×180)の中央揃え
  • 例4:small(100×100)の中央揃えなし
    small(100×100)の中央揃えなし
  • 例5:normal(150×150)の中央揃えなし
    例2:normal(150×150)の中央揃えなし
トリ師匠
トリ師匠
「横幅いっぱい」にチェックを入れると指定のサイズの画像を枠いっぱいに広げて表示されるで。スマホ用とPC用で表示を変えられるでの、自由に設定したってな。

 

● カード型(グリッドレイアウト)
カード型表示中のサムネイルサイズを設定する。

  • 【例1:small(100×100)の場合…】
    カード型small(100×100)
  • 【例2:normal(150×150)の場合…】
    カード型normal(150×150)
  • 【例3:tile(320×180)の場合…】
    カード型tile(320×180)

 

④ No Image

記事中にサムネイルを設定していない場合に表示する画像を設定する

トリ師匠
トリ師匠
ここで設定した画像が「No Imageのサムネイル表示」で表示されるで。以上で設定は終了じゃ!

 

サムネイル(アイキャッチ)の設定を終えて…

ぐず夫
ぐず夫
ちょこっと一覧がシャープになったの
トリ師匠
トリ師匠
スラッと並ぶだけで気分もええやろ。まだまだすることは残ってるで、ちゃっちゃと手ぇ動かし。
ぐず夫
ぐず夫
トリの癖にせっかちなやっちゃの。
ワシ面食らってるで…

以上でサムネイル(アイキャッチ)編のカスタマイズを終了します。

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