ピックアップ3記事を設定する方法【トップページ】

ピックアップ3記事の設定方法【TOPページ】

この記事では、トップページに表示する「ピックアップ3記事」を設定する方法について、解説しています。

ピックアップ3記事は、トップページの目立つ場所に表示されるため、サイト訪問者を指定した記事へ誘導することが可能です。(投稿記事件数が3件以下の場合は、利用することができません。

ピックアップ3記事

 

また、カテゴリーのイメージカラーを設定している場合は、左上に表示されている数字の背景と、記事タイトルの背景に反映されます。

カテゴリーイメージカラーを設定している場合

 

関連記事

この記事では、カテゴリーの登録と「THE THOR(ザ・トール)」で追加されたオリジナル機能の設定方法について、解説しています。 ザ・トールのオリジナル機能とは? カテゴリーの追加・編集ページに搭載されている「THE THOR(ザ・トー[…]

どこで設定するの?

外観 > カスタマイズ > TOPページ設定 > ピックアップ3記事設定 で行います。

ピックアップ3記事設定

ピックアップ3記事の表示設定

ピックアップ3記事をトップページに表示するかどうかを選択します。デフォルトでは「非表示」です。

セクションの見出しを設定

ピックアップ3記事が表示されるエリアの見出しを設定します。「見出しを太字にする」にチェックを入れると太字にすることができます。

セクションの見出し

セクションの見出し

 

文字の太さを比較

文字の太さを比較

 

見出しの左にアイコンを表示する

見出しの左に表示するアイコンを設定します。

ピックアップ3記事見出しアイコンの設定

「アイコン一覧」をクリックし、表示したいアイコンの横に表示されているアイコン名をコピーし、貼り付けます。

アイコン一覧

 

「icon-flag」を設定すると下の画像のようになります。

icon-flagを設定

 

補足情報を入力する

見出しの右側に補足情報を表示することができます。

ピックアップ3記事補足情報

 

画像アスペクト比を選択

「16:9(デフォルト)」「4:3」「1:1」から、画像アスペクト比を設定することができます。

16:9

16:9

 

4:3

4:3

 

1:1

1:1

 

画像のマスクを設定

セクションの見出しに表示されている画像に対して、マスクを設定することができます。

画像マスクの設定

 

無し

ピックアップ3記事画像マスク「無し」

 

ブラック

画像マスクの設定

 

ブラックメッシュ

ピックアップ3記事画像マスク「ブラックメッシュ」

 

カラー

ピックアップ3記事画像マスク「カラー」

色は「#ededa6」を使用。

 

カラー+画像グレー

ピックアップ3記事画像マスク「カラー+画像グレー」

色は「#ededa6」を使用。

カラー系マスク利用時の色を指定

カラー系マスク利用時の色を設定します。

  1. まず、「色を選択」ボタンをクリックします。

    色を選択ボタン

  2. クリックするとカラーピッカーが表示されるので、色を選択します。

    カラーピッカー

    サトコハ
    色は、カラーコードでも指定することができるよ。「色を選択」ボタンの横にある欄(#00a568と表示があるところ)にコードを入力してね。

アイキャッチ上のカテゴリーを非表示に設定する

アイキャッチ上にカテゴリーを表示したくない場合は、この項目にチェックを入れておきます。

アイキャッチ上のカテゴリーを非表示

 

非表示にしたイメージ

アイキャッチ上のカテゴリーを非表示

 

ピックアップしたい記事を指定する

ピックアップして表示したい記事のIDを指定することができます。IDを指定していない場合は、最新記事から3つ表示されます。

記事IDを指定する

 

記事IDは投稿一覧から確認することができます。

記事ID

スポンサーリンク