サイト構成– tag –
このタグでは、事業に合ったホームページの構成例や、必要な固定ページの選び方、トップページの導線設計、SWELLの着せ替え活用、バナー・ウィジェット配置など、サイト全体の形づくりに役立つ情報をまとめています。どんな構成にすれば成果につながるか知りたい方に最適です。
-
プラグイン不要｜CSSだけで作る無限ループスライダー（上下2段・備忘録）
2ページ目は「フルワイドブロック」で画面いっぱいにスライダー。※スマホでの見え方は変わりません。PCで見ると画面いっぱいに出ます。 3ページ目からスライダーの設置方法説明 ギャラリーに使える「無限スライダー」をプラグインを使わずに作った方法 ギ... -
ヒーローセクション（メインビジュアル）の画像サイズの検証
当事務所では、ヒーローセクション（メインビジュアル）の画像作成にあたり、「どの画像サイズで作るのが最も安全で見やすいのか」を把握するために、実際のブラウザ表示を使った検証を行っています。 ヒーロー画像は、テーマやブラウザ環境により表示範囲... -
SNSシェア設定 | 設定場所と選び方・注意点
SNSシェアとは？ SNSシェアとは、読者が記事を気に入ったときに、そのままSNSへ投稿できるボタン のことです。記事の上部・下部・サイドなどに表示され、クリックするだけで簡単にシェアが行えます。 サイドのシェアボタンは追従。上部・下部に設置するな... -
コピペで使える カスタムCSS | カスタムCSSの使い方と1例
カスタムCSSとは？ カスタムCSSとは、「ブロックの見た目を自由にカスタマイズするための追加デザインコード」 のことです。サイトのデザイン（色・枠・角丸・余白など）SWELLのブロックには設定項目がない場合などに使います。 ブロックの設定だけでは作... -
（再編成）4-5-1-2.バナーの作り方と設置方法
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。テキストリンクではなく、「バナー」を設置して、読者が迷いにくい導線を作っていきましょう。 バナーリンクで行き先を視覚的に伝える 🧭 サイ... -
（再編成）4-5-1-1.SWELLの着せ替え機能を使って簡単にHPを作る方法
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。SWELL公式HPでダウンロードできる着せ替えを使って、簡単にHPを作る方法を紹介します。 着せ替えデザインを導入する（SWELLデモデータの読み込... -
4-7. 業種別トップページ設計まとめ｜あなたの事業に合う構成を選ぼう
はじめに ここまで、実際のデモサイトを作りながら、「SWELLとConoHaでホームページを作る手順」を一つひとつ進めてきました。 DEMO1 パン屋さんのサイトでは、 お知らせや営業日の発信を中心にした「来店型」のホームページを。 DEMO2 体操教室のサイ... -
4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用
今回は、SWELLの「着せ替えデザイン」機能をベースに、教室サイトのトップページ構成を実際に設計していきます。 デモサイト「からだリズム体操教室」を例に、教室紹介・スケジュール・レッスン案内・アクセス情報など、サイト全体をつなぐ導線を整理しな... -
4-1. トップページを設定しよう｜SWELL子テーマで固定ページをフロント化
この記事では、WordPressでトップページ（フロントページ）を設定する方法をご紹介します。 固定ページをトップページとして表示し、サイト型の構成を整える基本ステップです。 前回の「カテゴリー設計と導線の作り方」で決めたパン屋さんの構成をもとに、...
12