iPhoneの文字サイズ自動調整の解除

Webサイトを制作した後、意気揚々とiPhoneで確認したところ、画面の向きを変えると文字のサイズが変わってしまうという事件がありました。
実は事件でもなんでもなく、iPhoneにはじめから備わっている自動調整機能だったのですが…
何もわからなかったときは、ただただ驚き、そして焦りました。
画面サイズによって文字が自動調整されるのはありがたいのですが、今回の場合ありがたくなかったので解除することにしました。

-webkit-text-size-adjust:none;

上記のコードをCSSのbody部分に追加するだけで簡単解決でした。
私のようにありがたくない場面に遭遇した方は、こちらを設定してみてください。

カスタムフィールドテンプレートの投稿

WordPressベースでWebサイトを制作する上でネックになってくるのが、お客様にお任せする更新作業です。
よくうかがうのは、「こちらで更新したいけどデザインは凝ったものにしたい」というお話です。
ブログじゃなくてちゃんとした企業サイトだけど、ちょっと変更があってもこっちでちょちょいと直せちゃう!
そうですよねー、お客様の立場で考えるとコスト的にも大変理想的だと思います。
ただお客様はhtmlやCSSがわかりませんから、更新は簡単にできないと困ります。
どうしよう!
続きを読む

WordPressの一覧表示で記事をすべて表示させる

WordPressで一覧表示したときに、スタイルシートははずれてるし、画像も表示されないし…。
実に簡単なことで、記事の抜粋表示が原因です。
通常記事一覧ページ(index.phpやcategory.phpなど)ではCSSと画像を取っ払った抜粋表示、記事の本文ページ(single.php)では全文表示されるようになっています。
確かに画像もCSSもたっぷりの記事が10件表示されているだけでも、ユーザーには不親切ですね。
ブログとして使うのであれば申し分ないのですが、これがWordPressベースでWebサイトを作るとなると話は別です。
その場合の全文表示にする方法を覚え書きしておきます。
続きを読む

floatの解除方法のまとめ

Webサイトを制作する上で欠かせないのがfloat設定。
いわゆる回りこみというものですね。
例えば2カラムや3カラムのサイトを作る時、そしてナビゲーションを横一列に並べるとき、そしてギャラリーで写真をずらっと並べるとき!
他にもそういった場面は多々ありますが、フロートさせたら解除するのもお約束。
フロートって便利ですが最初は解除がうまくいかず、レイアウトがくずれたり、背景画像が表示されなかったり、初めは苦労させられました。
なので、ちょっとここらでひとまとめしておこうと思います。
あくまで私が良く使う手法です。
続きを読む

WordPressのログイン画面が真っ白の現象

以前一度だけWordPressのインストール時に、こわーい思いをしたことがあります。
いつもと全く同じ手順でインストールの作業を行ったにも関わらず、アドレスバーに/wp-admin/install.phpを打ちアクセスすると、なんと画面が真っ白に…!
何度確認してみてもユーザ名やパスワードなど、データベース情報の入力ミスはありませんでした。
原因はわかりませんが、とりあえずその時の状況を覚え書きしておきます。
続きを読む