Mybestpro Members

小森ゆきこプロは朝日新聞が厳正なる審査をした登録専門家です

WordPress 投稿記事 固定ページの装飾カスタマイズ方法!初心者ワードプレスの疑問

小森ゆきこ

小森ゆきこ

テーマ:WordPressワードプレスの管理運営



前回にお伝えした【 WordPress 記事を投稿・更新の設定をする】で投稿ページを新規で作成する手順として、新ブロックエディターの使い方を紹介しました。

今回はその続きとして、文章を太字にしたり色をつけたり、表を作ったり、記事のカスタマイズの方法を説明いたします。WordPressでのメリットデメリットも含めてお伝えしていきます。

文字を装飾

管理画面(ダッシュボード)の左メニューからの「投稿」の中の「新規追加」 をクリック→
投稿ページが開きます。
記事タイトルを入力します。


タイトルの右下の「+」マークをクリックするとカーソルが点滅するので、文章を入力します→
ボックス上部のツールバーで文字を装飾します。
左から、Bは太字、斜体、リンク


文字の大きさを変える、文章や背景に色をつける

1, 色を変更したい文、あるいはブロックを選択→
2, 右メニュー上のタブの「ブロック」クリック→
3, テキスト設定 → 文字の大きさを「小~特大」から選択
 *文字サイズ横の数値を変更し、大きさを調整できます
4, 色設定 → 好きな色を選択
 *「カスタムカラー」をクリックで好きな色に調節できます




リストで箇条書きで見やすくする

1, ブロックの追加「+」をクリック→
2, ツールバーの「▼」→
3, 「リスト」をクリック→
4, 文章を入力

*リストは黒丸から始まるものと、番号で始まるものがあります

表を作成する

ブロックの追加「+」をクリック→
フォーマットをクリック→
「表」をクリック→
行と列に半角数字を入力→
表を作成をクリック、表内に文字を打ち込み表を作成



*上のツールバーの「表を編集」で行や列の追加削除ができます
右メニュー上のタブの「ブロック」クリック→
色設定→
好きな色を選択

行間スペースを入れる

スペースを挿入すると文章が読みやすくなります。
ブロックの追加「+」をクリック→
「レイアウト要素」→
「スペーサー」をクリック

 *作成後も、スペーサーの青い点をクリックしながら動かすことで大きさを変更できます

他、沢山の機能を紹介

メディアと文章:文章と写真を横並びに設定できます
ページ区切り:文章や画像が多すぎて読みにくくなるのを防ぐため、数ページに分けられます
カスタムHTML: Googleマップのから得たコードを貼り付けると地図が表示されます
カバー:画像の上に文字を装飾できます
カラム:ブロック内を分割できます
ボタン:クリックボタンの作成が簡単にできます
埋め込み:SNSの投稿を掲載できます Twitter Facebook Instagram
続きを読む:記事の冒頭のみが表示され、続きは「続きよむ」に文章を折りたたむ事ができます
区切り:区切り線を入れられます。色や形状も選択できます。

いらなくなったブロックは削除する

ブロックを選択→
右メニュー上のタブの一番右をクリック→
削除、移動、複写などが選べます


ワードプレス新エディターGutenberg

WordPress のブロックエディター「Gutenberg」は直感的に文章や画像を構成していける編集機能を持っています。主に固定ページ投稿ページで使用します。

ですが、元々に使われていたWPの旧エディターに慣れている人や、コードエディターを積極的に使用している人は、新旧エディターどちらも使いたいところです。

大丈夫です、プラグインを入れ流ことで「新・旧エディター」から選択して使えます。

◉次回 ワードプレス新旧エディターどちらも使う方法 に続きます。

リンクをコピーしました

Mybestpro Members

小森ゆきこ
専門家

小森ゆきこ(クリエーター)

ココフラッペ

WEBサイト、DTP印刷物デザイン制作をはじめ、グループ研修や講習会、コンサルティングを企業で行う。個人や会社の特性や目的に合った丁寧分かりやすい指導サポート。ご依頼内容をレッスンと外注に振り分け可能

小森ゆきこプロは朝日新聞が厳正なる審査をした登録専門家です

関連するコラム

プロのおすすめするコラム

コラムテーマ

コラム一覧に戻る

プロのインタビューを読む

WEBサイトやDTPデザインの困り事を解決・相談できる専門家

  1. マイベストプロ TOP
  2. マイベストプロ東京
  3. 東京のスクール・習い事
  4. 東京のパソコン教室・スクール・講座
  5. 小森ゆきこ
  6. コラム一覧
  7. WordPress 投稿記事 固定ページの装飾カスタマイズ方法!初心者ワードプレスの疑問

小森ゆきこプロへの仕事の相談・依頼

仕事の相談・依頼