製造業関連情報総合ポータルサイト@engineer
WEB営業力強化支援サービスのご案内

ページ本文を装飾するには?

ページ本文を装飾するには?

左メニュー▼ページを作る -『「製品・技術」ページ』

<本文>内の文字(フォント)サイズを変更したり、装飾することがきます。
装飾機能を有効的に使用することで、文章が読みやすくなり訴求力がアップします。

ポイント
特にPRしたい文章や強調したい文章に、強調(ボールド)・装飾を施すと効果的です。
ポイント
強調文字、装飾文字は多様しすぎないようにしましょう。
ポイント
文字に色をつける際は、黄色や水色など見づらい色は避けるようにしましょう。

見出しを設定するには?

左メニュー▼ページを作る -『「製品・技術」ページ』

ページ内に書いてある内容を要約し、訪問者に興味を持ってもらえる見出しにします。

見出しとして設定したい文章をドラッグして選択します。
で設定したい見出しの種類を選びます。

補足
見出しをつける際は構成にそって、上から順番に大見出し、中見出し、小見出しの順番で使用するようにします。
ポイント
見出しに検索してほしいキーワードを記載すると効果的です。
ポイント
製品名などに加えキャッチコピーや特長を記載するようにします。
注意
大見出し、中見出し、小見出しは、見出し以外の用途で使用しないでください。
文字サイズを大きく表示したり目立たせたい場合は、<フォントの大きさ>の変更や<太字>で設定をします。

文字(フォント)サイズを変更するには?

左メニュー▼ページを作る -『「製品・技術」ページ』

フォントサイズを変更したい文章をドラッグして選択します。
で設定したい<フォントの大きさ>を選びます。

補足
標準のフォントサイズは「2」です。数字が大きくなるほどフォントサイズも大きくなります。
文字サイズを変更する

ページ上部へ

文字(フォント)に色をつけるには?

左メニュー▼ページを作る -『「製品・技術」ページ』

文字(フォント)に色をつけるには?

色を変更したい文章をドラッグして選択します。

で設定したい色を選択します。

ポイント
色は、多用せず2、3色程度にすると効果的です。
注意
青色などは、リンクと間違えやすいためできるだけ使用しないようにします。
注意
太字や文字の色変えと背景の色を組み合わせる場合は、最初に太字を設定します。

ページ上部へ

文字(フォント)の背景に色をつけるには?

背景色をつけたい文章をドラッグして選択します。

で設定したい色を選択します。

ポイント
特に目立たせたい部分など、蛍光ペンでなぞった感じに装飾することができます。
注意
読みやすさのため、文字の色と背景色は似た色にしない、逆に、全然異なる色でも文字がチカチカしないようにするなど、色のバランスには注意しましょう。
注意
太字や文字の色変えと背景の色を組み合わせる場合は、最初に太字を設定します。

ページ上部へ

箇条書きにするには?

左メニュー▼ページを作る -『「製品・技術」ページ』

文中に伝えたいことがいくつも並ぶ場合は、箇条書きにすることで読みやすくなる場合があります。
状況にあわせて、箇条書き(リスト)を活用すると効果的です。

番号なしのリストを設定するには?

リストを設定したい文章をドラッグして選択し、をクリックします。

番号付きのリストを設定するには?

リストを設定したい文章をドラッグして選択し、をクリックします。

ページ上部へ

表を作成、編集するには?

左メニュー▼ページを作る -『「製品・技術」ページ』

表を作成するには?

<本文>内に表を追加できます。
製品情報などを表でまとめることで分かりやすくなり、訴求力がアップします。

※ここでは、4列、5行で細い枠線の表を作成例にあげています。

1【表の挿入】ボタン【表の挿入】ボタンをクリックします。

【表の挿入】ボタンをクリックして表を作成

2表の情報を入力します。

<一般>タブで、列、行、幅を入力します。

入力が終ったら、<高度>タブをクリックします。

<一般>タブで表の情報を入力

<セルの枠>から「枠線(上下左右)」を選択します。

<高度>タブで<セルの枠>から「枠線(上下左右)」を選択

<表の外枠>から「すべて」を選択します。

入力が終わったら【挿入】ボタンをクリックします。

<高度>タブで<表の外枠>から「すべて」を選択。

3表の完成です。

枠線の線の太さが1ピクセルの表ができます。

表の完成

ページ上部へ

表の罫線や背景色を変更するには?

<本文>内に追加した表の罫線色や太さを変更できます。

※ここでは、罫線の色変更を例にあげています。

4【セルの属性】ボタン【セルの属性】ボタンをクリックします。

表を選択して、【セルの属性】ボタン【セルの属性】ボタンをクリックします。
(または、表を右クリックして、メニューから「セル」⇒「セルの属性」をクリックしても表示されます)

注意
ウィンドウのタイトルが「セルの属性」であることを確認して、次の操作に進んでください表の罫線の変更は、【セルの属性】で行います。
表示されたウィンドウのタイトルが「セルの属性」であることを確認してください。

5罫線の設定をします。

<高度>タブをクリックします。

<高度>タブをクリック

<枠線の色>をクリックします。

<枠線の色>をクリック

<色選択>で変更したい色を選択し、【適用】ボタンをクリックします。

<色選択>で変更したい色を選択し、【適用】ボタンをクリック

背景の色を変更する場合は <背景の色>をクリックし、
<色選択>で変更したい色を選択、【適用】ボタンをクリックします。

背景の色を変更する場合は <背景の色>をクリック

<スタイル><枠線の色>に値が入っていることを確認します。

注意
スタイルは自動で設定されます。変更の必要はありませんスタイルは自動で設定されます。変更の必要はありません

「すべてのセルを更新」を選択します。

「すべてのセルを更新」を選択

【更新】ボタンをクリックします。

【更新】ボタンをクリック

6罫線の変更完了です。

罫線の変更完了

ページ上部へ

各ボタンの名称・機能の紹介

左メニュー▼ページを作る -『「製品・技術」ページ』

太字 文字を太字にします
斜体 文字を斜体文にします
下線 文字に下線を引きます
取り消し線 文字に打消し線をつけます
書式の削除 設定した文字の装飾を削除します
左揃え 選択した段落を左揃えにします
中揃え 選択した段落を中揃えにします
右揃え 選択した段落を右揃えにします
字下げを増やす インデントを追加します
クリックしたぶんだけ右に寄ります
字下げを減らす インデントを解除します
番号なしリスト
  • リストを作成します
番号つきリスト
  1. 段落番号つきのリストを作成します
下付き文字 選択した文字を下付きにします
上付き文字 選択した文字を上付きにします
文字の色 文字に色をつけます
背景の色 文字の背景に色をつけます
表の挿入 表(テーブル)を挿入します
行の属性

表の中の行に対して属性を設定します

文字の位置や背景色を設定します

セルの属性

表の中のセルに対して属性を設定します

文字の位置や背景色を設定します

上に行を挿入 選択したセルの上に行を追加します
下に行を挿入 選択したセルの下に行を追加します
行を削除 選択したセルの行を削除します
左に列を挿入 選択したセルの1つ左に列を挿入します
 右に列を挿入 選択したセルの1つ右に列を挿入します
列を削除 選択したセルの列を削除します
セルの結合を解除 結合しているセルを解除します
セルを結合 選択した複数のセルを結合します
元に戻す 直前の操作に戻します
やり直す 元に戻した操作をやりなおします
アンカーの挿入/編集 リンクのアンカー(目印)を挿入します
画像アップロード 画像を掲載します
>>画像を貼り付けるには?
動画アップロード 動画を掲載します
>>動画を掲載するには?
リンクの挿入や編集 文章や画像にリンクを張ります
>><本文>内にリンクをつけるには?
リンクを解除 設定したリンクを解除します
HTMLのソースを編集 HTML形式で直接編集します

ページ上部へ