如何使用 HTML 和 CSS 在 WordPress 中自定义帖子？

Question

我试过在网上和stackoverflow上找资料，但是什么都没有。

所以我已将我的网站（html、css、js）迁移到 WordPress（index.php、header.php、footer.php 等），但在添加帖子之前我不知道如何更改帖子视图到我的网站。

我可以看到 4 种方法：

1) 下载 WP 插件以添加和自定义帖子。 但是我只能通过管理区域来定制它，我不能用 HTML 和 CSS 来定制它，很少有选项（颜色、图片等）

2）创建一个单独的文件（sidebar.php）并将我的帖子添加到其中。 但是，如果我的客户想自己添加帖子，他将无法做到这一点，而且选择也很少。 example

3) 在管理区域使用标准的“帖子-添加新”。 但是在那种情况下，我不知道如何自定义它，我该怎么办？进入WordPress文件中的“wp-admin”文件夹，找到负责更改帖子视图和更改的HTML，CSS他们？因为如果我不更改它们，就会发生这种情况example

4) 使用空白主题 example 将我的网站迁移到 WordPress。 有一个帖子页面（posts.php，我不记得它的确切名称）并尝试找到一个负责帖子视图的代码sn-p

我的问题是如何更改 WordPress 中帖子的视图？这就是我想做的examplelink to the website

Answer 1

你的问题很宽泛，所以我的回答也很宽泛。选项 4 是我在开发 WP 网站时所做的，但使用 Understrap + Understrap child themes（它基于 Bootsrap 4，我喜欢这个）。我收到并清空主题（无样式），并带有几个页面+布局模板作为开始。从这一点开始，当您拥有空主题时，您可以开始添加您的 custom template files 并根据需要设置样式。您需要花一些时间来了解如何在 functions.php 中使用 add custom CSS + JS 文件 并取决于您的 php 技能一段时间，以便如何输出您的帖子/页面内容。