テクモ WEB開発者技術メモ

+—–+———–+————-+————-+———————-+
| ID | post_type | post_status | post_parent | post_title |
+—–+———–+————-+————-+———————-+
| 456 | revision | inherit | 123 | 123-autosave-v1 |
+—–+———–+————-+————-+———————-+

// ① プレビュー対象にしたいカスタムフィールドのキー一覧
function sb_preview_meta_keys() {
return [
‘subtitle’,
‘hero_image_id’,
‘cta_text’,
‘custom_css’,
];
}

// ② autosaveリビジョン作成時に $_POST からメタをリビジョンへ保存
add_action( ‘_wp_put_post_revision’, ‘sb_save_preview_meta_to_revision’ );
function sb_save_preview_meta_to_revision( $revision_id ) {
if ( empty( $_POST ) ) {
return;
}
foreach ( sb_preview_meta_keys() as $key ) {
if ( isset( $_POST[ $key ] ) ) {
$value = wp_unslash( $_POST[ $key ] );
update_metadata( ‘post’, $revision_id, $key, $value );
}
}
}

// ③ プレビュー表示時に get_post_meta() を差し替える
add_filter( ‘get_post_metadata’, ‘sb_preview_post_meta_filter’, 10, 4 );
function sb_preview_post_meta_filter( $value, $post_id, $meta_key, $single ) {
if ( ! is_preview() ) {
return $value;
}
if ( ! in_array( $meta_key, sb_preview_meta_keys(), true ) ) {
return $value;
}

// 現在ユーザーの最新autosaveリビジョンを取得
$preview = wp_get_post_autosave( $post_id );
if ( ! is_object( $preview ) ) {
return $value;
}

// 再帰を防ぐため一度フィルターを外して取得
remove_filter( ‘get_post_metadata’, ‘sb_preview_post_meta_filter’, 10 );
$preview_value = get_post_meta( $preview->ID, $meta_key, $single );
add_filter( ‘get_post_metadata’, ‘sb_preview_post_meta_filter’, 10, 4 );

if ( ” === $preview_value || null === $preview_value ) {
return $value;
}
return $single ? $preview_value : [ $preview_value ];
}

function sb_revisioned_meta_keys() {
return [ ‘subtitle’, ‘hero_image_id’, ‘cta_text’ ];
}

// ① リビジョン保存時に親投稿のmetaをコピー（プレビュー中は$_POSTから）
add_action( ‘save_post’, ‘sb_copy_meta_to_revision’, 10, 2 );
function sb_copy_meta_to_revision( $post_id, $post ) {
if ( ‘revision’ !== $post->post_type ) return;
$parent_id = $post->post_parent;
if ( ! $parent_id ) return;

foreach ( sb_revisioned_meta_keys() as $key ) {
if ( isset( $_POST[ $key ] ) ) {
$value = wp_unslash( $_POST[ $key ] );
} else {
$value = get_post_meta( $parent_id, $key, true );
}
if ( ” !== $value && null !== $value ) {
update_metadata( ‘post’, $post_id, $key, $value );
}
}
}

// ② リビジョン復元時に親のmetaを書き戻す
add_action( ‘wp_restore_post_revision’, ‘sb_restore_meta_from_revision’, 10, 2 );
function sb_restore_meta_from_revision( $post_id, $revision_id ) {
foreach ( sb_revisioned_meta_keys() as $key ) {
$value = get_metadata( ‘post’, $revision_id, $key, true );
if ( false === $value || ” === $value ) {
delete_post_meta( $post_id, $key );
} else {
update_post_meta( $post_id, $key, $value );
}
}
}

// ③ プレビュー時に get_post_meta() をリビジョン側に向ける
add_filter( ‘get_post_metadata’, ‘sb_preview_meta_from_revision’, 10, 4 );
function sb_preview_meta_from_revision( $value, $post_id, $meta_key, $single ) {
if ( ! is_preview() ) return $value;
if ( ! in_array( $meta_key, sb_revisioned_meta_keys(), true ) ) return $value;

$preview = wp_get_post_autosave( $post_id );
if ( ! $preview ) return $value;

remove_filter( ‘get_post_metadata’, ‘sb_preview_meta_from_revision’, 10 );
$preview_value = get_post_meta( $preview->ID, $meta_key, $single );
add_filter( ‘get_post_metadata’, ‘sb_preview_meta_from_revision’, 10, 4 );

return $preview_value;
}

// ④ リビジョン比較画面にカスタムフィールドを表示（任意）
add_filter( ‘_wp_post_revision_fields’, ‘sb_add_meta_to_revision_fields’ );
function sb_add_meta_to_revision_fields( $fields ) {
$fields[‘subtitle’] = ‘サブタイトル’;
$fields[‘cta_text’] = ‘CTAテキスト’;
return $fields;
}

add_filter( ‘_wp_post_revision_field_subtitle’, ‘sb_revision_field_value’, 10, 4 );
add_filter( ‘_wp_post_revision_field_cta_text’, ‘sb_revision_field_value’, 10, 4 );
function sb_revision_field_value( $value, $field, $post, $context = null ) {
return get_metadata( ‘post’, $post->ID, $field, true );
}

$requested = sanitize_file_name( $_GET[‘preview_template’] );

// 許可テンプレートのホワイトリスト
$allowed = [ ‘front-page’, ‘page-landing’, ‘page-campaign’ ];
if ( ! in_array( $requested, $allowed, true ) ) {
return $template;
}

$found = locate_template( [ $requested . ‘.php’ ] );
return $found ? $found : $template;
}

$url = add_query_arg(
[
‘preview’ => ‘true’,
‘preview_template’ => ‘front-page’,
],
get_preview_post_link( $post )
);
echo ‘<div class=”misc-pub-section”>’
. ‘<a class=”button” target=”_blank” href=”‘ . esc_url( $url ) . ‘”>’
. ‘front-page.php でプレビュー</a></div>’;
}

<?php
// プレビュー時は編集中ページ、通常時はトップ表示対象ページを取得
if ( is_preview() ) {
$page = get_queried_object();
} else {
$page = get_post( get_option( ‘page_on_front’ ) );
}
setup_postdata( $page );
$subtitle = get_post_meta( $page->ID, ‘subtitle’, true );
?>

<section class=“hero”>
<h1><?php echo esc_html( $page->post_title ); ?></h1>
<p class=“subtitle”><?php echo esc_html( $subtitle ); ?></p>
</section>

<?php wp_reset_postdata(); ?>
<?php get_footer(); ?>