見出しh2:ダミーテキストダミーテキストダミーテキストダミーテキスト
見出しにしたいテキストを選択の上、ルーツバーの「+」ボタンから「見出し」をクリックすることで、ページ内で順位が2番目のタイトルとして表示されます。
見出しh3:ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
見出しにしたいテキストを選択の上、ルーツバーの「+」ボタンから「見出し」をクリックし「h3」を選択することで、ページ内で順位が3番目のタイトルとして表示されます。
見出しh4:ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
見出しにしたいテキストを選択の上、ルーツバーの「+」ボタンから「見出し」をクリックし「h4」を選択することで、ページ内で順位が4番目のタイトルとして表示されます。
見出しh5:ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
見出しにしたいテキストを選択の上、ルーツバーの「+」ボタンから「見出し」をクリックし「h5」を選択することで、ページ内で順位が5番目のタイトルとして表示されます。
見出しh6:ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
見出しにしたいテキストを選択の上、ルーツバーの「+」ボタンから「見出し」をクリックし「h6」を選択することで、ページ内で順位が6番目のタイトルとして表示されます。
テキストの装飾
太文字
太文字にしたいテキストを選択の上、ルーツバーの「B」をクリックすることで太文字にできます。
イタリック
イタリック(斜めった文字)にしたいテキストを選択の上、ルーツバーの「I」をクリックすることでItalicにすることができます。
マーカー
マーカーを引きたいテキストを選択の上、ツールバーの「さらに表示」内にある「ハイライト」を選択すると、マーカーを引くことができます。
テキストリンク
同タブのリンクテキスト
リンクにしたい文字を選択のうえ、ルーツバーにある「リンク」をクリックすることで、文字をリンクにすることができます。
テキスト中の仙台市社協トップページはこちらです。
別タブのリンクテキスト
リンクの設定にて「新しいタブで開く」にチェックを入れると、別タブで開きます。自動的に別タブのアイコンが付きます。
テキスト中の宮城県社会福祉協議会はこちらです。
各ファイルのリンクテキスト
リンクをファイルに指定することも可能です。自動的に各ファイル形式に応じたアイコンが付きます。
引用
「引用」とは他サイトからそのまま文字を用いる場合などに活用します。
例えば、「ウィキペディアからの引用」といった場合に活用することが多いです。
引用にしたい文字を選択のうえ、ルーツバー「+」マークより「引用」をクリックすることで、文字をリンクにすることができます。
引用テキスト。ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
https://and-ha.com
画像
PCの画面横幅(880px)より大きいサイズの画像を入れた場合
880pxに自動縮小され、880pxで表示されます。
PCの画面横幅(880px)より小さいサイズの画像を入れた場合
画像の横幅そのままの大きさで表示されます。
880pxに拡大することも可能ですが、画質が荒くなります。
画像の中央寄せ
画像を選択し、ツールバーにある「配置」から「中央寄せ」を選択することで、画像を中央に寄せることが可能です。
画面の最大横幅よりも小さいに画像サイズの場合に有効です。
キャプションの付与
画像を選択すると「キャプションを追加」が表示され、こちらに入力できます。
「キャプション」とは、画像の説明で用います。
横並び(カラム)
ツールバーの「+」マークより「カラム」を選択することで、横並びにできます。
半分分けや、3対7分け、7対3分けなど可能です。
なお、パソコン時の表示は横並びにし、スマートフォンの場合は縦並びも可能です。
半分分け
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
3対7分け (カラムの「33 / 66」を選択)
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
7対3分け (カラムの「66 / 33」を選択)
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
リスト
通常のリスト
「+」マークより「リスト」を選択することで、リスト形式にすることができます。
- リスト。テキストテキストテキストテキストテキストテキストテキストテキスト
- リスト。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
入れ子ありリスト
※「入れ子」とは、リストを階段状にすることです。
- リスト。テキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキスト
- リスト。テキストテキストテキストテキストテキストテキスト
- リスト。テキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキスト
- リスト。テキストテキストテキストテキストテキストテキスト
- リスト。テキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキスト
- 番号リスト。テキストテキストテキストテキストテキストテキスト
表 (テーブル)
通常の表 (プラグイン無し)
左上の「+」マークより「テーブル」を選択。
「カラム数」と「行数」を指定すると作成できます。
高度なカスタマイズはできず、基本的な表です。
スマートフォンでのみやすさを考慮し、2列以内であればこちらの表の利用がおすすめです。
社員名 | 補足情報 |
---|---|
山田 太郎 | スティーブ・ジョブズが必要なサラリーと同じ額。 |
田中 花子 | ブログを書くために必要になる資金。 |
工藤 次郎 | 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。 |
社員数 | 3人 |
プラグインを利用した表 (Flexible Table Block)
左上の「+」マークより「Flexible Table」を選択。
「カラム数」と「行数」を指定すると作成できます。
セルの結合や横幅固定スクロールなど、高度なカスタマイズが可能です。
スマートフォンでの閲覧を見やすくするため、3列以上になる場合は、こちらを利用するのがおすすめです。
会社 | 取扱場所 | 種類 | 対応状況 | |||
---|---|---|---|---|---|---|
種別1 | 種別2 | 種別3 | ||||
宮城 inc | 本社 | 宮城駅前 | ● | ● | ● | ● |
営業所 | ダミー場所その1 ダミー場所その2 ダミー場所その3 | ● | ● | △ | ● | |
仙台 inc | 本社 | 仙台駅前 | ● | ● | △ | ● |
営業所 | ダミー営業所 ダミー営業所 ダミー営業所 ダミー営業所 ダミー営業所 ダミー営業所 | ● | ● | △ | ● |
カスタムブロック – ボタン
利用ブロック : カスタムブロック > ボタン
ボタンがひとつで十分な場合や、1行ごとにボタンを置きたい場合は、こちらを利用してください。
○○ページを詳しく見る ファイルを詳しく見る 宮城県社会福祉協議会のサイトへカスタムブロック – ボタン (複数)
利用ブロック : カスタムブロック > ボタン_複数
カスタムブロック – 主要ボタン
利用ブロック : カスタムブロック > 主要ボタン
カスタムブロック – 最小幅ボタン
利用ブロック : カスタムブロック > ボタン(最小)
カスタムブロック – サムネイル付きリンク
詳しく見るカスタムブロック – サムネイル付きリンク (複数)
カスタムブロック – 定義リスト
利用ブロック : カスタムブロック > 定義リスト
- 電話番号
022-1234-5678
- 定義リスト – タイトル 2
定義リスト – 内容 2
左側の「タイトル」は、1行で改行なし。
右側の「内容」は、テキストエディターとして、リンクや太文字なども可能。
カスタムブロック – 定義リスト(タイトル付き)
利用ブロック : カスタムブロック > 定義リスト_タイトル付き
- メインタイトル1
-
- タイトル1-1
内容1-1
- タイトル1-2
内容1-2
- メインタイトル2
-
- タイトル2-1
内容2-1
- タイトル2-2
内容2-2
左側の「タイトル」は、1行で改行なし。
右側の「内容」は、テキストエディターとして、リンクや太文字なども可能。
カスタムブロック – SNSリスト
利用ブロック : カスタムブロック > SNSリスト
- @miyaginoshakyo
- @sendaisishakyo_miyagino
「カスタムブロック – 定義リスト」と似たようなブロックです。
アカウントのIDを入力するのみで、自動的にアイコンなどは付与されます。
カスタムブロック – SNSリスト(アイコン付き)
利用ブロック : カスタムブロック > アイコン付きSNSリスト
入力がある場合に表示されるため、片方のSNSだけ(Facebookだけ)なども可能です。
カスタムブロック – Googleマップ
利用ブロック : カスタムブロック > Googleマップ
Googleマップにて、指定したい場所を開き、「共有」より、「リンクを送信する」にある共有リンクと、「地図を埋め込む」にあるHTMLを入れることで、作成できます。
カスタムブロック – アコーディオン(Q&A方式)
利用ブロック : カスタムブロック > QA
質問が入ります。
答えが入ります。答えが入ります。ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ダミーテキストダミーテキストダミーテキストダミーテキスト。
質問が入ります質問が入ります。
答えが入ります。答えが入ります。ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ダミーテキストダミーテキストダミーテキストダミーテキスト。ダミーテキストダミーテキストダミーテキストダミーテキスト。ダミーテキストダミーテキストダミーテキストダミーテキスト。
カスタムブロック – 強調
作成中…