おすすめ記事をトップページに設置する

ぽりぷ

おすすめ記事をトップページで表示します。

SANGOでおすすめ記事をトップに出す方法は、SANGOカスタマイズガイドに公開されています。

こちらを見ながら設定していけばできるのですが、PORIPUではPHPの知識なしで簡単に設定できます。
カスタマイザーから追加しましょう。

必要なもの

  • おすすめしたい記事のページID
  • 表示したいタイトル

バーのデザインは2種類から選ぶ

 

手順1:記事IDを調べる

記事IDは、記事一覧画面から調べることができます。
記事一覧画面で、IDを調べたい記事にマウスカーソルをあわせるだけです。

左下に出てくるURLにあるpost=の後ろの数字が記事IDです。

この記事の場合、「237」が記事IDになります。

他にも、SANGOでは固定記事で記事IDを表示する方法が用意されています。
使いやすい方を利用しましょう。

手順2:カスタマイザーを開く

カスタマイザーにPORIPU専用のリストが表示されています。
【PORIPU】おすすめ記事(top)を選択します。

PORIPUで使えるようになった機能はこちらでも紹介しています。

手順3:カスタマイザーで入力する

表示させたい記事のIDとタイトルを入力し「おすすめ記事をトップに表示」ボックスにチェックを入れると表示されます。

画像は、アイキャッチ画像が利用されます。必ずアイキャッチ画像を入れた記事を選んでください。

 

アイコンを使いたい


見出し入力欄にfontawesomeのコード
を入れると、アイコンが使えます。

  • 例えばのアイコンをタイトル前に表示したいときは…
    <i class="fa fa-heart" aria-hidden="true"></i> 
  • fontawesomeのアイコン一覧から好きなアイコンを選んで入れてみましょう。

 

ちなみに…

ヨメ

「PickUp」アイコンの色は勝手に変わるから、何も考えなくていいよ!

おすすめ記事のPickUpアイコン・見出し下線の色は、ブログテーマのアクセントカラーに連動しています。

このバーのデザインは現在2種類です。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です