测试1

替换后的效果

  • 显示3篇最新文章(你可以把 'numberposts' => 3 改成其他数字)
  • 每篇文章显示:
    • 标题(可点击)
    • 发布日期(格式:2025年03月28日)
    • 摘要(前20个字)
    • “阅读更多”链接
  • 样式保留了你的设计风格(圆角卡片、阴影、悬停效果)

替换前要注意

  1. 确保你的 WordPress 里已经有文章了
    如果还没有,先去后台写一篇测试文章(标题写“测试新闻1”,内容随便填),这样替换后能看到效果。
  2. 备份原文件
    在替换前,可以把 ai-homepage.php 先复制一份备份,万一改错可以恢复。
  3. 保存文件时不要破坏 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 动态输出的部分。

发表评论