記事

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

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

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

ワードプレス管理画面の投稿画面を投稿者権限ユーザーに開放する場合、わかりやすいように見せる表示オプションを限定したい場合があります。この場合機能自体をオフにする必要はないため、なるべく影響範囲を小さくする意味でもCSS […]

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

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

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

皆さんはこんなメニューボタンを見たことはないでしょうか？これは「ハンバーガーメニュー」といって、昨今のWebページのレスポンシブデザイン（スマホ対応）化でよく使われるようになった見開き式のメニューボタンです。（たぶん […]

今回はaタグにonclick属性を付加しJavascriptを動かす際に、hrefによるページ遷移をしないようにするための記述方法を紹介します。これ、使う度に忘れてしまっていて毎回調べるんですよね…。 <a hr […]

集計処理やファイルの生成などPHPで重い処理を行う場合、Webブラウザ上の実行（HTTPリクエスト）だとタイムアウト時間の制限にひっかかって処理が途中で終了してしまうことがあります。ファイル生成をアウトプットとした処理 […]