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

スポンサーリンク

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

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

スポンサーリンク

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

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

見出し

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

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

ウィジェット

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

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

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

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

その他

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

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

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

スポンサーリンク

functions.php の編集

テーマのための関数(functions.php)にコードを追加すると使えるようになります。

注意 functions.php を編集するときはバックアップを取っておくことをオススメします。

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

ウィジェットを自作する

スポンサーリンク