Simplicity の CSSファイルを編集したので公開

700035-icon-77-document-file-css-256

スポンサーリンク
レクタングル(大)広告

Simplicityについて

WordPressのテーマです。
当ブログのバージョンは Simplicity1.7.9 を親テーマとして使用しています。

デフォルトのままでも素敵ですが、少しでもオリジナリティを出そうということで変更してみました。

編集するファイル

style.cssを編集します。
WordPressの管理画面から編集する場合、「外観」から「テーマの編集」を選択します。

※補足
style.cssのディレクトリはsimplicity-childの直下になります。

変更点

各フォローボタン

マウスカーソルが乗った際に0.25秒間で変更するようにしました。

/*twitterアイコン*/
.fa-twitter-square:before {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/*feedlyアイコン*/
.icon-feedly-square:before {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

/*RSSアイコン*/
.fa-rss-square:before {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

メニューボタン

各フォローボタンと同じく、マウスカーソルが乗った際に0.25秒間で変更するようにしました。

#navi ul li a:hover{
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

TOPへ戻るボタン

スクロールが下に進むと右下に現れるボタンについてです。
サイズを大きくし、僅かながら移動しました。

#page-top{
  right: 15px;
  bottom: 15px;
}

#page-top a{
  font-size: 30px;
  border-radius: 10px;
}

まとめ

説明しないと気付かない程度のところですが、変更してみました。
どのファイルを編集するといいかが分かったので、思い付きですが随時更新していきたいと思います!

Simplicity の CSSファイルを編集したので公開
この記事をお届けした
Output Logの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告
スポンサーリンク