5分钟生成10篇英文软文article forge软件试用

如果您是 WordPress 新手,那么修改其代码的想法可能会令人生畏。 但实际上,您可以做很多简单的事情来自定义网站的外观和感觉,而不会冒灾难的风险。

我建议您避免直接更改主题。 创建子主题和使用脱机文件是对代码进行任何更改的最安全方法。 以这种方式工作意味着如果你以这种方式工作 碰巧在调整网站时无意中在您的网站上创建了任何问题,您拥有原始文件并且可以快速重新上传它们以覆盖您的更改。

google广告开户

话虽如此,让我们来看看您可以做些什么来开始自定义您的 WordPress 设计。

为您的主题自定义创建一个子主题

在 WordPress 中进行任何形式的主题定制的推荐选项是使用子主题。 子主题是继承另一个主题的样式和功能的主题,称为父主题。

子主题允许您添加新功能和样式更改,而无需更改父主题文件。 如果您更新父主题,这将特别有用。 如果您直接对父主题进行了更改,任何更新都会将它们清除,您将需要花时间重新创建它们。

更新父主题时永远不会触及子主题,这使它们成为更改设计的完美方式。

创建子主题是一个简单的过程。 您需要做的就是创建一个文件夹和一个文件。 在您的本地计算机上,使用您的子主题名称创建一个文件夹。 最明智的命名方式就是 parentthemename-child. 因此,如果您正在为我们的 Canvas 主题框架创建一个子主题,您可以将其命名为 画布儿童. 您还可以在此名称上添加唯一标识符,例如 画布-孩子-你的名字.

创建一个名为 样式.css 在新文件夹中(您可以使用文本编辑器执行此操作 – 只需记住添加 .css 后缀。 该文件需要插入特定信息,以便它知道它是一个子主题。 将以下代码添加到您的 样式.css 文件:


/*
Theme Name: My Child Theme
Theme URI: http://mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http://mysite.com/
Template: parenttheme
Version: 0.1
*/

这段代码主要包含一般信息,但只有一行你 必须 更改以使子主题起作用。 这 模板 必须更改行以显示您与子主题相关的父主题的名称(例如“Canvas”)。

添加此信息后,还需要另一个重要步骤。 就目前而言,您的子主题没有任何样式信息。 为了使其具有与父主题相同的初始设计,您需要添加以下代码行:

@import url("../parenttheme/style.css");

在此代码中,您将需要更改 父母 行以匹配您的父主题的文件夹名称。

WordPress divi主题

完成这些更改并保存您的 样式.css 文件是时候将子主题添加到您的 WordPress 安装中了。 您可以通过使用 FTP 程序(例如 Filezilla)连接到您的网络主机并浏览到 /wp-内容/主题/ 文件夹。 到达那里后,您应该上传包含新主题的子主题文件夹 样式.css 文件。

上传文件夹后,您应该能够在 WordPress 仪表板的主题区域中看到并激活子主题。 您现在可以编辑 样式.css 您的子主题的主题进行设计调整,同时保留父主题的基本主题设计。

要对您的子主题进行更复杂的自定义,您可以包括 函数.php 文件。 此文件允许您更改主题的功能,当您想要更改主题的功能时,应该创建并添加到子主题文件夹中。

如果您想了解有关子主题的更多信息,WordPress 在其法典中创建了一个详细的部分来讨论子主题。

编辑 样式.css 进行自定义的文件

您可以将大量选项添加到样式表中以更改您的设计。 这些更改对所有主题都是通用的,尽管大多数主题包含自定义部分名称,这些名称会根据您使用的父主题而略有不同。

将代码添加到您的 样式.css 文件可以使您:

  • 更改网站的配色方案
  • 更改排版和文字大小
  • 移动网站的各个部分(例如导航栏)
  • 更改图像的显示方式
  • 根据站点区域添加或删除设计信息
  • 进行数以千计的其他设计调整

让我们快速浏览一下可供您使用的简单样式选项之一。

更改链接样式

每当您向网站添加链接时,它们通常都由简单的样式选项控制。 需要查看四种链接状态。 他们是:

  • a:link(或只是“a”) – 这是一个正常的、未访问的链接
  • 一:悬停 – 当您将鼠标悬停在链接上时会发生这种情况
  • 一个:访问过 – 这是用户已经访问过的链接
  • 一个:活跃的 – 这是点击时的链接

如果您愿意,可以使用所有这些选项,但重要的是未访问链接和悬停链接。 对于我们的示例,让我们将所有链接设置为红色,没有其他样式装饰,并且您悬停的链接具有下划线样式装饰:


a {
  color:#ff0000;
  text-decoration:none;
}
 
a:hover {
  color:#ff0000;
  text-decoration:underline;
}

如果您使用的是 Canvas 主题,我们会介绍一些您可以对 样式.css函数.php 文件。

fiverr建站WordPress程序员

使用自定义代码而不是插件

代码
插件是 WordPress 社区的一个很好的方面。 有一些插件可以让你改变你的网站,让你几乎可以做任何你能想到的事情。 但是,不断添加插件是使您的网站臃肿并将其加载时间减慢到爬行的好方法。

插件通常需要比它们执行的工作更多的代码,这仅仅是因为它们与核心 WordPress 软件交互的方式。 每个插件还带有管理问题,因为您需要花时间更新它们,以及如果开发人员很长时间没有更新插件,则可能存在安全问题。

有一些插件可以解决您网站的一个简单设计方面,但通常需要额外的代码和文件。 其中许多可以通过添加到正确文件中的几行代码来复制,这将减少您网站的整体负载并保持整洁。

让我们举一个简单的例子。 有一些插件允许您逐页从 WordPress 页面中删除标题。 如果您想隐藏某些页面的标题以便让读者顺利过渡到内容,这可能是一个有用的功能。

但是,只需几行简单的代码,您就可以达到相同的效果。 为了向您展示这有多简单,这里是添加到您的代码 样式.css 使用 Canvas 主题执行此操作的文件:

独立站选品工具

.page-id-xxxx .title {
display: none;
}

在该示例中,替换 xxxx 使用页面 ID 号将从该特定页面中删除标题。 只需为要从中删除标题的每个页面添加代码。

用于更复杂工作的插件是必不可少的,也是 WordPress 出色的一部分,但在您为网站上的任何简单任务添加插件之前,请花点时间停下来做一些研究。 您经常会发现一段简单的代码可以代替它完成这项工作。

我之前已经讨论过插件无知的危险,但确实应该重复一遍。 将插件添加到您的站点而不调查是否有一种简单的方法可以复制其功能,充其量是无知的,最坏的情况是懒惰。 每次安装插件时,您都会将网站的运行状况和速度交到其他人手中。

开始定制您自己的网站设计

您可以进行大量更改来自定义 WordPress 以满足您自己的需求。 它们的范围从简单的调整到自定义配色方案,再到改变网站结构的极其复杂的变化。

开始 WordPress 定制似乎是一个可怕的过程,特别是如果您是 CMS 新手。 有一些主题(如 Canvas)允许您使用点击式样式设计菜单进行一些自定义,这有助于消除一些最初的恐惧。 在您的定制之旅开始时,这些对您来说是惊人的。

高质量外链购买

但是,如果您花一些时间使用子主题和 样式.css 文件,你会 学习使用 WordPress 的构建块来创建令人惊叹的网站设计。

您是否开始了自己的 WordPress 定制之旅并有任何建议要分享? 请在下面的评论中告诉我们。

图片来源:iamshinji

cta-banner-10-产品页面-v2_2x

JasperAI 10000字免费额度试用
5分钟生成10篇英文软文article forge软件试用
tiktok