Twenty Eleven ヘッダー部分の修正

ヘッダー部分に同人のバナーを表示させようとしたら苦戦した…
Twenty Elevenのヘッダーって弄りにくいんだよなぁ
PHP弄らなくてもCSSだけでデザイン全部弄れるように簡単な構造にしておいて欲しい

BABELで検索したときにここのブログは検索上位に出るけど、同人のサイトは検索上位に表示されないので
同人目当てで検索してきた人に不親切だったので、サイト上部に同人バナーを貼りたいとずっと思っていた
もっと早くやっとけよ。って話なんだけど、ヘッダー部分よく分からない部分とかって避けてた…

覚え書き

同人のバナーはheader.phpに直接書き込む

ヘッダーの構造はここの図を見れば分かりやすい
Twenty Elevenのヘッダーの構造を押さえておく:http://presentnote.com/header-css/

ブログタイトルの画像化は下記ソースを使用
WordPressのブログタイトルを画像化する方法:http://blog2.k05.biz/2012/09/twenty-eleven_9469.html

いつも悩むdiv要素を横に並べるときの方法まとめ
CSSで要素を横並びにする方法まとめ:http://www.halawata.net/2011/10/css-float-display-box/

スポンサーリンク