記事内に広告が含まれています。

【WordPress 5.0更新】 新しいブロックエディタの基本的な使い方

Wordpress
記事内に広告が含まれています。

WordPress バージョン5.0のリリースで、
Gutenberg と呼ばれていた新エディタになりました!!

まず感想から。

使いずらい!!

半分翻訳されていない!!

……

………

あ、あれ…、

意外と便利な機能がいっぱい。

慣れてきたら今までのエディタよりも、とても楽!!

ということで、基本的な部分だけ画像入りで紹介します。

スポンサーリンク

ブロックエディタの基本操作

とりあえず、新エディタでさっくり記事投稿するため、テキストや見出し、画像をメインに、簡単な投稿ができる機能にしぼって説明します。

この新しいエディタ、更新前で「Gutenberg 」と呼ばれていたのですが、面倒なので「ブロックエディタ」と勝手に呼ばせていただきます。

「WordPress 5.0–ja」でアップデートしたと思うのですが、翻訳がまだ未完成で使い難いですよね。

ガイドが最初に出るのですが、これもまだ翻訳されていませんね。

まずは、英語のままの画像で、基本的なボタンの説明をします。

ブロックの追加ボタン

ブロックを追加することで、便利な機能を使用することが出来ます。

最初にガイドが指し示していたボタンです。

テキスト、見出し、画像、リスト、埋め込み、ウィジェット、ボタン、テーブルなど。今まで上部にあったツールがすべてここに集められています。

左上にありますが、各ブロック(テキストなどを入力する)の左や上にも表示されます。

しかも、以前であれば、プラグインを使用して追加していた機能なども含まれているので、プラグインの量も減らせます。そして、機能追加に費やしていた時間も減らせるので、すぐに記事投稿に専念することが可能になったんです。

投稿(公開)ボタン

いままでの「公開」ボタンです。

記事作成途中に、間違って押さないように注意しましょう。

プレビューボタン

どんな感じに出来上がってるか確認できる「プレビュー」ボタン

下書き保存ボタン

記事が途中なら「下書き保存」ボタンで保存しましょう。

設定ボタン

サイドの設定や、ブロックの設定ができます。

詳しい説明は、各箇所にて。

タイトルの入力

「タイトルを追加」の枠の中に入力すると記事タイトルが完成します。

今回は、「タイトルを入力しました。」というタイトルにしました。

パーマリンクの入力

タイトルを入力すると、今までのようにパーマリンクも勝手に設定されます。

変更したい場合は、「Edit」をクリックして入力しなおすことが可能。

右サイドの「Permalink」をクリックして、「URL」から変更することも可能。

リンクをクリックすると、プレビュー画面が確認できます。

テキストの入力

赤枠部分に文字を入力すると、通常のテキストとして表示されます。

今回は、「文章を入力しました。」と入力。

テキストを入力すると、右サイドで文字の大きさや、背景色と文字色を変更できます。

ただし、ブロックごとにサイズや色が変わるため、今までのように選択した文字だけ変更することができません。
 
新エディタで、指定した一部の文字だけ色を変更する方法は、下の記事を参考にしてください。
【Gutenberg】新エディタで特定の文字や文字列の一部のみ色を変える方法【WordPress5.0】
WordPress5.0アプップデートで新エディタになってから、便利になった一方、「不便だな~」と思うものも多数あります。 その中でトップにあがるのは、”文字列の一部だけに文字装飾できないこと”ではないでしょうか。 ビジュアルエディターから...
 
Cocoonテーマを使用している方は、専用プラグイン「Cocoon Blocks」で解決可能です。↓の記事で追加方法などを解説しています。
【Cocoon】新エディタ対応!プラグイン「Cocoon Blocks」追加で快適に!【WordPress】
無料テーマ『Cocoon』では、WordPressアップデートに伴う新エディタ対応のプラグイン 「Cocoon Blocks」 を追加することで、旧エディタで使用できていた便利な機能が、新エディタでも簡単に使えるようになっています。 今回は...
スポンサーリンク

見出しの入力

見出しは、新しいブロックで「T」を押すか、

テキストを入力した後は、下のような赤枠部分をクリックし、

「T Heading」をクリック。

すると、H2やH3など見出しが選べるようになります。

下のように文字の大きさがH2の見出しになりました。

「見出し」ブロックでは、右サイドで見出しや位置の調整を変更できます。

ビジュアルからテキストエディタに変更

下のような赤枠部分をクリックし、「Edit as HTML」を選択するとテキストエディタで入力ができる。

ブロックごとにテキストエディタかビジュアルエディタを選択できる。

画像のアップロード

画像は新しいブロックの「画像マーク」を選択することで、下の画像の様に表示される。

新しく画像をアップロードする場合は、そのままドラッグ&ドロップで画像を放り込むか、「Upload」を選択して画像ファイルを選んで、アップすることも可能。

画像をこの場でアップロードすると、その画像を勝手に表示してくれる。 複数アップした場合は、そのうちの一枚だけがブロックに表示される。

アップロード小技
画像ブロックにしていなくても、デスクトップにある画像をポンポン放り込むと(ドラッグ&ドロップ)アップロードして、画像ブロックを新たに追加して表示してくれる。

既にアップロードしている画像の場合、「Media Library」から画像をブロックに表示できる。

「Insert from URL」からはリンクを設定可能。

画像追加後に、キャプションを入力できたり、左右上下の●を動かすことで、画像サイズを変更可能。

上部ツールで画像位置も変更可能。

画像関連は、感覚的に動かせるため、旧エディタより使いやすいと思いました。

ブロックごとに動かせる

ブロックごとに様々なことができます。

赤枠部分を動かすと、順番を簡単に変えられる。

旧エディタを使う

ブロック「クラシック」

以前のクラシックエディタも使えます。

ブロックの「フォーマット」から、「クラシック」を選ぶだけ。

↓ように見慣れたツールバーが出現します。
ブロックがクラシックエディタになるため、作業幅がちょっと狭いですが…。

プラグイン「Classic Editor」

完全に以前のエディタにすることも可能です。
プラグイン「Classic Editor」をインストール、有効化することで、完全に以前のエディタになります。

※ただし、「 Classic Editor 」プラグインは、2021年までしかサポートされないため、時間の取れるときに新エディタに慣れましょう。

アプデ関連追加記事

【WordPress5.0】新エディタでの改行の仕方【ブロックエディタ】
WordPressが新しいエディタ『 Gutenberg 』に更新されまだ間もないですが、なかなか慣れませんね。 今回は、新エディタでの改行の仕方をご紹介します。 新エディタで改行する方法 今までだと、ビジュアルエディタでEnterキーを押...
【WordPress 5.0】 新エディタでのSNS連携・自動投稿の表示位置【jetpack】
今週はWordPress 5.0アップデートのおかげで、やり難さを感じていますが、みなさんいかがお過ごしでしょうか。 新エディタ『グーテンベルク』では、プラグインいらずの多くの機能が搭載され喜ばしい一方、使いやすいようにと今まで設定してきた...
【Gutenberg】新エディタで特定の文字や文字列の一部のみ色を変える方法【WordPress5.0】
WordPress5.0アプップデートで新エディタになってから、便利になった一方、「不便だな~」と思うものも多数あります。 その中でトップにあがるのは、”文字列の一部だけに文字装飾できないこと”ではないでしょうか。 ビジュアルエディターから...
【Cocoon】新エディタ対応!プラグイン「Cocoon Blocks」追加で快適に!【WordPress】
無料テーマ『Cocoon』では、WordPressアップデートに伴う新エディタ対応のプラグイン 「Cocoon Blocks」 を追加することで、旧エディタで使用できていた便利な機能が、新エディタでも簡単に使えるようになっています。 今回は...

まとめ

慣れてくると、機能が増えて便利になった実感が湧くと思うのですが、それまでが少し大変ですね。

アップデート後数時間で、ほとんど翻訳がされた状態になっていますので、少し使いやすくなりました。

以前のエディタもブロックにあるので、急いで投稿したい時は、こちらを使うといいですね。

ちょこちょこ追記いたします。

ゲームのラグ解消!おすすめネット回線
オンラインゲームに最適な回線【NURO光】
ポイント
  • 最大2Gbpsの超高速回線
  • 独自配線網利用で安定性が高い
最大速度 最大2Gbps
月額料金 5,200円
キャッシュバック 45,000円
基本工事費 実質無料
セット割 でんき・ガス・ソフトバンク携帯
他社解約金還元 最大20,000円

最大2Gbpsの高速回線と、独自整備のネットワーク網で混雑が少なく安定してゲームを楽しめる回線です。キャッシュバックやセットサービスなども豊富。PlayStation5のレンタルやソニー製Wi-Fiルーターに対応しているのも魅力的です。

独自ネットワークで混雑しにくい【auひかり】
ポイント
  • KDDI独自回線でピーク時も安定
  • au・UQモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:6,160円
(マンション:4,180円)
キャッシュバック 最大70,000円
基本工事費 月額料金に含まれる(割引含む)
セット割 au・UQモバイル
他社解約金還元 最大30,000円

KDDI独自の回線網で夜間のピーク時でも高速&安定!最大1Gbpsの回線の中でも1番速度がでやすいと評判です。

全国どこでも利用可能でフレッツ光よりも安い!【SoftBank 光】
ポイント
  • NTT回線だから全国の広いエリアで利用可能
  • ソフトバンク・ワイモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:5,720円
(マンション:4,180円)
キャッシュバック 25,000円
基本工事費 最大26,400円(のりかえ新規)
セット割 ソフトバンク・ワイモバイル
他社解約金還元 満額還元

エリアの限られている【NURO光】や【auひかり】が利用できない方におすすめなのが【SoftBank 光】。NTT光回線使用でほぼ全国どこでも利用可能。しかも、IPoE(IPv6)接続だからNTT回線の混雑を受けずに高速・安定して利用できます。

Wordpress
スポンサーリンク
トロネコのトロコン部屋

コメント

  1. 古田秀男 より:

    今日は、プログを見させていただきました。

    ワードプレスが新バージョンになってから戸惑っています。

    文字の大きさの変更が使いにくいのと、文字の色の使用が使いにくいことです。

    あんまり好きな色が無いので、色の設定から固定できる方法がありましたらお願いします。
    少し慣れてはいますが、前のように文字の装飾は使わなくなっています。

    好きな色をワンクリックの方が使いやすいです。

タイトルとURLをコピーしました