【コピペで使える】プレーンなJavascriptで作る開閉ボタン（よくある質問等）

ホームページのよくある質問などのページでこんなインターフェイスを見かけたことはありませんか？よくある質問のようなページでは、ユーザーは自分が知りたい情報に素早くアクセスしたいため、それ以外の内容のテキストボリュームが多 […]

【コピペで使える】フォームへの生年月日入力でリアルタイムに年齢を表示するサンプルコード

今回はフォームで生年月日を入力した際にリアルタイムで年齢を計算して表示するスクリプトコードを紹介します。サンプルコード <html> <head> <meta charset=”utf-8 […]

WordPressでウェブサイトを作るときに、カテゴリーによって投稿テンプレートを変えたいという場合があります。今回はその場合のサンプルコードを紹介します。概要複数のお店を紹介するサイトの制作を想定しま […]

今回はお店ホームページで使える、フッター固定のボタンサンプルのコードをご紹介します。お店のホームページではできるだけ予約などのアクションに繋がりやすいようにUI（ユーザーインターフェイス）を設計する必要がありますが、そ […]

WordPressサイトで投稿ページ毎に独自のタイトルやキーワード、紹介文を設定する場合、「All in One SEO」や「Yoast」といったプラグインを利用するのが一般的です。ただこれらのプラグインは結構”重い” […]

Webアプリケーションの検索フォームでチェックボックスの状態を保持する実装は意外と面倒なもの。今回はそんな検索フォームのチェックボックスの状態保持のサンプルコード（主に管理画面を想定）をご紹介します。目指 […]

単体のチェックボックスがチェックされた瞬間に何らかの処理を行うJQueryの実装サンプル（changeイベント）はたくさん情報がありますが、複数のチェックボックスのうちどれか指定のチェックボックスにチェックされた場合のみ […]

ワードプレスの管理画面で指定の権限でログインしたユーザーのみ一部メニューを非表示にする方法メモ。以下は「投稿者」権限の場合に「コメント」と「設定」メニューを非表示にするサンプルです。 if (current_user_ […]

レスポンシブデザインでWebページを作成しているとき、テーブル以外でも上記のように並列要素の一方を固定幅にして、もう一方を画面幅いっぱいに広がる可変にしたいといった場合が出てきます。各要素の横幅をパーセント指定（30% […]

今回はCSSを使って指定のHTML要素を縦中央に配置するサンプルコードについてご紹介します。 Webページを制作する上で縦中央揃えというのはなかなか厄介なもので、サンプルコードを探して気づくとだいぶ時間を使っていた・・・ […]