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

ぽりぷ

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

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種類です。

 

5 COMMENTS

Sjunko

先ほどご相談しました投稿一覧の表示の件ですが、何とか調整し解決しました。
ありがとうございました。

返信する
ゾゾ

お世話になります。
こちらの機能はトップページを1カラム固定にしたときは表示されない、という認識でよろしいでしょうか?

なにか設定がありましたらご教示ください。

返信する
ぽりぷ

こちらの機能は、記事一覧ページにおすすめ記事を差し込む機能になります。
1カラム固定でゼロから作る場合には邪魔になりますので表示しないようにしております!

返信する
リンゴ

お世話になります。
こちらのトップページ人気記事機能を使っていたのですが、いつの間にか表示されなくなってました。プラグインの変更はなく、ソースもいじってないのですが、こちらの機能に影響が出るような他の機能はありますか?

返信する
ぽりぷ

コメントありがとうございます!
キャッシュ系プラグインの削除などをお試しください。
また、トップページを固定ページに変えている場合には表示されません。

ご確認ください。よろしくお願いします。

返信する

コメントを残す

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