2014年03月6日

特定の親カテゴリに属する子カテゴリをリスト表示する

ある親カテゴリの子カテゴリ名を一覧表示する方法。 テンプレートの表示したい場所に記述 (例:カテゴリIDが5の親カテゴリをもつ子カテゴリ名を表示する) [php] <?php wp_list_categories('chi ... 続きを読む
2014年03月6日

Contact Form 7のjsとcssを問い合わせページでしか読み込まないようにする方法

ワードプレスのコンタクトフォームのプラグインであるContact Form 7は、プラグインを有効にすると全てのページにjavascriptとCSSが読み込まれてしまう。 問い合わせページのときだけ読み込むようにする場合は 以下のソ ... 続きを読む
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のフォントファミ ... 続きを読む