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

WordPress の投稿やページに投稿の編集リンクを追加しますか?

投稿編集リンクを使用すると、サイトのフロントエンドから投稿編集画面に簡単に移動して、すばやく変更を加えることができます。

この記事では、WordPress ページと投稿に投稿編集リンクを追加する方法を説明します。

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

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

WordPress ダッシュボードで投稿やページを検索する代わりに、Web サイトのフロントエンドにある投稿の編集リンクをクリックするだけで済みます。これにより、投稿またはページの編集画面が直接開きます。

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

多くの WordPress テーマにはこの機能がありますが、開発者によって削除される場合があります。

テーマにこの機能がない場合は、手動で追加する必要があります。

そうは言っても、WordPress の投稿とページに投稿編集リンクを追加する方法を説明しましょう。

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

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

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

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

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

とはいえ、これらの方法を見てみましょう。

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

この方法では、テーマのfunctions.phpファイルを編集するか、コードスニペットプラグインを使用してコードスニペットを追加する必要があります。詳しい手順については、Web から WordPress にスニペットを貼り付ける方法に関するガイドをご覧ください。

WPCode プラグインを使用します。これは無料で使いやすく、何か問題が発生しても Web サイトが破損することはありません。

始めるには、WPCode プラグインをインストールしてアクティブ化する必要があります。段階的な手順については、WordPress プラグインのインストール方法に関するガイドをご覧ください。

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

[新規追加] ボタンをクリックしてコード スニペットを追加します。

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

このチュートリアルでは、「カスタム コードの追加 (新しいスニペット)」オプションに移動し、その下にある「スニペットを使用」ボタンをクリックします。

次に、スニペットに名前を付けて (ここでは「単一の投稿に編集リンクを追加」という名前を付けました)、次のコードをコピーして「コード プレビュー」ボックスに貼り付ける必要があります。

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

画面右側のドロップダウン メニューからコード タイプとして「PHP スニペット」を選択することを忘れないでください。

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

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

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

方法 2: テーマ ファイルを手動で編集して投稿の編集リンクを追加する

個々のテーマ ファイルを直接変更することも、子テーマを作成してこれらのテーマ ファイルをオーバーライドすることもできます。

テーマを更新するときに行った変更が失われないように、子テーマを作成することをお勧めします。詳細については、WordPress 子テーマの作成方法に関する初心者ガイドを参照してください。

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

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

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

ほとんどのテーマでは、ポスト ループ内のポスト メタデータの直後にこのコードを追加します。

たとえば、テーマのポスト メタ データの最後にあるコードは次のようになります。

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 を使用したことがない場合は、FTP を使用して WordPress にファイルをアップロードする方法に関するガイドを参照してください。

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

この記事が、WordPress の投稿やコメントにクイック編集ボタンを追加する方法を学ぶのに役立つことを願っています。ウェブサイト用の無料 SSL 証明書を取得する方法に関するガイドや、中小企業に最適な電子メール マーケティング ソフトウェアの専門家が選んだガイドもご覧ください。

この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。