WordPressのプラグイン”MW WP Form”で内容確認画面つきのフォームをつくる
WordPressサイトにフォームを設置できるプラグインにはいろいろなものがありますが、今回はユーザーが送信する前に入力内容を確認することができる「MW WP Form」というプラグインを使ったフォームの設置方法を紹介していきたいと思います。
WordPress管理画面の投稿一覧カラムをカスタマイズして作業効率を向上させる方法
WordPress管理画面の投稿一覧カラムをカスタマイズして、作業効率を向上させる方法を解説。投稿IDの追加、不要カラムの非表示、カスタムフィールド値の表示など、具体的なコード例と共にご紹介します。WordPress公式情報源に基づいた信頼性の高い情報をお届けします。
CSSのメディアクエリを使ってレスポンシブレイアウトを作成する方法
今回はCSSのメディアクエリを利用してレスポンシブなレイアウトを作成する方法についてお話ししていきたいと思います。 前半部分でメディアクエリについて紹介し、後半で実際の記述例を紹介しながらCSSのメディアクエリを利用して […]
CSSのメディアクエリなしで作るレスポンシブレイアウト
レスポンシブなレイアウトを作成する方法としてCSSのメディアクエリが使われることが多いかと思いますが、今回はCSSのメディアクエリを使わずにレスポンシブなレイアウトを作成する方法について紹介していきたいと思います。 簡単な例として、ディスプレイ幅に応じてカラム数を変化させる場合の記述例などについて紹介していきます。
レスポンシブデザイン完全ガイド!メディアクエリの使い方から実践テクニック、注意点まで徹底解説
レスポンシブデザインの基礎から応用までを徹底解説!viewport設定、メディアクエリの基本構文、ブレイクポイント設計、実践テクニック、実装時の注意点まで網羅。PC・スマホ・タブレットなど、あらゆるデバイスに対応したWebサイト制作を実現するための完全ガイドです。
日本国内のデバイス別ディスプレイサイズ(解像度)シェア【2025年1月】
日本国内のデバイス別のディスプレイサイズ(解像度)のシェア状況を調べてみましたので、デバイス別(デスクトップ、タブレット、スマートフォン)にそれぞれサイズとシェアをまとめておきます。
HTMLのautocomplete属性とは?フォーム入力支援の基本から応用まで徹底解説
HTMLのautocomplete属性は、ユーザーがフォームにデータを入力する際、過去に入力した内容やブラウザが推奨する値を候補として表示し、入力の手間を省くための便利な機能です。 この記事では、autocomplete属性の基本的な使い方から、指定できる値の種類、利用する上での注意点までを詳しく解説します。
スマートフォンユーザーに優しいフォームのために~type属性とinputmode属性によるキーボード最適化
Webサイトのフォームで、スマートフォンユーザーが入力しやすいように適切なキーボードを表示させる方法を解説します。type属性、inputmode属性の活用方法に焦点を当てて紹介。