WordPressでページを編集する方法–WordPressエディターをマスターする

WordPressでページを編集するために、それほど技術的である必要はありません–テキストエディタの経験があれば、それは十分に簡単であることがわかります。 投稿とページの両方にWordPressエディターを使用します。

参照：ページ名を編集する方法>

ここで使用した例はWordPress.orgシステムにありますが、WordPress.comは、ページの変更方法が非常に似ています。 投稿は2人に役立ちます。

アップデート。 この投稿は、2018年以降に使用されているGlutenberg WordPressエディターとして知られるWordPressブロックではなく、WordPressクラシックエディターに言及しています。ただし、この投稿は一部のユーザーにとっては引き続き役立ちます。

あなたが学ぶことを見てみましょう。

この投稿の終わりまでに、WordPressでページをフォーマットおよび編集する方法を次の方法で理解する必要があります。

• 管理領域での編集と保存、
• フロントエンドでの変更の表示、
• WordPressエディターでフォーマットツールを使用します。

投稿やページを更新する前に、WordPressデータベースをバックアップしてください。 無料で利用できるバックアップおよび移行プラグインであるDBMigrateを使用しています。

WordPressでページを編集するために必要なもの

• Web開発者からのWordPressユーザー名とパスワード。
• 管理領域のURL（Webアドレスまたはリンクとも呼ばれます）。

これらを入手したら、ブラウザに入力するか、リンクをクリックして、URLに移動します。

ユーザー名とパスワードを入力し、 [ログイン]をクリックします。 WordPressダッシュボードに到着します。

新しいタブでWordPressのウェブサイトを見る

私が最初にすることは、新しいブラウザタブでウェブサイトの公開部分を開くことです。 次に、管理領域（バックエンド）を一方のタブに表示し、パブリックスペース（フロントエンド）をもう一方のタブに表示します。 そうすれば、2つを切り替えることができます。

WordPressWebサイトのフロントエンドを新しいタブで開く最も簡単な方法は次のとおりです。

• 管理エリアで、画面の左上にある家のアイコンにカーソルを合わせます。
• ドロップダウンメニューから、[サイトにアクセス]を右クリックします。
• 「新しいタブでリンクを開く」をクリックします。 以下に赤で下線を引いています。

注意。 使用しているブラウザによって、単語が異なる場合があります。

2つのブラウザタブが開いています。つまり、2つを切り替えることができます。

管理エリアを使用して、1つのタブでWordPressページの編集を続けます。

一方、Webサイトのフロントエンドを表示して、行った各変更を確認します。

編集して保存すると、サイトのフロントエンドにタブで移動できます。 F5キーを押してページを更新します。これにより、ブラウザに更新されたバージョンを表示するように求められます。

WordPressでページコンテンツを編集する

これで作業領域が設定されたので、管理領域から始めましょう。 ここにWordPressエディターがあります。

左側のメニューの[ページ]をクリックします。 サイト内のページが一覧表示されます。

ページの名前にカーソルを合わせると、さらにオプションが表示されます。

EDITを使用すると、完全な編集画面が表示されます。

クイック編集では、この画面からタイトル、スラッグ、日付、プライバシー、親、注文、テンプレート、ステータスを変更できます。

BINはページをゴミ箱に送ります。 このページはWebサイトに表示されなくなります。

VIEWを使用すると、この特定のページ（フロント（またはパブリック）エンド）を表示できます。

ページを編集するには、最初のオプションである[編集]をクリックします。 または、ページ名をクリックします。

WordPressの「ページ編集」画面が表示されます。

WordPressチュートリアルでページを編集する

まず、WordPress内のテーマとプラグインに注意を向ける必要があります。「ページ編集」画面をカスタマイズすることもあります。

たとえば、DIVIはDIVIBuilderと呼ばれるインターフェースを使用します。 AvadaはFusionBuilderと呼ばれます。

どのバージョンを使用していますか？

最新のWordPressエディターはGutenbergブロックエディターです。 ページが下の画像のように見える場合は、ブロックを使用しています。ブロックエディタの私の投稿にアクセスしてください。

WordPressエディターが下の画像のように見える場合は、ClassicWordPressエディターを使用しています。

カスタムビルダーを使用していない場合は、開始できます。

WordPressエディターのボタンアイコンの説明

クラシックエディタでは、最初のボタンアイコンは、かつて「キッチンシンク」と呼ばれていたツールバートグルアイコンです。 上の画像では、反転しているためアクティブになっていることがわかります。

ツールバーの切り替えアイコンは次のようになります。

このボタンアイコンは、追加のフォーマットオプションを表示または非表示にします。 有効にしておいてください。

WordPressでテキストをフォーマットする

ほとんどのWordPressエディターと同様に、テキストを強調表示してフォーマットすることができます。

メイン編集バーの左から右へは次のとおりです。

B –テキストを太字または太字にします。
I –強調表示されたテキストを斜体にします。
ABC –これにより、テキストを取り消し線で消すように取り消し線が追加されます。 販売品に重宝します。

ウェブトークの順不同リストのボタンアイコンですが、WordPressではこれを箇条書きと呼んでいます。 これを使用してリストを作成します。 例えば：

• これが最初のポイントです。
• これが2番目の注文ポイントです。

各行の終わりで、新しい箇条書きが必要になるたびに[戻る]（または[入力]）をクリックします。

簡単なヒント： Shiftキーを押しながらEnterキーを押すと改行が作成されます。これは、新しい箇条書きを作成せずに1行をドロップダウンできるため、箇条書きリストで役立ちます。

• これが私の最初のポイントのタイトルです。
  SHIFT-ENTERを押して、これについて少し説明します。
• 今、私は私の第二のポイントを持っています。
  これについて少し。

リストを中止するには、最後の行の後にreturnキーを2回押します。 または、アイコンをもう一度押します。 WordPressは通常の段落に戻ります。

Webサイトのデザイナーまたはテーマが、CSSを使用してリストのスタイルを設定している可能性があります。 WordPressの編集画面で常にスタイルを変更できるとは限りません。

このアイコンは、インターネット言語で順序付きリストと呼ばれる番号リストです。 リストに番号が付けられることを除いて、上記の箇条書きリストと同じように使用します。

ブロック引用符はテキスト行をインデントします。 繰り返しになりますが、テーマまたはWeb開発者がこれらのスタイルを設定している可能性があるため、スタイルを設定できない場合があります。

次は水平線です。 水平線を使用して、テキストのチャンクに区切りを作成します。 テーマはスタイルを制御します。 上記のスタイルはデフォルトのスタイルです–1ピクセルの灰色の線。

WordPressで段落を揃える

段落と見出しのレイアウトはスタイルシート内で設定されることが多く、これらの配置ボタンの動作が少し不規則になります。

私はスタイルシートに段落を管理させる傾向がありますが、画像を追加する場合は、WordPressエディター内で画像を配置します。

テキスト行をクリックしてから、配置ツールをクリックします。配置は段落全体に適用されます。

多くの場合、次の段落は上記の段落の配置に従います。 通常、これは「段落」タグの代わりに改行が使用されている場合に発生します。 簡単な修正があります。

• 最初の段落の終わりにカーソルを置きます。
• 次に、DELETE（バックスペース）を押して、2番目の段落を引き上げます。
• Enterキーを押して、1つの段落を終了し、新しい段落を開始します。
• 2つは別々に整列できます。

WordPressでのリンクの作成と編集

リンクアイコン–テキストと画像の両方で、ページ、投稿、または外部Webサイトにリンクできます。

WordPressでテキストをリンクするには、必ず最初にテキストを強調表示してください。

簡単なヒント： 1つの単語をダブルクリックして、単語全体を強調表示します。 Shiftキーを押しながら、2番目の単語をクリックして、それも強調表示します。

次に、リンクアイコンをクリックします。

サイトのページ/投稿にリンクしている場合は、タイトルの入力を開始します。
注意。 スラッグではなく、ページのタイトルを入力します。

WordPressのページタイトルを編集する

リストでページを見つけたら、フィールドの最後にある青い「戻る」矢印を押して適用します。

リンクをさらにカスタマイズするには、[適用]をクリックする前に、フィールドの最後にある歯車アイコンをクリックします。

歯車アイコンは、リンクオプションを含むボックスを開きます–リンクするページを選択します。

推奨されませんが、リンクによって新しいウィンドウ（またはタブ）を開くことができます。 リンクオプション画面で「新しいタブでリンクを開く」にチェックを入れてください。 Googleは、別のウィンドウを開くリンクにペナルティを科します。ユーザーはその決定を下せる必要があります。

簡単なヒント：最新バージョンのWordPressでは、テキストをリンクするときにリンクアイコンを押す必要さえありません。 リンクをクリップボードにコピーし、テキストを強調表示して、control-vを押してリンクを貼り付けます。

WordPressで画像をリンクするのも同様のプロセスです。

画像を選択し、リンクアイコンをクリックします。 上記の手順に従ってください。

WordPressでリンクを編集する方法

リンクを編集するには、同様の手順に従います。

テキストを強調表示するか、画像を選択します。 同じアイコンを使用して、リンクを新しいアイコンに変更します。 または、表示される鉛筆アイコンをクリックします。

WordPressでリンクを削除する方法

このアイコンが完了すると、リンクが削除されます。 テキストリンクの任意の場所をクリックするか、画像を選択して、このボタンを押してください。

続きを読むアイコンは私が決して使用しないものです。 WordPressを使用すると、テキストをREAD MOREタグ内に配置し、ユーザーがクリックして詳細を読むまでページ上で非表示にすることができます。 テキストは引き続き検索エンジンがクロールできるようになりますが、Googleは非表示のコンテンツを評価しません。

WordPressの段落と見出し

ツールバー内に、ドロップダウンメニューが表示されます。

行をフォーマットするには、行または段落のテキストをクリックし、ドロップダウンメニューを使用して段落、見出し1、または見出し2を選択します。

テーマは見出しと段落のスタイルを設定し、ウェブサイトのデザインの一貫性を保ちます。

見出しに正しいタグを使用すると、デザインはWebサイトを通じて続行されます。

SEOライティングとは何ですか？

WordPressのその他のフォーマットツール

このアイコンを使用して、WordPressコンテンツのテキストに下線を付け、目立たせたり、ステートメントを作成したりします。

テキストを強調表示して、下線アイコンをクリックするだけです。

テキスト配置ツールであり、両端揃えの段落を作成します。 文字と単語の間隔は、テキストが右マージンと左マージンと同じ高さになるように調整されます。 完全揃えまたは完全揃えとも呼ばれ、列内のテキストに最適です。

WordPress Webデザイナーとして、このアイコンの使用には注意することをお勧めします。 ボタンはテキストの色を変更します。 クライアントが注目を集めることを意図して明るくカラフルな文章を作成するのを見てきました。 見栄えがよくありません。 テキストを均一に保ちます。

WordPressに「テキストとして貼り付け」アイコンがあるのはなぜですか？ WebサイトまたはWord文書からコピーされたテキストにも、この形式が含まれています。 それをWordPressページに貼り付け、フォーマットを貼り付けます。 コードが役に立たない位置にあるため、ページはひどく見えてしまいます。

したがって、次にコピーして貼り付けるときは、コピーします。 次に、カーソルを所定の位置に置き、[テキストとして貼り付け]ツールをクリックして、書式設定なしでテキストを追加します。 次に、WordPress内でフォーマットします。

ページのいたるところにテキストがある場合は、フォーマットされていることがよくあります。 何をしているかがわかっていてバックアップがある場合は、「フォーマットのクリア」ツールを使用してすべてのフォーマットを削除し、テキストを取り除いて自分でフォーマットできるようにします。

次のアイコンであるギリシャ文字のオメガは、下の文字コード表を開き、鋭角、重度、回旋枝などの特殊文字を追加できるようにします。 多言語ページを作成する場合に便利です。

これらはインデントアイコンです。 それらを使用すると、段落または見出しのインデントを増減できます。

そして最後に、元に戻す/やり直しのアイコン。 左の写真は元に戻すためのもので、とても便利です。 この画像では、元にできる移動があるため、濃い灰色になっています。 やり直しボタンが無効になっています–現時点で「やり直す」ことができるものはありません。 やり直すには、最初に何かを元に戻す必要があります。

WordPressページを保存する

WordPressページまたは投稿に大幅な変更を加えたら、[更新]ボタンをクリックしてページを保存します。 これにより、公開ページが更新されます。 フロントエンドで変更を表示するときは常にページを更新して、作業を確認してください。

WordPressの自動保存とリビジョン

WordPressは頻繁にページの下書きを自動保存します。

ページのリビジョンは、リビジョンリンクを使用して呼び出すことができます。 POST設定内にあります。 投稿設定が閉じている場合は、歯車を押して右上に開きます。 次に、上部にある[ページ]タブ（または編集内容によっては[投稿]タブ）を押します。

• [リビジョン]リンクをクリックして、ドキュメントの存続期間中に保存されたドラフトとリビジョンを表示します。
• [リビジョンの比較]画面が表示されます。
• この画面の上部には、ページの存続期間を表すタイムラインバーがあります。 スライダーを左に動かすほど、ページのリビジョンは古くなります。
• WordPressは、行われた変更を強調表示し、最新の投稿をタイムラインで選択した投稿と比較します。
• 最新バージョンを取得するには、スライダーを右端まで移動します。

WordPressでパーマリンクを編集する

パーマリンク（スラッグとも呼ばれます）は、WordPressでWebページのURLを作成します。 パーマリンクを編集すると、ページへのリンクが壊れることがありますので、注意して編集してください。

パーマリンクを変更および編集する場合は、リダイレクトなどのリダイレクトプラグインを使用することをお勧めします。

簡単なヒント：エラーが発生してパーマリンクを変更したが、元のURLを思い出せない場合は、Google検索を使用してページを検索してください。 検索に会社名を追加すると、おそらく元のURLがリストされていることがわかります。 パーマリンクを元の名前に戻します。

最後の言葉

投稿を楽しんでいただけたでしょうか。 何を扱っているのか理解していないと、WordPressはイライラすることがあります。 これらの手順は、私のブログの残りのWordPressチュートリアルと一緒に役立つと確信しています。