WordPressの投稿プレビューのURLを変更する方法

2016/05/18 2016/06/05

投稿プレビューの URLを変更する方法

投稿プレビューの URLを変更する方法解説

　
「WordPressの管理画面と公開画面を別のドメインに分離して運用する方法」で解説をしていますが、公開側の URLと管理側の URLを違うものに設定する場合などでプレビューの URLを変更したいと思う場合があります。
　
そういう場合の URLの変更方法を解説します。
　
　
対応内容は、下記の関数を functions.phpに追記します。
　

// プレビューのリンクの修正
function replace_preview_post_link ( $url ) {
  $replace_url = str_replace('http://www.example.com', 'http://admin.example.com', $url);
  return $replace_url;
}
add_filter('preview_post_link', 'replace_preview_post_link');

// プレビューのリンクの修正

function replace_preview_post_link ( $url ) {

$replace_url = str_replace('http://www.example.com', 'http://admin.example.com', $url);

return $replace_url;

}

add_filter('preview_post_link', 'replace_preview_post_link');

　
URLの部分は、各自の環境に変更してください。
　変更前の URL　http://www.example.com
　　　　　　　　　　　　↓
　変更後の URL　http://admin.example.com
　
また、functions.phpについては、「WordPressの functions.phpがある場所」を参照してください。
　
　

プレビューのリンクに関する仕組みの解説

　
「プレビュー」ボタンのリンク先は、「設定」－「一般」から遷移する「一般設定」画面で設定する「サイトアドレス (URL)」をサイトの URLとして編集を行います。
　
そのため「WordPressの管理画面と公開画面を別のドメインに分離して運用する方法」で解説したように、公開側の URLと管理画面の URLを違うものにした場合、プレビューの URLが公開側の URL（サイトアドレス (URL)）に基づく URLになるため、
　　下書きをプレビューする権限がありません。
のエラーメッセージが出てプレビュー表示されません。
　
これは、公開側の URLを表示する際に、管理画面にログインしているという認証情報が引き継がれないためです。
　
そのため、ここで解説したように、プレビューのリンクを公開側の URLから管理側の URLに置換する方法をとることで解決を図ります。

- WordPress

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです！

Message コメントをキャンセル

※入力いただいたコメントは管理者の承認後に掲載されます。

: Advanced custom Fieldsのフィールドグループを簡単に複製する方法

Advanced custom Fieldsのフィールドグループの複製の方法の解説。XMLのExport、インポートする機能を利用して複製します。

: WordPressのアップグレードの英語版と日本語版の公開のタイムラグは？

WordPressのアップグレードの英語版と日本語版の公開のタイムラグについて説明しています。

: Advanced Custom Fields（ACF）のアドオン・繰り返しフィールドの使い方解説

Advanced Custom Fieldsのアドオン・繰り返しフィールドについて解説。繰り返しフィールドは投稿者が入力フィールドを追加しながら情報を入力できるフィールドを提供。

: WordPressで特定のURL、ページ、ファイル単位でBasic認証を設定する方法

WordPressはURLはmod_rewriteにより疑似的に作られていますが、特定のページ、特定のURL、ファイル単位でBasic認証を設定する方法を解説します。ツールも紹介。

: highlight.jsの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適

Crayon Syntax Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。