WordPress

WordPressサイトにフォームを設置できるプラグインにはいろいろなものがありますが、今回はユーザーが送信する前に入力内容を確認することができる「MW WP Form」というプラグインを使ったフォームの設置方法を紹介していきたいと思います。

WordPress

WordPressの「functions.php」にコードを追加してカスタム投稿タイプを作成する方法を紹介します。

WordPress

WordPress管理画面の投稿一覧カラムをカスタマイズして、作業効率を向上させる方法を解説。投稿IDの追加、不要カラムの非表示、カスタムフィールド値の表示など、具体的なコード例と共にご紹介します。WordPress公式情報源に基づいた信頼性の高い情報をお届けします。

HTML/CSS

今回はCSSのメディアクエリを利用してレスポンシブなレイアウトを作成する方法についてお話ししていきたいと思います。 前半部分でメディアクエリについて紹介し、後半で実際の記述例を紹介しながらCSSのメディアクエリを利用して […]

HTML/CSS

レスポンシブなレイアウトを作成する方法としてCSSのメディアクエリが使われることが多いかと思いますが、今回はCSSのメディアクエリを使わずにレスポンシブなレイアウトを作成する方法について紹介していきたいと思います。 簡単な例として、ディスプレイ幅に応じてカラム数を変化させる場合の記述例などについて紹介していきます。

WebDesign

レスポンシブデザインの基礎から応用までを徹底解説!viewport設定、メディアクエリの基本構文、ブレイクポイント設計、実践テクニック、実装時の注意点まで網羅。PC・スマホ・タブレットなど、あらゆるデバイスに対応したWebサイト制作を実現するための完全ガイドです。

HTML/CSS

ハンバーガーメニューのボタンをCSSを利用してつくる時の記述例を紹介します。

WebDesign

日本国内のデバイス別のディスプレイサイズ(解像度)のシェア状況を調べてみましたので、デバイス別(デスクトップ、タブレット、スマートフォン)にそれぞれサイズとシェアをまとめておきます。

HTML/CSS

HTMLのautocomplete属性は、ユーザーがフォームにデータを入力する際、過去に入力した内容やブラウザが推奨する値を候補として表示し、入力の手間を省くための便利な機能です。 この記事では、autocomplete属性の基本的な使い方から、指定できる値の種類、利用する上での注意点までを詳しく解説します。

WebDesign

Webサイトのフォームで、スマートフォンユーザーが入力しやすいように適切なキーボードを表示させる方法を解説します。type属性、inputmode属性の活用方法に焦点を当てて紹介。