ヘッダー 一覧

ヘッダー・フッター・ナビメニューなどを横幅いっぱいに広げるCSSの書き方-Twenty Twelve篇-

ヘッダー・フッター・ナビメニューなどを横幅いっぱいに広げるCSSの書き方-Twenty Twelve篇-

よく他のウェブサイトをデザインの参考に見ていると、ヘッダーの背景やフッターの背景、またグローバルナビゲーションメニューなどが横いっぱいに広がっているデザインを見かけます。サイトコンテンツは中央に配置されているのに、背景だけ横いっぱい、ブラウザいっぱいに広がっているのです。 以前、Twenty Eleven でこのようなデザインに変更...

記事を読む

Twenty Elevenのヘッダー右上に連絡先やお問い合わせリンクを画像で表示させる方法

Twenty Elevenのヘッダー右上に連絡先やお問い合わせリンクを画像で表示させる方法

WordPress に限らず、ホームページをビジネス活用したいなら、右上に連絡先情報を表示させるのは、もはや必須のカスタマイズといっても過言ではないでしょう。法人に限らず、小さな商店や病院・塾・仕業関係など、ビジネス活用を目的としたほとんどのウィブサイトは、右上にお問い合わせ方法や連絡先の情報が記載されています。 そこで、こちらの「...

記事を読む

Twenty Elevenのヘッダー右上に連絡先やお問い合わせリンクを表示させる方法

Twenty Elevenのヘッダー右上に連絡先やお問い合わせリンクを表示させる方法

ビジネス用のサイトや企業のサイトなど、その多くが同じような構成をしていますが、その構成の中でも大事なポイントがいくつかあります。その内の一つが、サイトの右上に電話番号や住所などの連絡先情報を掲載したり、お問い合わせフォームへのリンクを設置している点です。 真偽のほどは分かりませんが、SEO 的にも右上に連絡先情報を表示することは推奨...

記事を読む

WordPressテーマTwenty Elevenのヘッダーレイアウトの変更方法

WordPressテーマTwenty Elevenのヘッダーレイアウトの変更方法

Twenty Eleven のヘッダーのカスタマイズ方法について、以下のことをまとめておきたいと思います。 グローバルメニューを一番上に持って行きたい 検索窓を消したい タイトル・画像・グローバルメニューのレイアウトを自由に入れ替えたい header.phpの構成をなんとなくつかんでおく グローバルメニュー...

記事を読む

WordPressテーマTwenty Elevenのヘッダーに関するCSSのまとめ

WordPressテーマTwenty Elevenのヘッダーに関するCSSのまとめ

この記事では Twenty Eleven の CSS でよく使いそうな箇所をメモして行きたいと思います。Twenty Eleven のスタイルシートを変更したい場合は、子テーマを作成し該当の id や class 部分を変更・追記してください。 Twenty Elevenのヘッダーの構造を押さえておく まず、ヘッダーに関わる部分をパー...

記事を読む

管理画面からできるTwenty Elevenヘッダーカスタマイズのまとめ

管理画面からできるTwenty Elevenヘッダーカスタマイズのまとめ

WordPress のデフォルトテンプレート、Twenty Eleven でできるカスタマイズ方法をまとめておきます。 ヘッダー部分は以下のようなパーツの組み合わせになっています。 そして今回試した事は・・・ ヘッダーのブログタイトルを削除する ヘッダーのイメージ画像を削除する ヘッダーのブログタイトル...

記事を読む

Twenty Elevenのヘッダー画像サイズの変更方法やテーマカスタマイズ法など

Twenty Elevenのヘッダー画像サイズの変更方法やテーマカスタマイズ法など

WordPress にデフォルトで入っているテンプレートのひとつである Twenty Eleven。色々とカスタマイズができるようなので、勉強がてらちょこちょこいじっています。 本日やりたかった事は、Twenty Eleven のヘッダー部分に関してです。 Twenty Eleven のヘッダー部分はタイトル部分とイメージ画像...

記事を読む

1 2