WordPress で簡単なホームページを作ってみた

「はじめての WordPress 入門」 を見ながら、簡単なホームページを作成。

いろいろなテーマを試して2日ほど試行錯誤していたが、流石に時間も無駄なので本線に復帰。
戻ってみると、どういうわけか Twenty twelve に戻しても、他の WordPress 勉強会メンバーと Look & Feel が合わなくなっていた。

  1. ヘッダーの画像とメニューバーの上下関係が逆
  2. メニューバーのバックグランドが黒、文字が白となるはずが、うまく行かない。

ヘッダーの画像とメニューバーの位置の入れ替えは header.php を修正して解決。 メニューバーの色の修正は未。

[2013/7/22] 追記

他の WordPress 勉強会メンバーのテーマは、Twenty ten を使っているそうです。

メニューバーの色の修正は style.css を編集すればできることがわかりました。むかごさん、ありがとうございます。

覚書:
.main-navigation li a に background; #000 を追加して、.main-navigation li a:hover の color を #000 から #fff に変更すれば、黒字に白文字で表示されることを確認しました。ただ、ボタンとボタンの間に隙間ができて見栄えが悪いので、隙間が見えないようにしなければなりません。 見栄えも気に入らないので、元の設定に戻しました。

WordPress で簡単なホームページを作ってみた」への3件のフィードバック

  1. むかご

    なるほど、カテゴリだったんですね。
    コメントは一緒になちゃうのかなと、テストにやってきました。

    そうそう、水爺さんから皆さんにTwenty Ten にするよう指示があって、変えたのですよ。
    tenの頃のphpやスタイルシートは難解じゃないので、見やすいからかしら??

    他のテンプレートに変えたからもいらっしゃるし・・・
    あれは、Twenty twelv に乗せるものじゃなく、それぞれが独立したテーマかな。

    返信
  2. むかご

    なるほど、コメントはどのカテゴリにも入ってきますね。それで、クリックすると1記事だからおかしいわけでもない。
    自分がどのカテゴリにいるのか、わかり難いかも。

    それと、文字の色とかサイズとかは、スタイルシートで修正です。外観のテーマ編集です。

    返信
    1. nob 投稿作成者

      コメントありがとうござます。文字の色やサイズは、style.css で変更可能ですね。
       .main-navigation li a に background; #000 を追加して、.main-navigation li a:hover の color を #000 から #fff に変更すればよいことは確認しました。ただ、ボタンとボタンの間に隙間ができて見栄えが悪いので、隙間が見えないようにしなければなりません。スタイルシートの変更はもう少し先になりそうです。

      返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>