テーマを選んでデザインを変える
Linbyでは、テーマを選ぶだけでページ全体の配色や形が切り替わります。内容や並び順はそのままで、見た目だけが変わります。テーマは150種以上あり、すべて無料で使えます。デザインの操作は「テーマ変更」タブで行います。
テーマを選んで適用する
- 1「テーマ変更」タブを開き、テーマ一覧からテーマをタップします
- 2自分の内容が入った状態でプレビューが表示されます
- 3気に入ったら「このテーマを適用」を押すと、ページ全体に反映されます
すぐに適用せず、あとで見比べたいときは「候補に追加」を選びます。追加したテーマは候補に並び、いつでも適用に切り替えられます。同じテーマから、色違いなど複数の候補を作ることもできます。
色やフォントを細かく調整する
テーマはそのままでも整いますが、さらに自分好みに調整できます。
- 1「テーマ変更」タブの候補で、調整したいテーマの「編集」を開きます
- 2配色(背景・文字・アクセント・ボタンなど)、見出し・本文のフォント、文字サイズ、余白、角丸などを変えられます
- 3変更はその場でプレビューに反映されます
- 4「適用」を押すと、公開ページに反映されます
調整した内容は候補として残るので、別のテーマを試しても失われません。
ページ全体のフォントを選ぶ
配色とは別に、ページ全体のフォントを選べます。「テーマ変更」タブのページ全体の設定から選ぶと、テーマを切り替えても保持されます。フォントは全プラン無料です。
背景画像を設定する
ページ全体に背景画像を敷けます。
- 1「テーマ変更」タブのページ全体の設定で、背景画像を選んでアップロードします
- 2背景画像があるときは、コンテンツの背景の濃さを調整して読みやすさを整えられます
背景画像も全プラン無料で使えます。
背景パターンを設定する
背景画像のかわりに、模様の背景(背景パターン)を敷けます。Linbyの背景パターンは、テーマの色(背景色・文字色・アクセント色)から模様の色を作ります。テーマの背景色を変えると、模様の色も合わせて変わります。
パターンを選んで適用する
- 1「テーマ変更」タブの「ページ全体」にある「背景パターン」を開きます
- 2パターンをタップして選びます。「プレビュー」で、公開ページと同じ見た目を確かめられます
- 3「適用」を押すと公開ページに反映されます。適用せずに元に戻したいときは「破棄」を押します
パターンを外すときは、「なし」を選んで適用します。
背景画像と背景パターンは、どちらか一方だけ使えます。パターンを適用すると、設定していた背景画像は外れます。パターンを敷いているときも、「コンテンツ背景の濃さ」でボタンなどの背景を薄くして、模様を透かして見せられます。
使えるパターン
| プラン | パターン |
|---|---|
| 全プラン | 格子・チェック・ドット・ストライプ・波・三角・メッシュ・ブロブ |
| Basic | ギンガムチェック・ボーダー・水玉・ジグザグ・うろこ・アーガイル・ハーフトーン・六角形・十字・ハート・星・きらきら・雲・紙吹雪・ランダム |
無料・Liteプランでも、Basicのパターン(🔒 Basic の印が付いたもの)を選んでプレビューで見た目を確かめられます。このとき「適用」のボタンは「Basic で使う」に変わり、押すとBasicプランの案内が出ます。Basicから無料・Liteに切り替えると、Basicのパターンは公開ページに表示されなくなります。設定は残っているので、Basicに戻すと元どおり表示されます。
ランダム
「ランダム」は、ぼかした円を並べたパターンです(Basicプラン)。円の位置・大きさ・色の組み合わせを作り直して、気に入った配置を選べます。
- 1背景パターンの一覧で「ランダム」をタップします。配置の候補が6つ並び、1つ目が選ばれた状態になります
- 2「シャッフル」を押すと、新しい候補6つに入れ替わります
- 3気に入った候補をタップして選び、「適用」を押します
選んだ配置は、プレビューでも公開ページでも同じに表示されます。ページが長くなっても同じ調子の模様が下まで続き、パソコンで見たときはページの左右の余白まで広がります。
さらに使いこなす
- 気に入ったテーマを複数保存して見比べたいときはテーマ候補を保存して見比べる
- ブロック1つずつのデザインを変えたいときはブロックごとにデザインを調整する
デザインが決まったら、オリジナルURLを設定してページを公開するに進みましょう。