・以下のそれぞれのサンプルフレームは、実際にスマホ表示にして見比べてみましょう。
タイトルの入力方法
Xセンターです
〇センターです
◆WYSIWYG内のタイトルをセンターに表示させたい場合は、センタリング機能を使いましょう。
※上はスペースを使ってタイトルをセンターに移動させた例です。
※下は、センタリングを使ってセンターに移動させた例です。
スマホ表示にして、見比べてみましょう。
画像の大きさサンプル
◆左は400px(枠あり)、右は300px(枠あり)
◆デフォルトの200px(左は枠あり、右は枠なし)
◆800px(枠なし)
- 大きさの目安 1200px、800px、400px、200px
- 1200pxは主にヘッダー画像のような幅一杯、800はメイン枠一杯、ブログには400が最適
- 画像をアップする際に枠あり・枠なしの指定が可能
- レスポンシブ(Responsive)にすると、媒体の画面に最適な大きさで自動的に表示されます。
文章の途中で改行を入れないで!
◆途中で改行を入れると、スマホで見た時に変なところで改行が入ります。
※以下は、途中で改行を入れずに入力したときのサンプルと、途中で改行した時のサンプルです。
・途中で改行をいれない場合
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
・途中で改行を入れた場合
ああああああああああああああああああああああああああああああああああ
ああああああああああああああああああ
Wordで作った文章をそのまま貼り付けないで!
以下の2つのフレームを編集モードにしてソースコードを確認してみましょう。
※確認方法
- WYSIWYGのメニューから
を押下すると、「ソースコード」が開きます。
- 確認したら「取消」を押下すれば元の編集画面に戻ります。
- 編集モードになるので、「✕ キャンセル」を押下してください。
ソースコード:ソースコードとは、何かのプログラムを作る際にそのプログラムに「どんな動作をさせたいか」という設計図や指示書を、人間が理解しやすいテキストの形で記述されてものです。
◆Wordで作ってそのままコピーした文章◆
◆直接入力して作成した文章◆
令和8年4月23日
これは直接入力した文章です。