Topページ作成– category –
サイトの第一印象を左右するトップページの作り方をまとめています。ヒーロー画像の配置、キャッチコピー、サービス紹介、CTAなど、訪問者が迷わず行動できるトップページ設計のポイントを丁寧に解説。SWELLの機能を活かしたデザイン手法も紹介しています。
-
Topページ作成
LINEでシェア画像がファビコンになる?私のサイトで起きた原因と確認方法(体験談)
LINEでシェア画像がファビコンになる?私の体験談です これは、私のサイトで実際に起きたことです。原因を断定できる話ではないので、「私の場合はこうだった」という形でまとめます。 きっかけ:WordPressのURLから「s」が外れていた ある日気づくと、Wor... -
Topページ作成
プラグイン不要|CSSだけで作る無限ループスライダー(上下2段・備忘録)
2ページ目は「フルワイドブロック」で画面いっぱいにスライダー。※スマホでの見え方は変わりません。PCで見ると画面いっぱいに出ます。 3ページ目からスライダーの設置方法説明 ギャラリーに使える「無限スライダー」をプラグインを使わずに作った方法 ギ... -
Topページ作成
ヒーローセクション(メインビジュアル)の画像サイズの検証
当事務所では、ヒーローセクション(メインビジュアル)の画像作成にあたり、「どの画像サイズで作るのが最も安全で見やすいのか」を把握するために、実際のブラウザ表示を使った検証を行っています。 ヒーロー画像は、テーマやブラウザ環境により表示範囲... -
Topページ作成
サムネイルとアイキャッチの文字切れ範囲検証
この記事では、アイキャッチ・サムネイルでどこまでの範囲にテキストを配置すれば文字切れを回避できるか検証したものです。 ⚠ 注意:WordPress「メディア設定」を変更している場合について 本記事の内容は、WordPress初期設定(メディア設定の画像サイズ... -
Topページ作成
コピペで使える カスタムCSS | カスタムCSSの使い方と1例
カスタムCSSとは? カスタムCSSとは、「ブロックの見た目を自由にカスタマイズするための追加デザインコード」 のことです。サイトのデザイン(色・枠・角丸・余白など)SWELLのブロックには設定項目がない場合などに使います。 ブロックの設定だけでは作... -
Topページ作成
Word Press スラッグ設定 | SEOとトラブル回避のための注意点
H2:スラッグとは?なぜ英語(英数字)が良いのか スラッグとは、URLの最後につく文字列 のことです。WordPressでは、投稿ページ・カテゴリー・タグごとに設定できます。 例:https://example.com/sample-post/この sample-post がスラッグです。 スラッグ... -
Topページ作成
画像の代替テキストとリネームしやすいプラグイン紹介 | SEO・アクセシビリティ―対策
画像をたくさん使う WordPress サイトでは、「代替テキスト(alt)」と「画像ファイル名」 はとても重要です。 SEOだけでなく、アクセシビリティ(閲覧できない環境の人でも内容が分かる仕組み)にも関わるため、早い段階で整えておくと運用が楽になります... -
Topページ作成
OG画像とは? | ホームページのSNS表示を整える基礎と設定方法
OG画像とは?SNSでの見え方を整える大切な画像 OG画像(OGP画像)とは、SNSでURLをシェアした際に表示される画像 のことです。 URLをLINE・X(旧Twitter)・Facebookなどで共有すると、タイトルと一緒にサムネイルのような画像が表示されます。 ここに何も... -
Topページ作成
Canvaで作るアイキャッチ | 画像配置と注意点
本記事では、Canvaを使ったアイキャッチ画像の作り方と、安全に文字が切れない配置方法をまとめています。記事一覧・カテゴリー・検索ページなど、WordPressでは多くの場面でアイキャッチが使用されます。当事務所にHP作成をご依頼いただいた場合は、Canva...
