自作 WordPress テーマのトップページの配置はだいたいできた

またもや別のデザインにしてみました。だいぶ完成形が見えてきている段階です。

自作WordPressテーマ05

背景がスカスカな感じがまだ抜けません。こういう点はデザインセンスや技術がないので、色んな本を読んで勉強していこうと考えています。

とはいえ、基本的なイメージはここらへんで手を打とうか、というところにまで来ました。

ここからは配色が問題ですね。サイトのイメージカラーとバランスをどうすれば、見栄えよくなるのかわかりません。内容はこれでいいんだけど、全体に締りがないのが困りモノです。

リストをデフォルトのものを使わずに、画像で「▶」を作ってみただけで印象が変わって見えたりもします。些細な点を一手間加えるだけでも良くなるんですよね―。

細かなワンポイントは自分で作るのがいいか、アイコンフォントなどを利用するのがいいか、CSSで作るのがいいか。

・・・むずかしい。(~_~)

関連記事

新しく自作 WordPress テーマに変更しました

なんとか、完成にまでこぎつけました。 昼にテーマのファイルをアップロードして、変更してみたら、いろいろ表示に不具合が発生して、そのときに訪問された方にはご迷惑をお掛けしました。 ページによって新テーマと旧テーマの表示が違っていて「なんでやろ…

Google Chrome デベロッパーツール「要素の検証」を利用した HTML と CSS の学び方(素人向き)

素人による学び方 HTMLやCSSを学ぶ方法はいろいろあるとおもいますが、基本的なサイト作成の教科書を読んだあと、わたしは中級レベルの本をじっくり読むようなことはしていません。わたしがやったのは以下の方法です。 興味を持ったサイトのデザイン…

CSS で h タグをちょっとだけカスタマイズしてみました

見出しは超重要! 多くのブロガーさんや大手サイトでは「記事の書き方」を解説してくれています。それを読むと、見出しを効果的に使うことが、読みやすい記事を書く上での必須項目であるとわかります。 見出しの種類 見出しというのはHTMLで書くときの…

【マルチデバイス対応】 WordPress で作ったサイトをメディアクエリー(Media Query)とユーザーエージェント(UA)による判別でモバイル端末に最適化する方法

マルチデバイスに対応したサイトにする マルチデバイスに合わせた対応をする方法はいろいろありますが、今回は「レスポンシブWebデザイン」で使われる主要な技術のひとつである「メディアクエリー(Media Query)」と、「ユーザーエージェント…

WordPress のテーマを自作してみる

レスポンシブWebデザインを勉強して自作のWordPressテーマを作っています。 1月に『作りながら学ぶHTML/CSSデザインの教科書』を読んで、なんとなくHTML5とCSS3の初歩を理解しました。次に『WordPress レッスンブッ…