初心者必見!WordPressエディタの全貌とその利便性を徹底解説

記事
IT・テクノロジー
[👦質問者]

WordPressのエディタを初めて使うユーザーが、最初に理解しておくべき重要な機能や概念は何ですか?


[😺阿修羅ワークス]

WordPressのエディタを初めて使うユーザーが最初に理解しておくべき重要な機能や概念として、「ブロックエディタ(Gutenberg)」の基本構造と操作が挙げられます。

以下に主要なポイントをまとめます。

ブロックの概念

ブロックエディタでは、テキスト、画像、ビデオ、ボタンなど、すべてのコンテンツは「ブロック」として扱われます。
各ブロックは個別に編集や移動が可能です。

ブロック追加

新しいブロックを追加するには、エディタ内の「+」アイコンをクリックします。
ここから様々なブロック種類を選択してコンテンツを追加することができます。

ブロックの編集

各ブロックは独自のツールバーと設定パネルを持っています。
ここからフォントの大きさ変更や色の設定、レイアウトの調整が可能です。

再利用可能なブロック

頻繁に使用する特定のブロックセットを「再利用可能なブロック」として保存することで、他のページや投稿でも簡単に再利用できます。

プレビューと公開

「プレビュー」ボタンを使って、実際に公開されるページがどのように見えるか確認できます。

そして満足のいく状態になったら「公開」ボタンをクリックして、ページや投稿を公開できます。

基本的なキーボードショートカット

よく使うショートカットを覚えておくと効率がアップします。

例えば、「Ctrl + B」で選択テキストを太字にするなどです。
まずはこれらの基本的な機能や概念を理解しておくことで、WordPressのエディタを使いこなす第一歩を踏み出せるはずです。

※Mac OSの場合
※Windowsの場合は「Command」は [ Control ] キー、[ Option ] は [ Alt ] キーとなります。

ショートカットキーの一覧を表示

[ Ctrl ] + [ Option ] + [ H ] キー

選択したブロックを複製する

[ Command ] + [ Shift ] + [ D ] キー

選択したブロックを削除する

[ Ctrl ] + [ Option ] + [ Z ] キー

選択したブロックの前に新しいブロックを挿入する

[ Command + [ Option ] + [ T ] キー

選択したブロックの後に新しいブロックを挿入する

[ Command + [ Option ] + [ Y ] キー

選択したテキストを太字(strongタグ)に変換する

[ Command ] + [ B ] キー

選択したテキストをリンクに変換する

[ Command ] + [ K ] キー

ブロックリストビューを開く

[ Ctrl ] + [ Option ] + [ O ] キー


[👦質問者]

初めてWordPressのブロックエディタ(Gutenberg)を使う際、最も苦労した点や戸惑った点は何でしたか?


[😺阿修羅ワークス]

最も苦労した点は、旧クラシックエディタからの移行による操作感の違いでした。

具体的には、ブロックエディタでは各要素が独立したブロックとして扱われるため、テキストや画像を一つのコンテナ内で一気に編集するという従来の方法が使えず、最初は慣れない感じでした。

また、複数のブロック同士のレイアウトの調整や、カスタムブロックの使い方が直感的でない部分もあり、思い通りのデザインを実現するまでに試行錯誤が必要でした。

しかし、慣れてくるとブロックエディタの柔軟性と拡張性が非常に便利だと感じるようになりました。

阿修羅ワークスの出品リスト

阿修羅ワークスのプロフィール


サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら