細かい装飾ルールが増えたためこちらでまとめておきました。（今後も増える可能性があります）
不明点がありましたらお気軽に渡邊までご相談ください。
パーツで説明しているので具体的なイメージが湧きにくいかと思いますが、以下記事の装飾を参考にしてできるだけ同じレベル感でお願いします！
目次
ショートコードについて
今のところ脱毛ノートだけなのですが、Googleドキュメントに以下のようなコードが入っていることがあります。
[reuse id="○○○○"]こちらは記事に貼り付けてもらうと分かるのですが、共通情報が表示されるショートコードというものになります。装飾とかは必要ないので、もし見かけたらそのままコピペしてください。
表
表の装飾が内容によって変わるため一番難しいかと思います。できるだけスマホ表示で見にくくないように注意して装飾をお願いします。
項目の背景色
1行目に見出し的な項目名がある場合は「ヘッダーセクション」を設定してください。
1列目に見出し的な項目名がある場合はちょっと分かりにくいのですが、高度な設定→追加CSSクラスに「table-row」と入れてください。
1列目が項目名なのに背景色になっていないことがよく見受けられますので、こちら注意してください。
スクロール表示
スマホで横幅が足りないという見た目になった場合、「表をスクロール表示する」を設定してください。横スクロールできるようになります。
ただし横幅がそこまで必要のない表には入れないでください。（表示がおかしくなります）
商品の比較表について
言葉で説明するのは難しいので、以下の比較表を参考に装飾してください。
 |  |  |  |  |  | |
| クリニック名 | レジーナクリニック | リゼクリニック | フレイアクリニック | エミナルクリニック | TCB東京中央美容外科 | ジェニークリニック |
| 特徴 | 麻酔無料や複数の脱毛機導入など 総合的なバランスが◎ | 複数の脱毛機（4種類）で 効果的に脱毛したい人におすすめ | 2021年新発売の脱毛機導入で 時間短縮＆痛みを軽減 | 予約の取りやすさ＆通いやすさ を求める人におすすめ | 全身脱毛5回が98,000円で受けられる (顔•VIO•首•うなじ除く)※一部の院限定 | 新店舗で予約が取りやすい＆ オープン割でお得に脱毛できる |
| 料金 全身5回コース （顔・VIO除く） | ◯ 207,900円 | ◯ 269,800円 | ◎ 173,800円 | ◎ 174,900円 | ◯ 207,900円 | ◯ 220,000円 |
| 脱毛効果 （導入機器数） | ◎ 3種類 | ◎ 4種類 | ◯ 2〜3種類 | ◯ 1種類 | ◯ 2種類 | ◯ 1種類 |
| 痛みへの配慮 | ◎ 麻酔無料 | ◯ 麻酔あり（有料） | ◎ 麻酔無料 | ◯ 麻酔あり（有料） | ◯ 麻酔あり（有料） | ◯ 麻酔あり（有料） |
| 予約の 取りやすさ | ◎ 平日21時まで営業 | ◯ キャンセル待ちの配信通知 サービスあり（院による） | ◎ 平日21時まで営業 | ◎ 都内は21時まで営業 | ◯ 19時まで営業 | ◎ 新規オープン |
| 通いやすさ | ◎ 全国23店舗 | ◎ 全国24店舗 | ◯ 全国10店舗 | ◎ 全国47店舗 | ◎ 全国54店舗 | ◯ 関東5店舗 |
| 詳細 | 公式サイト | 公式サイト | 公式サイト | 公式サイト | 公式サイト | 公式サイト |
※価格は全て税込
口コミ
著作権に関わるため、引用タグを必ず使ってください。（今までの口コミブロックは使わないようにお願いします）
引用元に「引用元：サイト名（公式へリンク）」を入れてください。
タイトルがあれば太文字で入力
口コミの本文を入れる。口コミの本文を入れる。
引用元：みん評
口コミの本文を入れる。
口コミの数が多い・ランキングの場合はアコーディオンを使う
口コミの数が多い・ランキングの商品説明にそれぞれ入っている場合は「アコーディオン」を使ってまとめてください。
アコーディオンを使っている具体例として、以下記事のランキング部分を参考にしてみてください。
リンク
外部サイトへのリンクテキスト・ボタンは「新規タブで開く」を設定してください。
内部リンクの場合は設定しないように。
ボタンの場合
アフィリエイトリンク（https://◯◯◯/link.php?code=◯◯◯）の場合、さらに「rel属性」に「sponsored」を入れてください。Googleへこれは広告リンクですと伝えるためです。
テキストの場合
テキストリンクは「rel属性」を設定できないので、アフィリエイトリンクでも入れなくて大丈夫です。
リンクブロックを使う場合
内部でも外部でも使用して大丈夫ですが、きちんと設定してください。（適切に使うこと、全部これにするとかはしないで）
リンク先URLを入力して「タイトルとサイト名を取得」→「リンク先の画像を取得」を設定する。
もし外部リンクなら「リンク先を新規タブで開く」を設定する。
画像
横幅のサイズは740pxにできるだけ合わせること。
商品画像や横幅サイズが小さい画像は必ず中央揃えに設定すること。
公式サイトから画像を持ってきた場合
公式サイトからもってきた画像には下のキャプションに「出典：サイト名（公式へリンク）」を必ず入れてください。
メディアフォルダについて
複数人が同じ画像を探したりアップロードしたりするのは効率悪いので、共通して使いそうな画像（公式サイトのロゴとか）はフォルダ分けしています。（随時、更新・追加中です）
なので、まず使用したい画像がすでにないか探して、なければアップロードなどお願いします。
店舗情報（Google mapとか入れる際に注意）
あまり重要な内容でもないので、基本的にアコーディオンで装飾してください。
表でまとめて、住所の下にはGoogle mapのリンクを入れてください。
| クリニック名 | 最寄駅 | 住所 |
|---|---|---|
| 上野院 | JR「上野駅」 徒歩3分 | 東京都台東区上野7-6-5 VORT上野Ⅱ A棟5階 > Google map |
| 銀座院 | 地下鉄「銀座」駅B5出口 徒歩2分 | 東京都中央区銀座6丁目6-1銀座風月堂ビル6階 > Google map |
| 渋谷院 | 各線「渋谷駅」ハチ公口 徒歩4分 | 東京都渋谷区宇田川町25-9シュウ渋谷 6階・8階 > Google map |
| 新宿院 | JR新宿駅東口 徒歩3分 | 東京都新宿区新宿3丁目17−4 新宿レミナビル9階 > Google map |
| 表参道院 | 東京メトロ「明治神宮前〈原宿〉駅」 徒歩1分 | 東京都渋谷区神宮前6-5-3 イベリアビル 5階 > Google map |
| 吉祥寺院 | JR中央線「吉祥寺駅」 徒歩4分 | 東京都武蔵野市吉祥寺本町1-8-10 Kichijoji ex 地下1階 > Google map |
| 町田院 | 小田急小田原線「町田駅」東口 徒歩2分 | 東京都町田市原町田6-15-8高峰地所ビル 4階 > Google map |
Google mapを埋め込む場合は、以下のように「カスタムHTML」ブロックで埋め込みしてください。
| 住所 | 神奈川県横浜市西区北幸1-1-8エキニア横浜6F |
| 電話番号 | 045-594-9650 |
| 営業時間 | 平日 12:00～21:00 土日祝 11:00～20:00 |
リスト
掲載箇所によって以下スタイルを使い分けてください。
特にルールはありませんので、使い分け方法はお任せします。
- デフォルトカラーのリスト
- デフォルトカラーのリスト
- メインカラーのリスト
- メインカラーのリスト
- アクセントカラーのリスト
- アクセントカラーのリスト
- チェックのリスト
- チェックのリスト
手順系の説明
手順を追って説明している箇所は、「タイムライン」ブロックを使用してください。
- STEP
〇〇をする
最初に〇〇をしてください。
- STEP
〇〇をする
次に〇〇をしてください。
【重要】必ずスマホで確認すること
サイトアップ作業中・完了時には必ずスマホ表示で確認してください。
ユーザーの9割はスマホで見ています。
そのため、必ずスマホで記事を確認して「読みにくい・崩れている」などがないよう注意して装飾をお願いします。
また、現状の装飾に問題があった場合は改善点を挙げてもらえると助かります！