正在查找一种在 WordPress 中更改网站文本选择颜色的方法? Web 开发人员花费无数小时设计网站。 确保所有颜色都放在一起。 导航菜单 看起来棒极了,所有 小部件 位置正确,网站设计花费更多。 但是,一旦一切都完成,网站将留下好看和吸引访问者的注意。
您可以忽略的最被忽视的设计更改之一是在 WordPress 中编辑默认文本选择颜色。 当访问者突出显示网站上的文本时,默认情况下以蓝色突出显示。 并非所有网站都可以看到这一点。 今天,我将向您展示如何使用 CSS 在 WordPress 中更改网站的文本选择颜色。
为什么要在 WordPress 中更改文本选择的颜色?
如果您愿意花费 40 多个小时从头开始设计您的网站,就像您想象的那样,那么更改文本选择的颜色就很容易了。 使您的网站尽可能好是 Web 开发人员的工作,您最不希望的是使网站的默认文本选择颜色看起来较差。
例如,对于我们,我们使用绿色 Geeks 的“绿色”作为文本选择的颜色。 这就是我们 环保网络主机 绿色使它清晰。 这可能不适用于所有网站,但确保文本选择的颜色与网站的其他部分匹配会很有帮助。
您需要确保文本选择的颜色可见。 例如,如果您有绿色背景颜色,则绿色文本选择颜色不起作用。 访问者需要从网站的其他部分脱颖而出,才能知道突出显示的内容,但外观也必须良好。
如何在 WordPress 中更改网站的文本选择颜色
今天,我将向您展示如何使用 CSS 在 WordPress 中更改网站的文本选择颜色。 与 WordPress 中的大多数颜色选项一样,使用 CSS 代码进行更改是最快速、最简单的方法。 您无需事先编码经验,只需复制并粘贴几行代码,然后将所选颜色代码添加到适当的空间即可。
如果您不知道 HTML 颜色代码的外观,或者想要轻松采样颜色,请单击 HTML 颜色代码 网站。 这允许您对所有可能的颜色进行采样,并提供颜色代码。
更改 WordPress 文本选择的颜色
将自定义 CSS 添加到 WordPress 的过程非常简单。 在左侧的管理面板中,单击[外観],然后单击[カスタマイズ]选择一个选项。
[追加のCSS]单击选项。
接下来,您需要复制以下代码行并将其粘贴到文本编辑器中:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]::-moz-selection {
背景颜色:#FA0000;
颜色:#fff;
}
:: 选择 |
背景颜色:#FA0000;
颜色:#fff;
}[/ht_message]
这将导致文本选择的颜色为红色。 要更改此设置,请将 FA0000 颜色代码更改为所需的颜色代码。 放置代码后,可以突出显示和显示文本。 确保文本选择的颜色显示在网站的所有背景颜色中。
找到您喜欢的颜色并看到它后,单击“发布”按钮以保存更改并将其应用于您的网站。
恭喜你,你成功地改变了WordPress文本选择的颜色。 您可以随时通过重复这些步骤来更改此步骤。 如果要还原为默认选择颜色,只需删除添加的 CSS 行即可。
所有细节在网页设计中都很重要
无论细节多么小或模糊,自定义您的网站使其看起来尽可能好对于成功都是必要的。 拥有一个美观的网站并不容易,但要与其他网站竞争,你需要一个。 有数百万个网站,可能有数百个提供类似内容的网站。
有这么多的网络和竞争,ITES是困难的,这就是为什么许多新网站不成功的原因。 以出色的设计脱颖而出,将让您在拥挤的环境中更好地内容。
您为文本选择选择了哪种颜色? 你为什么选择这种颜色?