【SANGOを自分でカスタマイズ】更新マークに丸い背景をつける

マークに丸い背景をつける

カスタマイズは自己責任で!
ワードプレステーマ
SANGO
子テーマ
PORIPU

この記事では
更新マークに丸い背景をつけたカスタマイズを説明。

投稿日のマークや、PORIPUを使っている人は砂時計マークもありますね。


Before

マーク変更前

After

マーク変更後


使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

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

カスタマイズをする準備

カスタマイズ方法

追加CSSの手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

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

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

確認の手順
保存ボタンを押す
ブラウザでキャッシュを削除して更新
MEMO
投稿日マークを変更する場合.updatedの部分を.pubdateに変更してください。PORIPUで表示される砂時計マークの場合は.fa-hourglass-halfに変更してください。
注意
style.cssにコードを記入した際にエラーが出るときがあります。全角スペースがどこかに紛れ込んでいるかもしれません。探してみてください。

更新マークに丸い背景をプラスする手順まとめ

まとめ

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