【新エディターを使う】ブロックご紹介~基本編~

こんにちは!グロウニッチスタッフの永田です。
WordPress新エディターの「ブロック」をピックアップしてご紹介していきます。

ブロックを使いこなして、素敵なレイアウトのブログを簡単に更新、集客アップを目指しましょう!

本日ご紹介するのは、ブログ執筆の基本となる3つのブロックです。

  • 「見出し」ブロック
  • 「段落」ブロック
  • 「画像」ブロック

この3つが使えれば、新エディターは怖くない!

「見出し」ブロック

ボタンをクリックして、ブロックを選択します。

見出しは、文章を区切るサブタイトルのような存在です。
見出しブロックを適度な場所に入れることで、記事が読みやすくなる効果があります。

見出しの種類、太字、イタリック、リンク、取り消し線などが設定できます。
ページ上の見え方は、サイトのカラー設定などによっても異なります。

「段落」ブロック

ボタンをクリックしてブロックを選択します。

Image from Gyazo

段落とは、通常の文字入力のブロックです。

ブロックごとに左寄せ、中央寄せ、右寄せ、太字、イタリック、リンク、取り消し線などが設定できます。

Image from Gyazo

エンターキーを押すと段落が分けられ、新しい段落ブロックが作成されます。
同じブロック内で改行する場合は、Ctrlキーを押しながらエンターキーを押します。

Image from Gyazo

ブロックを分ける利点は、ブロックごとに文字装飾ができたり、ブロックごとに移動が簡単にできるという点がありますが、
特に文字装飾などに違いがない場合は、サイト上では通常の改行と同様に表示されます。

文字を選択し、 をクリックすると装飾ができます。
※WordPressの構築によっては、あまり種類がない場合もあります。

「画像ブロック」

ボタンをクリックしてブロックを選択します。

画像のアップローダーが開きます。PC(またはスマホ)内のギャラリーから追加する場合は「アップロード」を、すでにWordpressにアップされている画像から選ぶ場合は「メディアライブラリ」をクリックします。

左寄せ、中央寄せ、右寄せ、キャプション入れが編集画面上にてできます。

画像を縮小&左寄せにし、右側に「段落」ブロックを配置した場合は、下記のように文字が回り込むレイアウトも簡単に作成することができます。

メディアサイトのような記事作成が、HTMLなどの難しい知識がなくても感覚的に作成できるのが、新エディターの楽しいところです。

おまけ

ブロックを追加していくと、「これいらないな」というとき、ブロック内の文字を削除するだけでは、ブロック自体は消えません。

違う内容を入力してブロックの再利用もできますが、一度ブロック自体をすっきり消したい、という場合は・・・

該当のブロック右上に表示される3点メニューをクリック、「ブロックを削除」で削除できます。

永田でした!

この記事を書いた人
nagata

株式会社グロウニッチの永田です。

関連記事

こんにちは!グロウニッチスタッフの永田です。グロウニッチのPRサイトビズ、SingleページビズはWordpress(ワードプレス)というブログソフトウェアを使用して制作されています。2018年12月Wordpressの最新版がリリースされ……

WordPressプラグイン「Contact Form7」での、日付に範囲の制限をかける方法です。 「日付選択フォーム」は何も設定しないと過去の日付でも入力できてしまいます。 例)当日以降のみ入力可、前日は選択が……

今回はECプラットフォーム「Shopify(ショッピファイ)」のブログ機能の使い方について紹介します。 Shopifyには標準で「ブログ機能」が備わっています。ECサイトにおいてもブログ機能はSEO対策にもつながる大事な機能です。継続……

こんにちは!グロウニッチスタッフの永田です。今日からWordpressの新エディター「Gutenberg」(グーテンベルク)を使ってブログを効率的に投稿する方法を書いていきます。 「ブロックを組み合わせる」とは 新エディターの最……

AI ChatGPT Chrome Firefox flaticon GA4 Gmail Google Google Analytics Google Analytics 4 GoogleDocuments Google Gemini Google Hangouts Meet Google Meet GoogleWorkspace Google アナリティクス Googleカレンダー Googleスプレッドシート Googleドキュメント Googleフォーム Gsuite G Suite Hangouts Hangouts Meet LINE LINE公式アカウント Meet NotebookLM PCブラウザ QRコード Stripe WEB webサービス Webマーケティング Word Wordpress youtube ごあいさつ ご挨拶 アクセス解析 アンケート アンケートフォーム アンケート作成 オンラインマーケティング カラーコード カラーピッカー クレジットカード クレジットカード決済 グーグルワークスペース グーテンベルク コンソール サーバー ストライプ スペース セキュリティ テレワーク デザイン デジタルワークショップ ハングアウトMeet パスワード ビデオミーティング ビデオミーティングツール ビデオ会議 ビデオ会議ツール フォント ブラウザ ブログ ブロック マーケティング メール ユニバーサルアナリティクス ライン ライン公式アカウント リモートワーク レンタルサーバー ワードプレス 予約スケジュール 休業補償 会議ツール 便利機能 助成金 効率化 原稿 原稿作成 在ユニバーサル アナリティクス 在宅勤務 埋め込み 妊娠中 小技 投稿画面 拡張機能 新エディター 東京都 決済 無料 生成AI 管理画面 素材 著作権 集客

アーカイブ