【SANGOカスタマイズしてみた】動くグラデーションにしてみた

お知らせ欄の背景を動かしてみた

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

この記事では
ヘッダーお知らせ欄の背景を動くグラデーションにしたカスタマイズを説明。
CUSTOM POINT
お知らせ欄がもっと目立つようにしてみました。

こんな感じで変更

Before

カスタマイズ前

After

カスタマイズ後


このサイトの環境

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

使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

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

カスタマイズの準備

とりあえずSANGOのお知らせ欄の背景色を空白にします

背景色を削除

ダッシュボード外観カスタマイズSANGOオリジナル機能の管理ヘッダーお知らせ欄背景色を空欄にした後、お知らせ文に「チャーリーブラウンはどんな男の子?」を記入します。
MENくん

もともとある背景色は消しておきましょう

カスタマイズ方法

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

追加CSSの使い方はこちら

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

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

確認の手順
保存ボタンを押す
ブラウザでキャッシュを削除して更新

例)色の切り替わりをわかりやすくしたver

カスタマイズ色変更


例)速度を早くしたver

カスタマイズ速度変更

 

まとめ

追加CSSのまとめ

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

似ている色を使うと優しいグラデーションになるよ

くま3号

コントラストがありすぎるのは良くないな

そうだね