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

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

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

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

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

WordPressの投稿やページに「投稿を編集」リンクを追加すると、コンテンツをすばやく簡単に変更できます。

WordPressダッシュボードで投稿や固定ページを検索する代わりに、ウェブサイトのフロントエンドにある「投稿を編集」リンクをクリックするだけで済みます。

これにより、投稿またはページの編集画面が直接開きます。

注意: 編集投稿リンクは、ログインしているユーザーで、適切なユーザーロールと権限を持つユーザーにのみ表示されます。

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

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

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

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

• 方法1：WPCodeを使用してWordPressに編集投稿リンクを追加する（推奨）
• 方法2：テーマファイルを直接編集して投稿編集リンクを追加する

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

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

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

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

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

詳細な手順については、ウェブから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のビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。