您可以使用WordPress功能wp_get_recent_posts(), 具有必需的参数。

$output = array();

$args = array(
\'numberposts\' => 10,
\'offset\' => 0,
\'category\' => 0,
\'orderby\' => \'post_date\',
\'order\' => \'DESC\',
\'include\' => ,
\'exclude\' => ,
\'meta_key\' => ,
\'meta_value\' =>,
\'post_type\' => \'post\',
\'post_status\' => \'draft, publish, future, pending, private\',
\'suppress_filters\' => true );

$recent_posts = wp_get_recent_posts( $args, ARRAY_A );
foreach( $recent_posts as $post ) {
   $output[$post["ID"]][\'title\'] = $post["post_title"];
   $output[$post["ID"]][\'title\'] = get_permalink($post["ID"]);

}
add_action(\'wp_head\', \'wpse158654_recent_posts\');
function wpse158654_recent_posts() {?>
  <script type="text/javavscript">
   var recent_posts = <?php json_encode( $output ); ?>;
  </script>
}

I haven\'t tested the code, be careful if you are using it on live site directly.

使用wp_localize_script() 这是在页面中插入JavaScript变量的干净解决方案。

// Attaching to the wp_enqueue_scripts hook because of wp_localize_script()
add_action( \'wp_enqueue_scripts\', \'wpse158654_js_post_titles\' );

function wpse158654_js_post_titles() {
    $args = array(
        \'posts_per_page\' => 3, // Number of posts to pick up
    );

    $wp_query = new WP_Query( $args );
    $post_titles = array();

    while ( $wp_query->have_posts() ) {
        $wp_query->the_post();
        $post_titles[] = get_the_title();
    }

    // Inject a JavaScript variable into the document
    // Note: you may want to change the script handle (first argument)
    wp_localize_script( \'jquery\', \'post_titles\', $post_titles );
}

<script type=\'text/javascript\'>
/* <![CDATA[ */
var post_titles = ["Title 1","Title 2","Title 3"];
/* ]]> */
</script>

你可以使用get_posts 获取posts objects, 默认情况下，它返回最新的帖子。

您应该迭代数组并对标题执行所需的操作。