CSS
カスケーディングスタイルシート
CSS デザインを1カラムに変更
themeファイルのコードは変更せずCSSのみで変更しました。そもそもWordPressで出力されるclassは無視していますが、今までの2カラムCSSと比べてそれほど大きな変更はありません。
サイト内容の方向性を考える
WordPressではデザインの幅をもたせるためのブロックやclass指定があるのが前提ですが、このサイトでは汎用性を損なわないようにNo-Classを目指してボチボチやります。
レスポンシブデザインの今 とにかく背景画像の素材で決まる
印象的な動画がチラチラ再生されるようなサイトが増えているようです。
アートブックを見ているようで、素材の良さが伝わります。そう!素材が良ければサイトのインパクトは伝えられそうです。
CSS outline プロパティを:focusで使う理由
CSSのoutlineプロパティは、borderのようにスペースを持たないので都合が良いborderなのですが、レイアウト崩れを防ぐためにデザインで利用するものではありません。キーボードフォーカスにより要素をユーザーが知るのを助けてくれます。
Pagination 困ったアラート Adjacent links go to the same URL.
結論から言うとインデックスページのページ送りで隣同士のリンク先が同じのはよくないね目次ページ送りを忘れていたのでセットしました。the_posts_paginationこれもなかなか曲者です。
究極CSS HTML要素のみでサイトデザインする
このサイトはCSSのクラスセレクトも最小限にしています。さようならdivタグHTML要素のシンプルなレスポンシブデザインのスタイルシートを作ってます。