このページでは、ロカオプサイトでの「画像ブロック追加」について説明します。
『画像の中に文字をいれるには限界がある』
『画像の中の文字を新たに編集せずテキスト編集したい』
などのご要望や画像を有効活用するために是非ご確認下さい。
この他にも色々なブロックを組み合わせることで、サイトが完成します。
詳しくはこちらをご参照下さい。
※ 仕様変更により画面が異なる場合がございます。ご了承ください。
1. 概要
画像の中に文字を入ることでPCでもスマートフォンでも同じ画像が表示されます。
しかし文字編集の際は、画像から修正をする必要がありました。この手間が画像ブロック内で画像エリアとテキストエリアを切り分けることにより解消できます。
画像ブロックで出来ることは下記の通りです。
- 画像のみをメインコンテンツ幅100%で表示(テキストなしの場合)
- 左右で画像エリアとテキストエリアを変更可能
- 画像+タイトルのみも可
- 画像+説明のみも可
- ブラウザ幅600px以下は画像エリアの下にテキストエリアの順で配置
2. 完成イメージ
3. 操作手順
1. 対象のワークスペースからクライアントをクリック
2. 対象の店舗をクリック
3. 「サイト」をクリック
4. 編集したいサイト名横の「編集」ボタンをクリック
5. 「画像ブロック」横の「∨」ボタンをクリック
6. 「ファイルを選択」をクリック
7. 設定したい画像を選択し、「開く」をクリック
8. 画像横(ブラウザ幅600px以下は下)に表示させたいタイトルを入力(任意)
9. 画像横(ブラウザ幅600px以下は下)に表示させたい説明文を入力(任意)
10. 「画像エリアの位置(PC表示用)」、「タイトルと説明文の位置(スマートフォン表示用)」の項目で文字表示の左右を選んでクリック
11. PC表示用「画像の左」をクリックでテキストが画像の左に表示(画像中段)
スマートフォン表示用「画像の上」をクリックでテキストを画像の上に表示(下記画像)
12. 必要な場合は画像サイズを調整(単位:%、範囲:1〜100)
画像サイズを設定できます。設定しない場合、100%表示になります。
※仮に 50%に設定した場合は下記のように画像エリアが縮小されます。(画像中段)
13. 「背景色とテキストの色を指定する」にチェックで背景とテキストの色が変更可能(任意)
14. 操作が終了したら「保存して完了」をクリック
以上で操作は完了です。
コメント
0件のコメント
サインインしてコメントを残してください。