WordPressの投稿と固定ページに編集投稿リンクを追加する方法

ウェブサイトから直接 WordPress コンテンツを編集できると、コンテンツの編集がはるかに速くなります。投稿やページに簡単な編集リンクを追加することで、WordPress ダッシュボードを経由せずにこれらの変更をすばやく行うことができます。

この小さな調整は、ワークフローを劇的に改善できます。これは、WPBeginner で時間を節約するために使用しているテクニックであり、ライターはサイトのフロントエンドから記事を即座に微調整および更新できます。

この記事では、WordPressのページや投稿に編集投稿リンクを追加する方法をステップバイステップでご紹介します。

WordPressの投稿やページに編集投稿リンクを追加する理由

WordPressの投稿やページに「投稿を編集」リンクを追加すると、ダッシュボードを操作せずにコンテンツをすばやく簡単に変更できます。

通常、タイプミスを見つけたり、情報を更新したりする必要がある場合は、ダッシュボードに戻り、投稿メニューを見つけ、リストを検索してからエディターを開く必要があります。簡単な修正にはクリックが多すぎます。

フロントエンドに編集リンクがあれば、「編集」をクリックするだけで、そのページで投稿エディターがすぐに開きます。

WPBeginnerのウェブサイトでは次のようになります。

WordPressテーマの多くにはこの機能がありますが、開発者によって削除されている場合もあります。お使いのテーマにこの機能がない場合は、手動で追加する必要があります。

WordPressの投稿と固定ページに編集投稿リンクを追加する方法

WordPressに編集投稿リンクを追加するには、WordPressファイルにコードを追加する必要があります。

コードをサイトに追加するには、2つの異なる方法を紹介します。

最初の方法は非常に簡単で、コーディングの経験は必要ありません。ただし、すべてのテーマで機能するわけではなく、リンクが表示される正確な場所を制御することはできません。

2番目の方法はより技術的であり、コードをどこに配置するかを知るためにPHPに関する知識が必要になります。ただし、編集リンクが表示される場所を正確に制御できます。

それでは、WordPressの投稿やページに編集投稿リンクを追加する方法をご紹介します。

方法1：WPCodeを使用してWordPressに編集投稿リンクを追加する（推奨）

この方法では、テーマのfunctions.phpファイルを編集するか、コードスニペットプラグインを使用してコードスニペットを追加する必要があります。

より詳細な手順については、WebからWordPressにスニペットを貼り付ける方法に関するガイドをご覧ください。

このチュートリアルでは、functions.phpファイルを編集する代わりにWPCodeプラグインを使用します。

WPCode は無料で使用しやすく、何か問題が発生してもウェブサイトを壊さないため、常に WPCode の使用をお勧めします。

開始するには、無料のWPCodeプラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法に関するガイドで、手順をご確認ください。

プラグインがアクティブ化されると、「コードスニペット」という新しいメニュー項目がWordPressの管理バーに追加されます。それをクリックすると、サイトに保存されているすべてのカスタムコードスニペットのリストが表示されます。プラグインをインストールしたばかりなので、リストは空です。

コードスニペットを追加するには、「新規追加」ボタンをクリックしてください。

これでスニペット追加ページが表示されます。ここから、組み込みライブラリからコードスニペットを選択するか、独自のカスタムコードを追加できます。

この場合、「カスタムコードを追加（新規スニペット）」オプションに移動し、その下にある「+カスタムスニペットを追加」ボタンをクリックします。

次に、画面に表示されるオプションのリストからコードの種類として「PHPスニペット」を選択します。

次に、ページの上部にスニペットの名前を追加する必要があります（私たちはそれを「シングル投稿に編集リンクを追加」と呼びました）。

次に、以下のコードを「コードプレビュー」ボックスにコピー＆ペーストします。

add_action('loop_start', function () {
  if (!is_singular() || !is_main_query()) {
      return;
  }
  edit_post_link(__('{Edit}'));
}, 99);

このコードスニペットは、単一の投稿と固定ページの両方に編集リンクを追加します。

次に、挿入セクションまでスクロールダウンし、「挿入方法」が「自動挿入」に、「場所」が「すべてで実行」になっていることを確認してください。

その後、スイッチを「非アクティブ」から「アクティブ」に切り替え、「スニペットを保存」ボタンをページの上部でクリックするだけです。

これで、ブログ投稿を表示すると、上部に「編集」リンクが表示されるはずです。

私たちのサイトは以下のようになっています：

テストサイトではAstraテーマを使用しており、編集リンクはここに表示されます。WordPressテーマによって、サイトでの表示は異なる場合があります。

方法2：テーマファイルを直接編集して投稿編集リンクを追加する

個々のテーマファイルを直接編集するか、これらのテーマファイルをオーバーライドするために子テーマを作成できます。

子テーマを作成することをお勧めします。これにより、テーマを更新しても行った変更が失われることはありません。詳細については、WordPress子テーマの作成方法に関する初心者向けガイドをご覧ください。

テーマファイルを直接編集する場合でも、子テーマを作成する場合でも、次のコードをコピーして、テーマのsingle.php、post.php、index.php、またはその他のコンテンツテンプレートファイルに追加する必要があります。

<?php edit_post_link(__('{Edit}')); ?>

このコードは、WordPressの投稿や固定ページに投稿編集リンクを追加するだけです。「{編集}」のテキストは、リンクに表示したい任意のテキストに変更できます。

ほとんどのテーマでは、投稿メタデータの直後にある投稿ループ内にこのコードを追加したいでしょう。

たとえば、コードはテーマの投稿メタデータの末尾でこのようになります。

By <?php the_author_posts_link(); ?> on <?php the_time('F jS, Y'); ?>  in <?php the_category(', '); ?> <?php edit_post_link(__('{Edit}'), ''); ?>

また、編集投稿リンクを表示したいテーマの任意の部分にこのコードを追加することもできます。たとえば、投稿コンテンツの末尾に追加できます。

コードを追加してファイルを保存したら、WordPressホスティングアカウントのテーマディレクトリにアップロードする必要があります。

これを行うには、FTPクライアントを使用するか、WordPressホスティングコントロールパネルのファイルマネージャーオプションを使用します。

FTPを初めて使用する場合は、WordPressにファイルをアップロードするためにFTPを使用する方法に関するガイドを確認することをお勧めします。

これで、WordPressにログインしてフロントエンドで投稿または固定ページを表示しているときに、「編集」リンクをクリックするだけで、投稿編集画面に移動できます。

WordPressのページと投稿管理のための追加リソース

この記事で、WordPressの投稿やコメントにクイック編集ボタンを追加する方法を学べたことを願っています。

WordPressのページや投稿の管理についてさらに詳しく知りたい場合は、これらのガイドも参照してください。

• WordPressで投稿の順序を簡単に変更する方法（ステップバイステップ）
• WordPressで投稿シリーズを効率的に管理する方法
• WordPress向けの最も人気のある投稿プラグイン
• WordPressでテキストを編集する方法（簡単な方法）
• WordPressで最終更新投稿のリストを表示する方法

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。