【SANGOを自分でカスタマイズ】PORIPUのトップおすすめ記事に更新マークをプラス

おすすめ記事に更新マークを追加する

カスタマイズは自己責任でやろう!

「自己責任」の意味がわからない方、初めてカスタマイズする方はこちら

カスタマイズは自己責任。ぼくはこんな風に思っています。


この記事では
POROPUで簡単に挿入できる「おすすめ記事トップページ一覧」に更新マークを追加したカスタマイズ方法を説明。
POINT
このカスタマイズは、おすすめ記事をリトライしたのをお知らせすることが目的でやってみたものです。

こんな感じに変更(PC)

Before

After


このサイトの環境

テーマ
子テーマ
プラグイン

使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

サブクライムテキストsublime text

カスタマイズをする準備

PORIPUの設定

まだおすすめ記事を設定していない方は

WordPress外観カスタマイズPORIPUの設定トップのおすすめ記事で見出し・ID・タイトルを追加します。

おすすめ記事を設定している方は

WordPress外観カスタマイズPORIPUの設定トップのおすすめ記事タイトル部分にこちらのコードを追加します。

 

タイトル部分に追加するコード(更新マーク・更新日)

1列目と4列目:更新マークをプラスするコード

2列目:アイコンのコード

3列目:日付をプラスするコード

 

日付は自分で入力しなくてはなりません。ごめんなさい。
追加方法難しさ
追加CSS
テーマエディター
FTPソフト

はじめてカスタマイズをする方におすすめなのは追加CSSです。

カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

カスタマイズのコードを追加

style.css(追加するコード:トップおすすめ記事に更新マーク追加)
style.css(追加するコード:トップおすすめ記事に更新マーク追加)

 

確認の手順

  1. カスタマイズコードを保存
  2. カスタマイズしたページを開く
  3. cntrl+F5を押す

いわゆるキャッシュ削除ですね。詳しい手順はこちらの記事で書いています。

カスタマイズはキャッシュ削除をマスターしてからです

これでいつ更新したのかわかりますね

 

 

手順まとめ

追加CSSのまとめ

手順をザクッと説明
変更手順
  • PORIPUの設定。
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。

PORIPUさまさまです!

 

コメント( ˶ˆ꒳ˆ˵ )

avatar