wordressを入れたサイトで静的htmlを載せたい時がたまにあります。 そんな時にどこにhtmlファイルを入れればいいのか試しました。 まずthemesの中に入れてみたのですが、当たり前ですけどhtmlは認識しません…

PHPで作るメールフォームです。今回はデータベースには値をpostせず、入力されたデータをただメールで送信するだけのシンプルなもの。自信ないのであんまり使わない方がいいかも。またリベンジしたいです。※サーバーによっては動…

2016年6月22日以降に新たに制作されたサイトでGoogle Mapsを利用する場合は、APIキーが必須なっています。以前この時期にAdvanced Custom Fields(以下ACF)を使ってサイトを作ったクライ…

リキッドデザイン用に作ったナビゲーション。hoverすると子メニューが出現します。PC幅用のメニューです。隣接セレクタの”+”を使用して、.nav_list_innerをhoverしたとき、.na…

以前投稿した横から出るメニューの進化版みたいなものです。スマホ用横から出るメニュー 横ナビ以外の領域をクリックまたはタップしたときに横ナビを閉じるようにしました。 デモページ HTML CSS js(jQuery) 解説…

横幅100%の地図を掲載しているサイトは多いですよね。しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が…

※2017年1月17日修正 HTML 5.1が11月1日にW3Cによって勧告されました。 HTML 5.1で新たに導入されたレスポンシブイメージが結構よい感じです。 以前はPC、スマーフォン、タブレットで画像を切り替える…

CSSだけで作るドロップダウンメニューです。親メニューliにposition: relative;を効かせ相対位置に、子メニューulにposition: absolute;を効かせ絶対位置にしています。 子メニューulに…