将 Wordpress 最近的帖子集成到现有网站中

Integrate Wordpress recent posts into existing website

我已经有一个静态网站,我想将 wordpress 网站(博客)整合到现有网站中。只是要指出我是 Wordpress 菜鸟,所以我仍在寻找理解 wordpress 工作方式的方法。

这是我想要实现的目标:

我想在我的 index.php 页面上显示最近的 post,而 wordpress 站点位于子目录中。

我遵循了这个指南: https://codex.wordpress.org/Integrating_WordPress_with_Your_Website

并在 index.php

的开头添加了以下代码
<?php
// Include Wordpress
define('WP_USE_THEMES', false);
require('wordpress/wordpress/wp-blog-header.php');
?>

现在在我的 index.php 正文部分,我想显示来自 wordpress 站点的最近 posts,所以我添加了以下内容:

<?php
$posts = get_posts('numberposts=10&order=ASC&orderby=post_title');
foreach ($posts as $post) : setup_postdata( $post ); ?>
<?php the_date(); echo "<br />"; ?>
<?php the_title(); ?>    
<?php the_excerpt(); ?> 
<?php
endforeach;
?>

现在我设法将原始文本输出到我的 index.php,没有应用任何样式,我的 post 中的图像丢失了,即使我正确链接 style.css来自 wordpress 默认主题的文件。

如何将默认的 wordpress 主题样式应用于最近的 posts?当然,还要让 post 中的那些图像也显示出来?

我也看过这个教程,他成功地实现了我的目标,但没有解释具体是如何实现的。

https://www.youtube.com/watch?v=TUWu3J359AY&t=559s

也不确定,因为它是旧视频,可能在较新版本的 Wordpress 中有所更改。

我在这上面浪费了很多时间,我希望有人能帮助我,或者至少给我指出正确的方向。

如果这是重复的,我提前道歉 post,但是我找不到。

提前致谢。

使用 Ajax 调用或简短的方式,使用 iframe 和样式。东西马上就可以使用了。