少しはIEの表示チェックでもしてやるか〜と久々にAdobe BrowserLabを利用してafta GullsをIE9で見てみました。ったらグラデーションが出ていません。Chlomeだと出ます。え、まさか対応していないわけないよねと検索してみたらしていないではないか！
信じられん。呆れ果てた。もう今この瞬間に消えてくれ。
単一記事ページのヘッダーやフッターを変更するには「content-single.php」だ。コメント欄に手を加えるには管理ページからではなく、wpの第１階層にあるwp-includesフォルダ内の「comment-template.php」だ。textareaを検索すればすぐ見つかる。
このブログをカスタマイズしたときの経験が活かせるかと思いましたが、ちっとも覚えていなくてまた時間ばっかりかかりました。現在のデフォルトテーマのTwenty Elevenも相変わらずdivやspanだらけです。消しても大丈夫そうなものもあるのですが、phpプログラムで使っているのだろうかと考えると消せません。
afta Gullsのトップページには更新したブログ記事のタイトルが自動で表示されるスクリプトを置いたのですが、どうも表示が引っかかりますね。ニュース欄の下に移動しようかな。
Safariでafta Gullsにアクセスするとこのように表示されます。
クリックで拡大
グラデーションや影付けは画像を使わずにCSS3で表現しています。こういう表示にならない場合、IEを使っているならバージョン９にする必要があるようです。それよりもSafariかChromeを使うのがいちばん。
afta Gullsではシーガルズを卒団した選手の話題を扱っています。シーガルズの次のステップということで「Next」のほうがポジティブですが、シーガルズから見れば後に残される、選手から見ればシーガルズを後にするということでafterにしました。after girlhoodの意味も含んでいます。
メニューはアルファベットにする予定でしたが、「なでしこ」が「Nadeshiko」では文字から受ける印象があまりにも違うので日本語にしました。Nadeshiko Leagueって長いし。
日本語の「なでしこリーグ」という表記も長すぎて扱いに困ります。単になでしこと書くとなでしこジャパンのようだし、「なリーグ」では某ベースボールみたいだし、「Ｎリーグ」では何のことやら。スポーツ記事だと「なでしこＬ」とリーグのほうを略していますね。Ｌリーグがなでしこジャパンにあやかって名称を変更したときから、略せない名称だなと思っていました。
大滝麻未、フランス挑戦を応援するフラッグ制作プロジェクトの支援者を募集しているWESYM。参加したいけれど使い方がよくわからないという人が多いようなので、私なりの解釈で説明します。
しばらく離れていたHTML/CSSとの格闘の日々がまた始まりました。と言っても今回はもう古いブラウザは斬り捨てているので、その対応に時間を削られることはありません。
参考にしている書籍は『10日でおぼえるCSS／CSS3入門教室』。いまだに入門かって感じですが、この本を見ていると基礎的なところで再発見があります。著者はこの分野で著名な大藤幹氏。
新サイトの『afta Gulls』では今のところ画像は使っていません。最近は写真や動画ばかり扱っていたので、この状態でCGを作ってもヘポコタマスな出来になりそうですからね。作る場合は表示サイズの４倍にしようと思っています。新iPadの解像度に対応できるように。
CSS3を取り入れれば、影付けやグラデーション、半透明、枠線の角を丸めるといったこれまでは画像を使わなければ不可能だった表現がテキスト記述だけでできるようになります。ただしまだ対応ブラウザが限られており、特にInternet Explorer（IE）は遅れています。いちばん優秀なのはwebkitレンダリングエンジンを採用しているSafariやGoogle Chrome。これらはスマートフォンやタブレットの標準ブラウザとなっており、今後の主流になっていくでしょう。もはやIEを優先する必要はなくなりました。
新サイトの運用は昔ながらのPCとIEの組み合わせは最初から排除して進めていきます。SafariやChromeはWindows版もありますので、afta Gullsの表示が崩れる場合はこれらのブラウザに切り替えてください。
