WordPressの無料テーマ 「Luxeritas」でサイトカスタマイズ その②【グリッドレイアウト編】

今回は「【初心者オススメ】WordPressの無料テーマ Luxeritasでサイトをカスタマイズ その① 【サイト情報・全体レイアウト編】【オシャレ・シンプルにブログ外観を変更しよう!】

の続きです。

前回はサイト情報全体レイアウトなど、ブログのタイトル部分サイズの大枠部分の設定を行いました。今回はトップページの記事一覧部の外観を変更していきます!ここの設定を変更するとトップページの見た目が大きく変わります。

グリッドレイアウト

 

 

 

 

 

 

 

 

いつも通り「外観」「カスタマイズ」より進み今回はグリッドレイアウトを選択。するとカスタマイズ画面にとびますのでトップページ記事一覧方法【リスト型トップページ】を変更していきましょう。

リスト型トップページ

 

 

 

 

 

 

 

画像の【タイル型(最大2列)】の所をクリックすると①【通常スタイル】②【タイル型】③【カード型】の3つから選択できます。

①【通常スタイル】上から 記事タイトル➡メタ情報➡記事サムネイル➡記事本文が表示

 

 

 

 

 

【タイル型(最大1列)】上から 記事サムネイル➡記事タイトル➡メタ情報➡記事本文の表示

 

 

 

 

 

 

 

 

 

【タイル型(最大2列)】上から 記事サムネイル(2等分)➡記事タイトル➡メタ情報➡記事本文の表示

 

 

 

 

 

 

 

 

タイル型(最大3列)、タイル型(最大4列)記事サムネイルをそれぞれ3等分、4等分するだけなので見た目が細かくなります。当ブログではこのカスタマイズを使用しております。

【カード型(最大1列)】上から メタ情報➡記事サムネイル➡記事タイトル➡記事本文の表示

 

 

 

 

 

【カード型(最大2列)】上から メタ情報➡記事サムネイル(2等分)➡記事タイトル➡記事本文の表示

 

 

 

 

 

 

同じくカード型(最大3列)、カード型(最大4列)記事サムネイルをそれぞれ3等分、4等分するだけなので見た目が細かくなります。

カテゴリー

【カテゴリー】はブログによって設置場所が違いますが、当ブログにおいては下記赤枠部分になります⇩⇩

 

 

 

 

この部分をクリックして表示された一覧をカスタマイズ可能です。下記画像リスト型トップページと同じ【タイル型(最大2列)】を使用しています。

【カテゴリー】もリスト型トップページと同じカスタマイズ方法なので割愛します。

 

 

 

 

 

 

 

アーカイブ

アーカイブのページ一覧表示設定が可能です。アーカイブから記事検索する場合の表示方法になります。こちらも同様のため割愛。

 

 

 

 

 

 

 

タイル型の並び順

 

 

 

 

 

 

※タイル型を選択している場合のみ変更が反映されます。

《サムネイル/タイトル/メタ情報》 《サムネイル/メタ情報/タイトル》

 

 

 

 

 

 

 

 

 

《メタ情報/サムネイル/タイトル》 《メタ情報/タイトル/サムネイル》

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

《通常スタイル》

通常スタイルの記事一覧に表示される抜粋文字数と色濃度の設定。色濃度はマーカーを右で濃く左で薄くできます。(通常スタイル、タイル型、カード型共通)

 

 

 

 

 

 

抜粋を改行しない→赤字枠内を改行するかしないかの選択。

《タイル型》

タイル型の記事一覧に表示される抜粋文字数と色濃度の設定。

 

 

 

 

 

 

 

《カード型》

カード型の記事一覧に表示される抜粋文字数と色濃度の設定。

 

 

 

 

 

 

 

✅投稿・編集画面の抜粋を優先表示

これまでの記事文の抜粋を任意で優先的に表示するかどうかの設定。

投稿一覧から記事の編集画面に移り、右上の【表示オプション】を選択し《抜粋》にチェック。

 

 

 

 

 

記事編集画面下部までスクロールすると《抜粋》編集画面がでてくるので、ここに任意の抜粋文を入れましょう。

 

 

 

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

通常スタイルの記事一覧内の「続きを読む」の文言をカスタマイズ。さらに短いタイトル(文字数指定可)を追加で付けることも可能。

 

 

 

 

 

 

記事を読む(タイル型)

タイル型の記事一覧内の「続きを読む」の文言をカスタマイズ。さらに短いタイトル(文字数指定可)を追加で付けることも可能。

 

 

 

 

 

 

 

記事を読む(カード型)

カード型の記事一覧内の「続きを読む」の文言をカスタマイズ。さらに短いタイトル(文字数指定可)を追加で付けることも可能。

以上で《グリッドレイアウト編》は終了です!お疲れ様です!

次は《カラム操作編》でお会いしましょう~

あ、ツイッターのフォローしていただけるとうれしいです~→https://twitter.com/KURONEKOKUN0214

Luxeritas

Posted by クロネコクン