サイト制作に関する基本的な設定方法やデザイン調整、集客に役立つ仕組みづくりなどを分かりやすくまとめたカテゴリです。
「どう進めればいいのか分からない」「設定でつまずいてしまう」といった、サイト運営で起こりがちな疑問を解説しています。制作や改善の参考にご活用ください。
サイト制作 All-in-One WP Migrationの使い方｜WordPressのエクスポート・インポート手順を画像付きで解説
「All-in-One WP Migration and Backup」は、WordPressサイトのバックアップや移行に使えるプラグインです。現在...
サイト制作 CSSで画像サイズを指定していてもHTMLにwidth/heightは必要？正しい指定方法を解説
ホームページ制作で画像を表示するとき、CSSで次のように指定することはよくあります。img { width: 100%; height: auto;...
サイト制作 SVGで背景画像時に比率を変更できない時の対処法
CSSでSVGを背景画像として指定しているときに、background-sizeを変更しても、思ったように図形の大きさが変わらないことがあります。た...
サイト制作 クラスの内で定義したCSS変数はどこまで効く？親子関係を含め詳しく解説
CSSを書いていると、次のようにクラスの内でCSS変数を定義することがあります。.point { --point-color: #f28c00;}こ...
サイト制作 スマホサイトのフォント設定は何pxが一般的？読みやすい文字サイズの決め方
スマホサイトを作る時、色やレイアウトより先に決めておいた方がいいのがフォント設定です。ここが曖昧なまま進むと、ページごとに文字サイズがばらついたり、...
サイト制作 スマホサイトの本文左右余白はどれぐらいが一般的？迷った時の目安を解説
スマホサイトを作っていると、本文の左右にどれぐらい余白を取ればいいのか迷うことがありますよね。余白が狭すぎると画面が詰まって見えますし、逆に広すぎる...
サイト制作 CSSはidのほうが速いは本当？classより処理が速いと言われた昔の話を解説
CSSでidとclassを使い分ける話になると、昔よく出てきたのが「classよりidのほうが処理が速い」という話です。古い解説記事や昔の制作現場の...
サイト制作 CSSのclassとidの違いとは？今のWeb制作での使い分け方をわかりやすく解説
今のWeb制作では、CSSで見た目を整えるときはclassを使い、idは別の目的に使うのが基本になっています。昔はidでレイアウトや装飾を組む書き方...
サイト制作 Google Fontsで使う文字だけ指定して軽量化する方法。Kosugi Maruフォントを例にやり方を紹介
Google Fontsを使う時、必要な文字が少ないのに、日本語フォントをまるごと読み込むとデータ量が増え表示が少し遅くなります。サイト名やロゴのよ...
サイト制作 平成丸ゴシックStdに似たGoogle Fontsはある？無料で使える丸ゴシック系Webフォント3選
平成丸ゴシックStdのような、やわらかくて読みやすい雰囲気のフォントをWebサイトでも使いたい。そう考える人は多いと思います。ただし、平成丸ゴシック...