コピペで簡単！レスポンシブ対応の固定ヘッダーナビ作成！ | 刈谷、豊田でウェブサイト制作！合同会社beReady
豊田、刈谷、知立、安城でホームページ制作をやっている合同会社beReadyの奥山です！ 僕は基本的に寝るときはエアコンをつけていないのですが、さすがに暑いので竹マットを敷いて寝ています。 寝返りうつたびにひんやりとして、かなり体温下がります。あとは熱さまシートの枕のやつですね。 あれも体がじんわり冷えていくのが体感できて、おすすめです。 竹シーツ セミダブル「竹駒シーツ」(#9897640)【IT】【tm】セミダブル：約108×176cm冷感寝具 敷きパッド 冷感シーツ ひんやりマット 冷感 敷パッド 竹 マット 価格：2980円（税込、送料無料) (2016/7/30時点) というわけで今回はヘッダーのグローバルメニューのレスポンシブ対応をコピペで使えるコードと解説を行っていきたいと思います！ 結構時間かかりました！！笑 ぜひ見ていってください。 レスポンシブなヘッダーグローバルメニュー
side barのlistをカラフルに-WordPress Twenty Elevenカスタマイズ – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
レスポンシブデザインでとてもよく出来ているのにモノトーン過ぎるtwentyeleven。今回は、サイドバーにあるカテゴリリストを少しだけカラフルで見やすいものにしてみました。 いったんリストの前に何もつけない設定にする まず、style.cssで以下の箇所を探します。 ul { list-style: square; }</pre> これを、以下のように書き換えます。 ul { list-style: /***square******/ none; } これで、もともとリストの各項目についていた小さい四角が消えました。 リストの前に好きな文字や画像をつける 今度は、リストの前に好きな文字・記号・画像をつける設定をしていきます。 style.cssで、以下の部分を探してください。 #main { clear: both; padding: 1.625em 0 0; } これに少々追加します。
WPプラグイン Contact Form 7 デザインのカスタマイズ | hijiriworld Web
言わずと知れた WordPress にコンタクトフォームを設置するプラグイン「Contact Form 7」のデザインのカスタマイズ方法です。 フロントエンドの開発セオリーを知っている人にとってはあたりまえの話ですが、迷える子羊のために。 Contact Form 7 の使い方については解説しません。ググってください。 Contact Form 7 のテンプレートは以下のように設定した前提で解説します。 マークアップ構造を分析 初期状態 <div class="wpcf7" id="wpcf7-f49-p2-o1"> <form action="/wordpress/contac/#wpcf7-f49-p2-o1" method="post" class="wpcf7-form"> <div style="display: none;"> ... </div> <dl> <dt>名前 (必
WordPress メニュー機能を操る ~画像メニューにする方法など | hijiriworld Web
1. まずはメニュー機能の基本的な使い方 2. アクティブ時とポイント時のスタイルを変える 3. 画像メニューにする場合 4. あとがき – wp_nav_menu()ではメニューをPHPの値として取得できるらしいが… 1. まずはメニュー機能の基本的な使い方 メニュー機能をオンにする > テーマフォルダ/functions.php add_theme_support('menus'); カスタムメニューの作成 管理画面 > 外観 > メニュー メニューの名前: global-navi リンク先: 固定ページ テンプレートタグを記述 テンプレートタグ wp_nav_menu() を使います。 > テンプレート <?php wp_nav_menu(array('menu' => 'global-navi')); ?> ↓ 生成されるHTMLは以下のような構造になっています。 ※実際はもっとた
【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック – PresentNote
ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタイルシートを活用して、画面いっぱいに広げたいと思います。 以前、どのような考え方でCSSを変更し横を画面いっぱいに広げればいいのかということをまとめたのですが、実はある問題が発生していました。 問題）レスポンシブデザインに対応できなくなった Twenty Elevenはもともとレスポンシブデザインになっていました（レスポンシブデザインって何？ という場合は、ググってみてください）。しかし、横幅いっぱいにヘッダーやフッターを広げると、なぜかレスポンシブデザインではなくなってしまったのです。iPhone で確認すると、サイトは単純に縮小されたように表示され、第一印象では「小さすぎて何が書かれているか分からない……」という感じです。なのでタップして拡大しない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hublog.biz
