スタイルシートで変更出来たところのまとめ。

WordPressテンプレート「Simplicity2」を使わせてもらっています。
スタイルシートにひと手間加えることででイメージが変わります。

勉強不足ですが、メモ書きとして残していきます。

しばらくの間このページは編集しますので、文や並びがおかしい点があります。

サイドバー(フッターウィジェット)のカスタマイズ

Simplicity2を使って色々変更しています。
最終的にはSimplicityの名の由来通りにデザイン変更なく使いそうですが、今は色々試したいのです。
最近覚えたFontAwesomeとかタグの使い方とか目茶苦茶かも知れません。

見出し

アイコンを付けて強調してみました。

  1. サイドウィジェットの見出しを飾る
  2. フッターウィジェットの見出しを飾る

ウィジェット

サイドとフッター別々に飾ることも出来ました。

  1. サイドウィジェットのリストをアイコンで飾る
  2. フッターウィジェットのリストをアイコンで飾る

アーカイブとタグクラウドも指定して飾ってみる。

  1. アーカイブの年月表示を変更する
  2. タグクラウドの変更
    (タグとカテゴリーを別のアイコンにする)

その他

  1. サイドのウィジェットの枠下に画像を付ける
  2. Simplicity内のBootstrap風の案内メッセージにアイコン表示
  3. 外部リンクにアイコンを付ける
  4. スマホで見たときに画像の回り込みを解除する方法

プラグインで表示されているスタイルの変更

プラグインを使って表示しているのをデザインを統一感を持たせたいなと思うので、変更しています。
全く同じとはいきませんが、似たようなデザインになっていると思います。

functions.php の編集

テーマのための関数(functions.php)にコードを追加すると使えるようになります。
注意 functions.php を編集するときはバックアップを取っておくことをオススメします。

投稿編集しやすいようにする

ウィジェットを自作する

この記事をお届けした「WOOD YGG (木の卵)」の最新ニュース情報を、いいねしてチェックしよう!
スポンサーリンク
(336×280)
(336×280)

フォローする

スポンサーリンク
(336×280)