替换后的效果
- 显示3篇最新文章(你可以把
'numberposts' => 3改成其他数字) - 每篇文章显示:
- 标题(可点击)
- 发布日期(格式:2025年03月28日)
- 摘要(前20个字)
- “阅读更多”链接
- 样式保留了你的设计风格(圆角卡片、阴影、悬停效果)
替换前要注意
- 确保你的 WordPress 里已经有文章了
如果还没有,先去后台写一篇测试文章(标题写“测试新闻1”,内容随便填),这样替换后能看到效果。 - 备份原文件
在替换前,可以把ai-homepage.php先复制一份备份,万一改错可以恢复。 - 保存文件时不要破坏 PHP 标签
- 替换后,确保
<?php和?>都在正确位置 - 文件扩展名必须是
.php,不能是.html
- 替换后,确保
如果你希望保留原来的卡片样式
你截图里的新闻容器用的是 grid grid-cols-1 md:grid-cols-3 gap-8,我上面的代码里每个卡片用了 bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition,这是常见的现代卡片样式。
如果你原来有更复杂的卡片结构(比如带图片、标签等),把 echo 里面的 HTML 改成你原来卡片的 HTML 结构就行,只需要把标题、日期、摘要、链接换成 PHP 动态输出的部分。