ブロックの詳細設定(WordPress5.5)

カテゴリー:WordPress投稿&固定ページ作成マニュアル

ブロックの詳細設定(WordPress5.5)

WordPressのブロックエディターではブロックをいろいろと活用できるツールがあります。それがブロックの「詳細設定」あります。このページではブロックの詳細設定について解説します。

ブロックの「詳細設定」はどこにある?

ブロックの「詳細設定」はどこにある?

上の画像は段落ブロックでの例ですが、どのブロックにおいても同じ位置に、ブロック上部に表示されるメニューアイコンの一番右に「詳細設定」のメニューアイコンがあります。

それではこの「詳細設定」のメニューアイコンをクリックしてみましょう。

ブロックの詳細設定

上の画像のように詳細設定メニューが表示されます。段落ブロックでは以下の詳細設定メニューが表示されますがブロックの種類によっては表示されないメニューもあります。

  • ブロック設定を非表示(Ctrl+Shift+,)
  • コピー
  • 複製(Ctrl+Shift+D)
  • 前に挿入(Ctrl+Shift+T)
  • 後に挿入(Ctrl+Shift+Y)
  • 移動
  • HTMLとして編集
  • 再利用ブロックに追加
  • グループ化
  • ブロックを削除(Ctrl+Shift+Z)

それではそれぞれの詳細設定メニューについて詳しく見てみましょう。

ブロック設定を非表示

ブロック設定を非表示にする

上の画像は段落ブロックの例ですが、選択中のブロックの「ブロック設定」メニューがページの右側に表示されます。このメニューでブロックの種類に応じた様々な設定が出来るのですが、文章を入力したりしている場合、画面サイズの小さなパソコンを使っている時などは邪魔に感じます。

そこで「詳細設定」の「ブロック設定を非表示」をクリックします。すると右側に表示されていた「ブロック設定」メニューが表示されなくなります。

ブロック設定を表示する

ブロック設定が表示されていない状態では「詳細設定」メニューは今度は「ブロック設定を表示」というメニューに変わります。そこで「ブロック設定を表示」をクリックすると右側に「ブロック設定」メニューが表示されます。

なお、これらの操作はキーボードの Ctrl+Shift+, でも操作可能です。

コピー

コピー

ブロックの内容をコピーできます。コピーした内容を好きな場所にペーストできます。このメニューには表示されていませんが Ctrl+C でもコピーできました。

貼り付けるときは右クリックで「貼り付け」または Ctrl+V で貼り付けできます。

複製

「コピー」と似ていますが、複製はブロックの内容をすぐ下のブロックにコピーし貼り付けます。

複製

上の画像のように「複製」をクリックすると上のブロックと同じ内容のブロックが複製されます。なお「複製」の操作はキーボードの Ctrl+Shift+D でも可能です。

前に挿入

前に挿入

「前に挿入」をクリックすると選択しているブロックの前に空のブロックを作成します。

ブロックの前に空のブロックを作成

上の画像のようにブロックの前に空のブロックが挿入されます。なお、「前に挿入」の操作はキーボードの Ctrl+Shift+T でも可能です。

後に挿入

後に挿入

「後に挿入」をクリックすると選択しているブロックの後に空のブロックを作成します。

ブロックの後に空のブロックを作成

上の画像のようにブロックの後に空のブロックが挿入されます。なお、「後に挿入」の操作はキーボードの Ctrl+Shift+Y でも可能です。

移動

移動

「移動」をクリックするとページ左上部のアイコンが変わり、ブロックの上のアイコンメニューが消え、グレーのラインに変わるのですが後は未検証です。

「移動」をクリックすると

HTMLとして編集

HTMLとして編集

「HTMLとして編集」をクリックするとブロックをHTML編集できます。

HTMLとして編集

上の画像のようにHTML編集が可能な表示になります。ブロック上部のメニューアイコンは「詳細設定」のみになります。

ビジュアル編集に戻る

HTML編集を終了し通常のブロックエディターに戻るには「詳細設定」メニューの「ビジュアル編集」をクリックすると元に戻ります。

HTML編集を間違えると…

HTML編集を間違えると...

「HTMLとして編集」でHJTMLの記述が文法上間違っていると上のようなエラー表示となります。これがちょっと曲者で、「このブロックには、想定されていないか無効なコンテンツが含まれています。」のページで解説していますのでご覧ください

グループ化

複数のブロックを選択し「グループ化」をクリックすると選択したブロックをグループとして設定できます。グループごとブロックを移動したり、複製、再利用ブロックに設定、グループ化することでCSSでのデザインをより個性的にすることが可能となります。

再利用ブロックに追加

「再利用ブロックに追加」をクリックすると名前を付けてブロックを保存できます。再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。

ブロックを削除

選択しているブロックを削除します。この操作はキーボードの Ctrl+Shift+Z でも可能です。

こちらもおススメ!!

メディアと文章ブロック(WordPress5.5)

画像ブロックで画像の配置を設定できますが、「メディアと文章」ブロックではより豊富なレイアウトが可能になります。メディアと文章ブロックを追加上のスクリーンショットのように左上の「ブロックの追加」アイ... もっと見る

投稿と固定ページ

WordPressで作成するページには「投稿」と「固定ページ」の2種類があります。この2種類のページにはそれぞれ特徴があります。投稿時系列に並ぶページでカテゴリーに分類・主にブログ記事の作成に活用... もっと見る

投稿の新規追加~ブロックエディターの基本(WordPress5.5)

WordPressの投稿、固定ページの作成画面はWordPress5のバージョンから「ブロックエディター」と呼ばれる画面になりました。長年WordPressに慣れ親しんできた方にはちょっと戸惑うほどの... もっと見る

ファイルブロック(WordPress5.5)

投稿や固定ページでPDFなどのダウンロードリンクを作成するケースはよくあると思います。単純にそのファイルへのリンクを作成しても良いですが「ダウンロード」が出来るようにリンクボタンを作成するとウェブサイ... もっと見る

ブロックのグループ化

WordPressのブロックエディターでは複数またはひとつのブロックをまとめてグループに設定することが出来ます。「グループ化」の機能です。WordPressでは投稿や固定ページを作成する際に、見出し... もっと見る

ギャラリーブロック(WordPress5.5)

一枚の画像を貼り付ける際には「画像ブロック」や「メディアと文章ブロック」を利用しますが、一か所に何枚かの画像を貼り付ける際には「ギャリーブロック」が便利です。ギャラリーブロックを追加上のスクリーン... もっと見る

引用ブロック(WordPress5.5)

ホームページやブログを運営していて他のサイトや文献から引用することもあるでしょう。「コピペはいかん!」とは言っても、ホームページを見ている人に分かりやすくするために引用文を載せたほうがいいこともありま... もっと見る

よりリッチなテキスト制御(WordPress5.5)

WordPressのブロックエディターでテキストを入力する多くのブロックに「よりリッチなテキスト制御」というメニューがあります。このページでは「よりリッチなテキスト制御」について詳しく解説します。「... もっと見る

画像ブロック(WordPress5.5)

ホームページで記事を書くときに内容を分かりやすく、ページを見ている人がイメージしやすくするために画像を貼り付けることは欠かせません。画像ブロックを追加上のスクリーンショットのように左上の「ブロック... もっと見る

投稿・固定ページ左上のアイコン(WordPress5.5)

投稿・固定ページの新規追加、編集画面の左上に7つのアイコンがあります。これらのアイコンについて詳しく解説します。投稿一覧を表示「投稿一覧を表示」をクリックすると投稿一覧ページを表示します。ブロッ... もっと見る

こんな記事が良く読まれています

Amazonプライムの自動更新設定を解除いたしましたというメール

お知らせ&コラム

Amazonプライムというサービスをご存じの方も多いでしょう。Amazonをちょくちょく利用する方ならプライム会員になっている方も多いことと思います。みんなに嬉しい、Amazonプライムプライム会... もっと見る

ポータルサイトを作成するためのテーマ「EVERY」

ポータルサイトを作成するためのテーマ「EVERY」

WordPressテーマ

スマホの普及により多くの方が常にインターネットにアクセスし様々な情報やコンテンツにアクセスするようになってきました。この流れは今後もますます加速すると思われますが、これらのユーザーに満足してもらえる情... もっと見る

WordPressを簡単にインストールできるレンタルサーバー【1】

レンタルサーバーガイド

WordPressでWebサイトを制作する方が増えてきましたね。以前はWordPressをインストるする場合、サーバーにデータベースを作成し、インストールに必要な情報を入力したうえでWordPress... もっと見る

メディアと文章ブロック(WordPress5.5)

WordPress投稿&固定ページ作成マニュアル

画像ブロックで画像の配置を設定できますが、「メディアと文章」ブロックではより豊富なレイアウトが可能になります。メディアと文章ブロックを追加上のスクリーンショットのように左上の「ブロックの追加」アイ... もっと見る

引用ブロック(WordPress5.5)

WordPress投稿&固定ページ作成マニュアル

ホームページやブログを運営していて他のサイトや文献から引用することもあるでしょう。「コピペはいかん!」とは言っても、ホームページを見ている人に分かりやすくするために引用文を載せたほうがいいこともありま... もっと見る

アイキャッチ画像を自動設定してくれる「XO Featured Image Tools」

WordPressプラグインガイド

設定画面が日本語の自動アイキャッチ設定プラグイン投稿や固定ページで記事の内容を分かりやすく表すためのアイキャッチ画像を自動的に設定してくれるプラグインとして「EasyAddThumbnail」を... もっと見る

見出しブロック(WordPress5.5)

WordPress投稿&固定ページ作成マニュアル

「見出し」はページの文章をわかりやすくするために段落などの前に配置します。書かれている文章を的確に表す「見出し」をつけることはサイトを閲覧しているユーザーのためにもSEOの観点からもとても重要です。「... もっと見る

画像の拡大表示をカッコよく「Fancybox for WordPress」

WordPressプラグインガイド

「FancyboxforWordPress」はWordpressに貼り付けた画像、写真を拡大させるときにカッコよく表示させるためのプラグインです。どんな風に画像を拡大するのか?例えば以下のよう... もっと見る

wp_list_categories( パラメータ )

WordPressテンプレートタグ

WordPressテンプレートタグ

カテゴリーのリストをリンク付で表示させます。リンクをクリックするとそのカテゴリーに属する投稿を表示させることが出来ます。サイドバーで使うことが多いです。その他トップページや固定ページのテンプレートでも... もっと見る

このブロックには、想定されていないか無効なコンテンツが含まれています。

WordPress(ワードプレス)

WordPressのブロックエディターでは時々「このブロックには、想定されていないか無効なコンテンツが含まれています。」という表示が出ることがあります。これは初めて見るとびっくりしてしまいますが、落... もっと見る