要素とは
要素とは、コンテンツブロック内に設置できる「見出し」「本文」「画像」などのことです。
「要素を追加」をクリックすると現れる要素のリストからコンテンツブロック内に必要な要素をセレクティブに挿入できます。
要素の一覧
大見出し
中見出し
小見出し
本文
キャプション
リスト
引用
画像
ボタン
YouTube 動画
![](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/6b9c75aec3f29e3ac0c68d55b1d86038.png)
見出し
見出しは、大・中・小の3種類あります。
大見出しは、コンテンツブロックのタイトルに相当するものです。大見出しは必須ではありませんが、各コンテンツブロックの最初にあるとユーザーにわかりやすい構成となります。
中見出し、小見出しは、ブロック内での更に小さなタイトルです。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/cce5064a1c3b8ff4cbf5849b9a9738a8.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/87c8cb45c26d0b34ef4a3ffd78e26ff6.png)
本文
本文は、文章を入力する要素です。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/6f61fe2cf2f720e0c3bbf726a264d196.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/b9ac5478ae2ceee1d98fdf1be9bd18f4.png)
本文のスタイル
本文の入力エリアの上部のツールバーから、太字のテキスト、下線のテキスト、リンクのテキストといったようにワードなどのように文字にスタイルを設定したり、リンクを挿入できます。
※ 当サイトでは、ブランドイメージの保護の観点から、太字は太い文字ではなく、キーカラーのグリーンの文字となります。
コピー&ペーストについて
本文の入力エリアにパワーポイントやウェブページなどからコピー&ペースト(Ctrl + V)すると、もとのスタイルやリンクが引き継がれ意図しないコードが入ってしまうことがあります。これを避けるために、文章をコピー&ペーストするときは、ツールバー内の「テキストとしてペースト」またはショートカットキー「Ctrl + Shift + V」を使用してください。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/a2dc686d7ee96803c367393f85ce84be.png)
書式設定のクリア
誤って挿入してしまったリンクやスタイルは、テキストを選択してから、ツールバーの「書式設定をクリア」からクリアできます。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/7394d83ae6e006cc63799752b3c66454.png)
キャプション
キャプションは、注釈などを小さい文字で表示します。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/d804302f1ede7f3f5e0041148c3e107e.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/58377a0ad5167c6d572cf48b38a53622.png)
リスト
リストは、同じ種類の項目を一覧で表示するものです。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/11c5e0565d1d7852aaf3adb1da45ddd2.png)
リストのスタイル
リストのスタイルは、ドロップダウンで●(丸)、チェック、数字から選ぶことができます。
リストアイテムの編集
リストの項目をリストアイテムといい、下部「リストアイテムの追加」からリストアイテムを追加できます。またリストアイテムの左側で順番の並び替え、右側で削除を行えます。リストアイテムには、本文と同様にツールバーから一部のスタイル・リンクの追加を行えます。
![フロントエンド:丸](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/4f1d0cccf64b5cb0e0256955c15d746b.png)
![フロントエンド:チェック](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/cc58fe57102d92eda8edd2a2b3e043a0.png)
![フロントエンド:数字](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/817e9068022d82ff357da03987ef7313.png)
引用
引用は、引用文を挿入したい場合に使用します。※引用の内容は改行が削除されます。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/e64152994ed403a10c9d7ca94a4e848a.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/76849720c50279bb045405c30822f85c.png)
引用元
引用元には、引用を参照している元の資料を入力します。この項目は任意です。
引用元URL
引用元URLを入力すると、フロントエンドで引用文の下に表示される引用元がリンクになります。
画像
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/b6e3329edbdbc5629ff91042309ad101.png)
画像の強調
画像の強調がオン(『強調された画像』)になっていると、画像の枠はコンテンツの幅をはみ出して表示されます。基本的にはこの項目はオンのままでいいです。
画像の強調がオフ(『コンテンツの幅に合わせた画像』)にすると画像の枠は、コンテンツの幅(本文などと同じ)に収まります。
画像の列数
一列に表示する画像の列数を選択できます。
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/2272f6784b3cfbbd1c0ca925a83e09f1.png)
画像の切り抜き
画像の切り抜きを選択すると、その比率で画像を切り抜きます。画像を複数枚1列に表示するときなどに便利です。
画像
表示する画像の枠は下部の「画像の枠を追加」から追加できます。また画像枠の左側で順番の並び替え、右側で削除を行えます。
画像枠を追加したら、「画像を選択する」から画像を挿入します。
画像には、任意でタイトル(上部)またはキャプション(下部)を設定できます。
![画像の選択をクリック](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/bf025081fc7fcf0211d95117517414e7.png)
![メディア(画像)をアップロード](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/958c80aced15260e03f7807843e10298.png)
![アップロード済みのメディア(画像)](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/c65f8f9b3bcd001950a3e7ce70aee1da.png)
![画像を選択して、決定](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/0fd20bff0d9486187c23c15039b9fcf2.png)
![画像を挿入される](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/3554fd6c135e979186510625e48d02ce.png)
ボタン
ボタンは、テキストリンクではなく、もっと目立たせたリンクにしたい場合に使用します。
ボタンには、ボタンテキストとURLを設定します。
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/b5da9844129c65a89f2407cb4cd0ec1b.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/5c9b2aa435598c4f7fd0aa7e4cba9a3f.png)
YouTube動画の埋め込み
![編集画面](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/e5d2330c6b091243f27de232e0cf59e3.png)
![フロントエンド](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/085f0ba3b7a3b49948861a3142b30ffa.png)
YouTube動画のID
YouTube動画のIDは、動画URLの「=(イコール)」の後の文字列です。(「&(アンド)」以降は不要)
![YouTube動画のID](https://shindaicrystal.com/wp/wp-content/uploads/2020/09/e0bcb7863fc2c8e8e5848146a57dd218.png)