模态弹出窗口中的 WordPress 页面内容

Question

我正在开发一个 WordPress 画廊网站，该网站只有三个页面：主页、画廊和简介 ( http://adamgreener.com/ )。

当您单击 Bio 时，会弹出 Bio 内容，由Easy Modal插件提供支持（内容在插件设置中以 HTML 形式手动输入）。

我在 WordPress 页面中也有完全相同的 HTML 内容（移动查看器看到的，而不是弹出窗口）。

页面编辑起来非常简单，但是Modal内容对于普通用户来说并不是那么友好。我正在寻找一种方法，可以允许用户仅编辑个人简介页面，并同时更新模式内容。

采取这种行动的最佳途径是什么？

提前致谢！

Answer 1

您可以使用get_page获取页面内容和短代码来在弹出窗口中显示它。在functions.php您的 WordPress 主题文件中，例如：

add_action( 'init', 'greener_shortcode_init', 11 );
function greener_shortcode_init()
{
    add_shortcode( 'greener_bio', 'greener_bio_shortcode' );
}

function greener_bio_shortcode( $atts )
{
    $page_id = 123; // the ID of the Bio page
    $page_data = get_page( $page_id );
    $return = '';
    $return .= '<h2>' . $page_data->post_title . '</h2>';
    $return .= $page_data->post_content;
    return $return;
}

然后，在您的模式中，使用短代码：

[greener_bio]