ワードプレスのイベントカレンダープラグイン(XO Event Calendar)の投稿画面にリダイレクトURLを入れられるボックスがほしい

ワードプレスのホームページにXO Event Calendarプラグインを利用してイベントカレンダーを設置して、イベントを表示させている方。

Facebookのイベント機能やその他のイベント管理システムも使っていて、イベント情報を入力するのが二度手間だなぁ…

と感じていらっしゃる方もいらっしゃるのではないでしょうか。

私もオンラインコミュニティでは、会員専用ウェブサイトと非公開のFacebookグループの両方を使っているので、ちょっと手間がかかるな…と思いました。

そこで、イベント情報の詳細は、最終的にお申し込みいただく箇所(私の場合、Facebookのグループのイベント)に記載して、ワードプレスに設置したイベントカレンダーは、クリックしたらFBイベントにジャンプさせちゃおう!って思いました。

具体的にはこんな感じです。

カスタムフィールドというものを使ったリダイレクトでできるので、その手順をご案内いたします。

ちょっと普段触らないような箇所を触るので、念の為、先にバックアップを取っておいてくださいね。

ワードプレスの設定箇所を開く

ワードプレスにログインします。

そして、左側のメニューの[外観]ー[テーマエディター]をクリックします。

右側の方で編集するテーマが、使用しているテーマの子テーマであることを確認して(ここでは、SANGO Child)、その下のテーマファイルの中から、『テーマのための関数(functions.php)』をクリックします。

イベント投稿画面にリダイレクトのボックスを作る

下記の記述(ソースコード)をすべて選択してコピーします。

コード

///////////////////////////////////////
// カスタムボックスの追加
///////////////////////////////////////

add_action('admin_menu', 'add_redirect_custom_box');
if ( !function_exists( 'add_redirect_custom_box' ) ):
function add_redirect_custom_box(){

  //リダイレクト
  add_meta_box( 'singular_redirect_settings', 'リダイレクト', 'redirect_custom_box_view', 'xo_event', 'side' );
}
endif;

///////////////////////////////////////
// リダイレクト
///////////////////////////////////////

if ( !function_exists( 'redirect_custom_box_view' ) ):
function redirect_custom_box_view(){
  $redirect_url = get_post_meta(get_the_ID(),'redirect_url', true);

  echo '<label for="redirect_url">リダイレクトURL</label>';
  echo '<input type="text" name="redirect_url" size="20" value="'.esc_attr(stripslashes_deep(strip_tags($redirect_url))).'" placeholder="https://" style="width: 100%;">';
  echo '<p class="howto">このページに訪れるユーザーを設定したURLに301リダイレクトします。</p>';
}
endif;

add_action('save_post', 'redirect_custom_box_save_data');
if ( !function_exists( 'redirect_custom_box_save_data' ) ):
function redirect_custom_box_save_data(){
  $id = get_the_ID();
  //リダイレクトURL
  if ( isset( $_POST['redirect_url'] ) ){
    $redirect_url = $_POST['redirect_url'];
    $redirect_url_key = 'redirect_url';
    add_post_meta($id, $redirect_url_key, $redirect_url, true);
    update_post_meta($id, $redirect_url_key, $redirect_url);
  }
}
endif;

//リダイレクトURLの取得
if ( !function_exists( 'get_singular_redirect_url' ) ):
function get_singular_redirect_url(){
  return trim(get_post_meta(get_the_ID(), 'redirect_url', true));
}
endif;

//リダイレクト処理
if ( !function_exists( 'redirect_to_url' ) ):
function redirect_to_url($url){
  header( "HTTP/1.1 301 Moved Permanently" );
  header( "location: " . $url  );
  exit;
}
endif;

//URLの正規表現
define('URL_REG_STR', '(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)');
define('URL_REG', '/'.URL_REG_STR.'/');

//リダイレクト
add_action( 'wp','wp_singular_page_redirect', 0 );
if ( !function_exists( 'wp_singular_page_redirect' ) ):
function wp_singular_page_redirect() {
  //リダイレクト
  if (is_singular() && $redirect_url = get_singular_redirect_url()) {
    //URL形式にマッチする場合
    if (preg_match(URL_REG, $redirect_url)) {
      redirect_to_url($redirect_url);
    }
  }
}
endif;

前項で開いた『テーマのための関数(functions.php)』の

/************************
*functions.phpへの追記は以下に
*************************/

/************************
*functions.phpへの追記はこの上に
*************************/

の間にコピーした記述をペーストします。

そして、画面を下の方にスクロールして、『ファイルを更新』ボタンを押します。

これで、イベントカレンダーの投稿画面にリダイレクトのボックスができました。

イベントの入力画面を確認してみよう!

左側のメニューから、[イベント]-[新規追加]をクリックします。

すると、このようにサイドバーに『リダイレクト』欄が表示されるようになりました。

この『リダイレクトURL』にジャンプさせたいアドレスを入力すると、タイトルをクリックしたら、そのアドレスにジャンプするようになります。

サポートをご希望の場合

今回の作業は、普段使わないページや箇所が多かったかもしれません。

もし、サポートをご希望される場合は、オンラインコミュニティTAGのメンバーの方は、さくさく作業会にご参加いただいてご質問いただくか、20分間の無料個別相談をご利用くださいね!

メンバーではない場合、マンツーマンサポートもございますし、↓のお得なオンラインコミュニティもございますのでへのご参加をご検討ください。