metaタグはSEOやユーザビリティでとても重要な要素です。 以下に主要なmetaタグをまとめましたので header内に記述をしましょう。 ■titleタグ タイトルタグはとても重要な要素です。しっかりとしたタイトルを…

横幅固定のボックスに英語を入力した場合突き抜けて表示される場合があります。 そこで、CSSの「word-wrap:break-word」または「word-break:break-all」を使用することで折り返すことができ…

jQueryのプラグインを複数使うとプラグイン同士が喧嘩をしていまうので私は手間がかからる時をのぞいて極力使わないようにしています。 以下のページで使用していますので、こちらを参考に説明します 【WordPress】プラ…

Wordpressで一部のページ（固定ページ）のみのヘッダーを変えたい、また、テスト用にヘッダーを別に作りたいなど、分けたい場合があります。 まず、ヘッダーを読み込むWordpressの関数リファレンス get_head…

CSS3は、色々と特殊なデザインができるようになりました。 そこで、今回は、チェックボックスをオリジナルの画像にする方法です。 【デモ】 データ1 データ2 データ3 【HTML】 【CSS】 まず、「input」をCS…

文字を中央に揃えたい場合は、【text-align:center】でブロック要素であれば【margin:0px auto】などで中央に揃えることが可能です。 ただ、画像が「インライン要素」であるため、こういったcssで中…

現在、ほぼすべてのブラウザで、CSSでグラデーションが使えます。 画像を使わなくてすむので、SEOで有利、ページ容量を減らす等、色々な利点があります。 ただ、現在ブラウザごとに記述が変わったり、なかなか視覚的にわかりずら…

現在サイトも多様化しており、スマホユーザーも年々増加している傾向にあります。 そこで、管理者もデバイスによるアクセス解析をしていくことが必須です。 わける方法はいくつかありますここでは1つ後紹介。 1.ビューごとにフィル…

アナリティクスを見ていると 「おお！アクセスが増えている！！」 と、ユーザーの地域をよくよく見てみるとほとんどが「Russia」 これがなにかといいますと。ロシアからきている「リファラースパム」というやつです。 その仕込…

昔から言われているIEの独自仕様。 他のブラウザではちゃんと見れてるのにIEだけ、みれない、若しくはずれているということが多々あります。 きちんと、修正をすれば直る場合もあるのですが、どうしても直らないときは、CSSハッ…