Topページ作成– category –
サイトの第一印象を左右するトップページの作り方をまとめています。ヒーロー画像の配置、キャッチコピー、サービス紹介、CTAなど、訪問者が迷わず行動できるトップページ設計のポイントを丁寧に解説。SWELLの機能を活かしたデザイン手法も紹介しています。
-
ヒーローセクション（メインビジュアル）の画像サイズの検証
当事務所では、ヒーローセクション（メインビジュアル）の画像作成にあたり、「どの画像サイズで作るのが最も安全で見やすいのか」を把握するために、実際のブラウザ表示を使った検証を行っています。 ヒーロー画像は、テーマやブラウザ環境により表示範囲... -
サムネイルとアイキャッチの文字切れ範囲検証
この記事では、アイキャッチ・サムネイルでどこまでの範囲にテキストを配置すれば文字切れを回避できるか検証したものです。 検証方法 Canvaで、アイキャッチの推奨サイズである1200x630サイズに、以下のように色を付けました。 ※各色（赤・青・黄・黒・白... -
コピペで使える カスタムCSS | カスタムCSSの使い方と1例
カスタムCSSとは？ カスタムCSSとは、「ブロックの見た目を自由にカスタマイズするための追加デザインコード」 のことです。サイトのデザイン（色・枠・角丸・余白など）SWELLのブロックには設定項目がない場合などに使います。 ブロックの設定だけでは作... -
Word Press スラッグ設定 | SEOとトラブル回避のための注意点
H2：スラッグとは？なぜ英語（英数字）が良いのか スラッグとは、URLの最後につく文字列 のことです。WordPressでは、投稿ページ・カテゴリー・タグごとに設定できます。 例：https://example.com/sample-post/この sample-post がスラッグです。 スラッグ... -
画像の代替テキストとリネームしやすいプラグイン紹介 | SEO・アクセシビリティ―対策
画像をたくさん使う WordPress サイトでは、「代替テキスト（alt）」と「画像ファイル名」 はとても重要です。 SEOだけでなく、アクセシビリティ（閲覧できない環境の人でも内容が分かる仕組み）にも関わるため、早い段階で整えておくと運用が楽になります... -
OG画像とは？ | ホームページのSNS表示を整える基礎と設定方法
OG画像とは？SNSでの見え方を整える大切な画像 OG画像（OGP画像）とは、SNSでURLをシェアした際に表示される画像 のことです。 URLをLINE・X（旧Twitter）・Facebookなどで共有すると、タイトルと一緒にサムネイルのような画像が表示されます。 ここに何も... -
Canvaで作るアイキャッチ | 画像配置と注意点
本記事では、Canvaを使ったアイキャッチ画像の作り方と、安全に文字が切れない配置方法をまとめています。記事一覧・カテゴリー・検索ページなど、WordPressでは多くの場面でアイキャッチが使用されます。当事務所にHP作成をご依頼いただいた場合は、Canva... -
ホームページに使用する画像サイズ一覧｜文字切れしない安全率もご紹介
ホームページ制作でよく使う画像サイズまとめ（参考） ホームページ制作でよく使用する画像サイズを、まとめて一覧にしています。案件によって最適なサイズは変わるため、ここでは「迷ったときにこれを使えば大きな崩れは起きない」という“参考値”としてご... -
（再編成）4-6-2.初心者でもできる！LINE公式アカウントの作り方と設定ポイント
この記事は4-6. ネイルサロンサイトの作り方｜予約システムRESARVAと公式LINE予約導線の抜粋・再編成です。リピーターには、公式ラインを通じてお知らせやクーポン配布、ショップカードの利用などをご利用いただくと便利です。 公式ラインも、無料の範囲...
