このサイトがカスタマイズや設定のサンプルになるように、トップページで使える機能をほぼ全部乗せしてあります。(記事やカテゴリのページはまだほとんどデフォのままなので、これから随時カスタマイズしていきます)
その中で、デフォルトのデザインから変更したものを全部まとめます。後ほど各項目ごとに個別の記事を作ってリンクしていくつもりです。
もくじ
ヘッダーのカスタマイズ
メインビジュアル下の注目エリア
iPad以上の画面サイズの端末から見た時、エリアの高さを狭くする
キャッチコピーの文字を小さくする
ボタンのデザインを丸く変更
カルーセルスライダーのカスタマイズ
iPad以上の画面サイズの端末から見た時、上下のマージンを狭くする
サイドバーのカスタマイズ
検索窓を丸いデザインに変更
ピックアップ3記事のカスタマイズ
iPad以上の画面サイズの端末から見た時、3つの記事を同じサイズにして横に並べるように変更(スマホからはデフォルトの配置のままです)
1つめの記事のタイトルやカテゴリー名等の大きさを他の2記事と揃うように変更
「PICK UP!」の背景部分の画像の大きさを、画面いっぱいからメインカラム+サイドバーの幅に変更
記事一覧部分のカスタマイズ
本文の抜粋を表示しないように変更
カスタム投稿の記事一覧へ飛ぶリンクボタンのデザインを丸く変更
これからカスタマイズする予定の場所
これから変更したいなと思っている部分をまとめておきます。随時更新。
サイドバーのカテゴリ一覧のデザイン
コントローラー(新着記事・人気記事の切り替え)
記事一覧の各カードのデザイン
カスタム投稿の一覧のデザイン
人気記事表示部分の周辺をもう少しコンパクトに
カテゴリ別新着記事の見出し部分とカテゴリ名周りのデザイン
フッターCTA の大きさ
フッター部分の背景色変更
コピーライト表記周り