2014年02月23日

レスポンシブ ウェブデザインのCSSの書き方

レスポンシブなウェブサイトを作るときの基本。 まずHTMLのhead内に以下を記述 HTMLソース [html] <meta name="viewport" content="width=de ... 続きを読む
2014年02月1日

グラデーションとborder-radiusを使ったグローバルメニューの例

CSS3のグラデーションと角丸を使ったメニューバー。 ブラウザ表示 Home Products Contact HTMLソース [html] <div ... 続きを読む
2014年01月26日

heightが反映されないときの対処法

floatを使わない親要素の中の子要素で、floatを使った場合にheightが反映されない場合。 そのときの対処法。 対処法①、②ともHTMLは共通。 HTMLのソース [html] <div id="wra ... 続きを読む
2013年11月10日

カスタムフィールドの値をテンプレートに反映させる方法

カスタムフィールドの名前と値をテンプレートに表示する方法。 値は投稿ごとに別の値を入れる。 今回の例 名前 値 今日の天気 快晴 今日のランチ カルボナーラ 1. デフォ ... 続きを読む
2013年11月8日

CSSでキレイな日本語フォントの明朝とゴシック

CSSでfont-familyでフォントを指定するときに、とりあえず私がベーシックとして使うパターン。 Windows、Mac OS両方に対応。 明朝系 ブラウザで明朝系のフォントを使うときにいつも使っているCSSのフォントファミ ... 続きを読む
2013年11月2日

画像リンク クリックしたときに枠線

画像や、リンク部分をクリックしたときに現れる目立たないようで目立つ点線の枠。 それを消す方法。 CSSソース [css] a {outline:none;} [/css] 画像の時のみ対応する場合は。 CSSソース ... 続きを読む
2013年10月10日

WP ファイル保存上限変更

ワードプレスを使ってマルチサイト化している場合、アップロードするファイルの上限が設定される。 アップロード上限超過 50MB のファイル保存領域の上限を超えています。 というように出た場合。 サイトネットワー ... 続きを読む