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

Question

我正在开发一个只有三个页面的 WordPress 画廊网站:主页、画廊和生物 (http://adamgreener.com/)。

当您单击 Bio 时，Bio 内容会弹出，由 提供支持Easy Modal 插件(内容是在插件设置中手动输入的 HTML)。

我在 WordPress 页面中也有完全相同的 HTML 内容(移动浏览者可以看到，而不是弹出窗口)。

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

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

提前致谢!

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]