Webourgeon フッターの作り方として、カスタムメニューを画像に置き換える方法について書いています。
前回は背景画像の表示についてとテキストを画像に置き換えるところまでを書きました。今日はその背景画像をCSSでロールオーバーさせる仕組みについて書きたいと思います。
これが分かれば、Twenty Tenテーマのヘッダー部分のデザイン変更(1)〜サイトのロゴをいれてみるではテキストの横にロゴを表示させるのみでしたが、全体を画像にする事もできます。
理解してしまえば、一粒で2度、3度、おいしいですよ。がんばっていきましょう。
続きを読む
前回は、カスタムメニューを画像に置き換える方法の下準備まで書きました。
今日は、背景画像の表示のおさらいと、画像置き換えの基礎について書きたいと思います。苦手な方はぜひどうぞ。結論が知りたい方、もう少しおつきあい下さい。
では、いきますよ〜〜
カスタムメニューを画像に置き換える方法についての、リクエストをいただきました。
Webourgeonのブログでもサイト上部やフッターのメニューをカスタムメニューを使って作り、画像に置き換えています。ということで、「Webourgeonのフッターの作り方」を大公開！
いえ。大公開ってほどのものでもないですが。。
本当はもっとかっちりしたメニューっぽいメニューの方がいいんでしょうが、こんな不規則な感じでもいけますよってことで、おつきあい下さい。
昨日、コメントで、functions.phpをアップするとサイトが見られなくなってしまう、という質問を頂きました。
私もWordPressを始めたばかりで、PHPのこともよくわからず、色々なコードをコピペしては勉強していた頃、やっちゃったんです。
真っ白な画面。
ほんと怖かったですね〜。いったい何をしてしまったのかと。
いつか書こうと思っていたことなので、今日はこのことについて書いてみようと思います。
WordPressで本格的なギャラリーサイトを作っているような方は、素敵なギャラリー用のテーマもたくさんありますし、プラグインも色々あるようなので、そういうものを使っているのではないかと思います。
でも、ちょこっと写真を並べたい、とかそんな時には結構使える（？）デフォルトのギャラリー機能。
3.1になって追加された投稿フォーマットのことも調べながら、ギャラリー機能について見ていこうと思います。
「メニューによってHeaderとContentを上下分離するような形(width: 940pxから無限)にしたいのですが、どの値を変更すれば良いかご教授いただけないでしょうか。」
次の記事に何を書こうかな、と考えていた所、コメントでこのような質問をいただきました。たまたまそのようなデザインでテーマをいくつか作成したところでもありましたので、よい機会かもしれないと思い、今回はこのことについて考えてみたいと思います。
カスタムメニューウィジェットを使って、サイドバーにメニューを表示させるやり方と、そのデザインをCSSで変えていくことについて書いていますが、今日は「 実践編 その2」として、前回の「カスタムメニューウィジェットで自由度の高いメニューをつくる 実践編 その1」で紹介した、デザインサンプル2の作り方についてお話していこうと思います。
カスタムメニューウィジェットで自由度の高いメニューをつくる(1）でサイドバーにカテゴリーやページ、任意の場所へのリンクなどを混在させたメニューの作り方と、それがどのように出力されるのか、という事を見てみました。
今日は前回作ったメニューにどのようにCSSでデザインを当てはめていけばよいのか、実際に作りながら考えていこうと思います。ついでに、デザインをCSSで表現するために、どんな考え方をするのか、という例もご紹介。一粒で2度おいしいこの企画、楽しみながら読んでいただけたらうれしいです。
WordPressをCMS的に使いたいと思ったとき、メニューについて悩む事も多いのではないでしょうか。デフォルトの状態ですと、サイドバーに表示できるのは、カテゴリー一覧や、ページ一覧などで、表示の順番や、表示したいものが簡単に設定できません。見た目もどうしてもブログっぽくなってしまいますよね。
でも、カスタムメニューウィジェットを使えば、Twenty Tenのデフォルト機能だけでも、結構自由度の高いメニューを作れちゃうんですよ。
