ホームページ役立ち機能
スライダー機能（口コミ）
Swiper.js を使ったスライダー形式の口コミ表示。
- PC（1024px以上）：3枚並び
- タブレット（768px以上）：2枚並び
- スマホ：1枚表示
- 左右の矢印ボタンで操作
- 下部ドットで現在位置を表示
- ループ再生あり・オートプレイなし
WordPressビジュアルエディター → 口コミセクション内 → 「カスタムHTML」ブロック
個人の感想であり、成果を保証するものではありません。
文字の装飾
ラベル機能 ラベルテスト
マーカー機能 マーカーテスト
パソコンとスマホで表示を切り替える小技
PCでのみ表示するイラストで両サイドを挟み、横幅が調整できる。
中央の文字（中央カラム）のみPC・スマホの両方表示にする。
スマホの背景画像だけ設定するとお洒落になる。
ABOUT
DEMOの里 道の駅 について
心ほどける自然の中で
買う、食べる、楽しむ。
あわただしい日常から少しだけ離れて、豊かな自然と、作り手の笑顔に触れてほしい。
「DEMOの里 道の駅」には、今朝とれたばかりのみずみずしい果実や、この土地で大切に育まれた、滋味あふれる宝物が集まっています。
「DEMOの里 道の駅」で充実して一日を過ごしませんか。
表示結果
PC表示
スマホ表示
お洒落なセクション区切り
上のセクションに画像の帯を作り、ブロック下の余白を-7.5px にする。
ブロック下の余白を-7.5px にすることで、下のセクションが画像の上に乗るのでお洒落になる。
買う
表示しておくべき内容
お客さまの声（口コミ）への注釈
口コミを掲載する際は「個人の感想であり、成果を保証するものではありません。」という注釈を入れます。
これを怠ると「誰でも同じ結果が得られる」と誤解を招き、景表法の「優良誤認」に該当するリスクがあります。
注釈は視認性を保ちつつ、各口コミのすぐ下に配置することが求められます。
特定商取引法に基づく表記とプライバシーポリシー
フッター（最下部）には、以下の2つのリンクを必ず設置する必要があります。
- 特定商取引法（特商法）に基づく表記
販売者の名称、所在地、連絡先など、運営元の責任を明らかにするための情報です。 - プライバシーポリシー
LINE登録やフォーム入力で取得した個人情報をどのように扱うかを示す文書です。
景品表示法（景表法）への配慮
消費者を騙すような誇大な表現は禁止されており、以下の4点に注意が必要です。
- 断定表現の回避
「絶対稼げる」「必ず治る」といった言い切りは避けます。 - 最大級表現の禁止
「日本一」「最高」などは客観的な根拠（ソース）がない限り使えません。 - ビフォーアフターの制限
特にダイエットや美容系での過度な変化の強調は厳しく規制されています。 - 不適切な限定表現
「今だけ」と謳いながら常に割引いている二重価格表示などは違反となります。
ステルスマーケティングに該当しないか確認
2023年10月からステルスマーケティング（ステマ）が景表法の規制対象になりました。
報酬をもらって書いた口コミや紹介、アフィリエイトリンクがある場合は「PR」「広告」の明示が必要です。
著作権侵害の防止
AIで生成した画像であっても、既存のキャラクターや芸能人に酷似している場合は著作権やパブリシティ権の侵害になります。
動画内では、意図せず有名キャラクターに似た画像が生成された例を挙げ、そのような場合は使用せずに作り直すべきだと警告しています。
薬機法（旧薬事法）の遵守
美容、健康食品、サプリメントなどを扱う場合、医療品のような効果効能を謳うことはできません。
NG表現： 「シミが消える」「20kg痩せる」
言い換えの例： 「乾燥による小じわを目立たなくする」「理想の体型を目指すサポート」
資格・許認可の明示
業種によっては、資格や許可番号の掲載が義務または信頼担保として必須です。
- 不動産業 → 宅建業者番号
- 士業（税理士・社労士など）→ 登録番号
- 飲食店・サロン → 営業許可の有無
- 古物商（リサイクル・中古品） → 古物商許可番号
ホームページ制作は単なるデザインだけでなく、これらの法律を遵守し、適切な表現へ言い換えることで制作者とクライアント双方を守ることになります。
コンタクトフォーム関係
コンタクトフォームなどで利用規約を記載し、スクロールで読める形にしたものを「スクロールボックス」と呼びます。
コンタクトフォーム（フォーム側）に追加する場合
個人情報の取り扱いについて
1．事業者の名称
〇〇
2．（以下、プライバシーポリシーの本文をここに貼り付け）
[submit “送信”]
カスタムCSSで設定が必要
/* コンタクトフォームの利用規約 スクロールボックス */
.privacy-scroll-box {
height: 150px;
overflow-y: scroll;
border: 1px solid #ccc;
padding: 12px;
font-size: 13px;
line-height: 1.7;
background: #fafafa;
margin-bottom: 12px;
}
コンタクトフォーム（メール側）に追加する内容
差出人: [your-name] <[your-email]>
題名: [your-subject]
メッセージ本文:[your-message]
個人情報への同意: [your-agreement]
—
本メールはあなたのウェブサイト ([_site_title] [_site_url]) のコンタクトフォームに送信があったことをお知らせするものです。
コンタクトフォームで添付ファイルの項目を追加する方法
1.コンタクトフォームに添付ファイルを追加する場合、フォーム側に「ファイル」を追加します。
2.ファイルを選ぶと入力項目が表示されるので受け入れ可能なファイル形式やファイルサイズ制限（5mbがオススメ）を入力します。
3.コンタクトフォームのメール側の下側にある別枠「ファイル添付欄」へ追加。
※メッセージ本文ではなく別枠なので留意
