如何在 wordpress 中通过 HTML/CSS 编辑网站外观答案

【问题标题】：How to edit website appearance through HTML / CSS in wordpress如何在 wordpress 中通过 HTML/CSS 编辑网站外观
【发布时间】：2013-08-06 22:03:32
【问题描述】：

我有一个 WordPress 网站，目前有一个默认的 WordPress 主题，我想自己使用 CSS 编辑网页的外观，因为 WordPress 上的基本编辑工具过于有限和基本。

我需要进入哪些特定文件才能使用代码编辑主页外观？

【问题讨论】：

您想学习如何自定义 Wordpress 主题和/或编写子主题
不，我只想根据自己的喜好编辑主题，因为 WordPress 默认主题对任何人都没有多大用处
正如我所说，阅读儿童主题
您想从默认主题开始作为修改的基础，还是想创建/使用完全不同的东西？

标签： wordpress web-services wordpress-theming appearance

【解决方案1】：

每个主题的文件位于：

${ROOT}/wp-content/themes/${THEME_NAME}

你应该在那里找到你当前的，并且可以使用更好的工具对其进行编辑。

另外，看看WordPress's theme documentation。

【讨论】：

【解决方案2】：

您必须使用仪表板左侧“外观”菜单下的编辑器。当您单击编辑器时，您将被带到样式表。从那里你可以添加你想要的 CSS。如果您打算编辑 HTML 和 PHP，则必须在单击编辑器链接后单击右侧的文件。查找 header.php、footer.php 等。这些是用户请求新页面时加载的文件。除了页眉和页脚文件，一个好的主题会有不同的模板文件。例如，它可能有一个主页模板。如果您想更改主页的外观，您必须转到 homepage.php 文件并将其编辑为您想要的样子。您仍然可以像访问样式表一样通过编辑器菜单访问该文件。查看您正在使用的页面模板，并确保您正在编辑模板，否则可能会造成灾难性的后果。

【讨论】：

是的，我明白这一点，但我怎么知道哪个元素在哪里？例如，如果在 styles.css 脚本中声明了一个名为 .sidebar 的类，我怎么知道它在 HTML 页面上的位置，我发现很难将两者联系起来
那么边栏应该在 sidebar.php 文件中。如果要对侧边栏进行自定义编辑，则必须签入 sidebar.php 文件。每个元素通常都在自己的文件中。例如，站点的徽标和主导航将位于 header.php 文件中，因为它们通常位于
中。你应该和我聊天，因为我可以回答这些问题，因为我已经在 WordPress 工作了 3 年多了，并且在这方面有很多经验。
顺便说一句，WordPress 中没有 HTML 页面。一切都将在 PHP 中，因为 HTML 是静态的，而 PHP 可以根据特定条件进行更改。
不知道还能不能用。但我想你可以在这里问我问题，我可以为你解答。我说的有道理吗？
如何找出导航菜单是哪个PHP页面

【解决方案3】：

大部分wp主题都有下面的文件，所以这些文件是你需要编辑的。

style.css
index.php
archive.php
404.php
cmets.php
footer.php
header.php
sidebar.php
page.php
single.php
functions.php
search.php

你只需要稍微了解一下div+css，就可以编辑wp主题了。我也是，我只知道一些div+css ^_^

【讨论】：

【解决方案4】：

如果您对此不熟悉，我建议您看看 Naked WordPress。这是一个准系统 WordPress 主题，带有大量内联文档，可帮助您了解每行代码的作用。 http://bckmn.com/naked-wordpress/

此外，关于查看 WordPress 文档的 cmets 也很到位。如果您想有效地做到这一点，您确实需要更好地了解 WordPress 中的文件的作用。

【讨论】：