【テキスト関連】文字を装飾したい(文字のサイズ・色等) - 横浜・大阪のHP制作 アートフレア(株)

関東営業所

045-308-7792

関西営業所

06-6243-0330

平日10時~18時半 定休日:土日祝

【テキスト関連】文字を装飾したい(文字のサイズ・色等)

「文字を装飾したい」

 WordPress(ブロックエディタ)にて文字を装飾する方法を説明いたします。

 

<主な文字の装飾>

【1】文字のサイズを変更する
 ・段落全体の設定
 ・段落の一部のテキストのみ設定

【2】文字の色を変更する
 ・段落全体の設定
 ・段落の一部のテキストのみ設定

【3】文字をマーカーで装飾する
【4】文字を太字にする
【5】段落に背景色をつける。
【6】行間を調整する。
【7】テキストを中寄せ(もしくは右寄せ)にしたい
【8】フォントを変更したい。

 

<解説> 

・WordPress管理画面にログインする。

ホームページ設定通知書にございます管理画面のURLから

「ユーザー名」と「パスワード」を入力しをWordPressの管理画面に入ってください

 

Wp_manual_newpic_02.png

 

 

・ページの編集画面を開く

 wp youtube 19

 

【1】文字のサイズを変更する

・段落全体の文字のサイズを変更する

①まず、文字サイズを変更したいブロック(段落)をクリックして選択します。

次に②のブロックタブを選択し、「タイポグラフィ」内の「フォントサイズ」でサイズを選択します。

deco01

 

deco02

 

カスタムでフォントサイズを変更することもできます。

deco03

 

・一部のテキストのみ設定

 段落の中の一部のテキストだけを変更したい場合は以下のように変更します。

①テキストをドラッグし選択する。

ブロックツールの下矢印②をクリックし、③「インライン文字サイズ」をクリックする。

deco23

 

deco24

 

deco25

 

【2】文字の色を変更する

・段落全体の設定

①まず、テキストのカラーを変更したいブロック(段落)をクリックして選択します。

次に②のブロックタブを選択し、「色設定」内の「文字色」でカラーを選択します。

deco07

 

 

・一部のテキストのみ設定

①色を変更したいテキストをドラッグして選択します。

②の下矢印をクリックし③「テキスト色」をクリックします。

deco08

 

deco09

 

deco10

 

【3】文字をマーカーで装飾する

deco13

 

①テキストをドラッグして選択します。

②の下矢印をクリックし③「蛍光マーカー」をクリックします。

deco11

 

deco12

 

【4】文字を太字にする

deco14

 

①テキストをドッラッグして選択し、②のBアイコンをクリックします。

deco15

 

【5】段落に背景色をつける。

①ブロック(段落)をクリックして選択します。

次に②のブロックタブを選択し、「色指定」内の「背景色」でカラーを選択します。

deco16

 

deco17

【6】行間を調整する。

①ブロック(段落)をクリックして選択します。

次に②のブロックタブを選択し、「タイポグラフィ」内の「行の高さ」を調整します。

deco18

 

deco19

 

【7】テキストを中寄せ(もしくは右寄せ)にしたい

①ブロックをクリックし選択します。次に②のボタンをクリックします。

deco20

 

中央寄せ、もしくは右寄せを選んでください。

deco21

 

このようになります。

deco22

 

※ご注意:スペースでテキストの位置を調整すると、スマホで見たときにレイアウトが崩れる原因となります。中央寄せ&右寄せの機能をご活用ください。

【8】フォントを変更したい。

サイト上のフォントは、デザインに関する大元のファイルで指定しています。

古いホームページ管理システムなどではエディタ上でフォントを指定することもできましたが、最新のブロックエディタでは変更ができません。

ご不都合がございましたらサポートまでご相談ください。

 

 

 

参照数: 9764

 

カスタマーサポート窓口(ご契約のお客様専用)

050-5809-5111

スカイプID artflair_customer
営業時間 10:00~17:00(休業 土・日・祝日)

 

 

imgpsh fullsize anim 2020 10 28