WordPress是一种用途广泛的工具。 它既可以用作内容管理系统,也可以用作博客平台(CMS).

绝对是因为此工具易于学习,使用和自定义。 我的意思是,您可以根据需要进行转换,而无需花费太多精力。 您甚至可以在WordPress帖子和页面中添加不同的背景,这是本教程的最后一部分。

如果您想在WordPress帖子和页面中添加一些颜色和样式,则本指南将使用两种方法来研究该主题。 首先,我们将使用CSS和简单的PHP函数为帖子或页面添加不同的背景。

但是,如果那不是你的茶(假设您是完美的初学者,而代码不是您的事),我们将提供一个插件来帮助您完成此操作。

无论哪种方式,您都不必浪费很多时间,因为这是一个相对简单的项目。 另外,学习新知识总是很有趣。

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

如何在WordPress上使用代码添加背景

如果您了解PHP,HTML和CSS,那么本部分将非常有用。 不用担心,您可以随时复制并粘贴此处提供的摘录。 您只需要知道WordPress安装中不同文件的位置即可。

发现原因 视频背景并非总是一个好主意

在WordPress上使用CSS添加不同的背景

多,进入WordPress的文章和页面(风格和整个网站)由名为“样式表 ”。 WordPress上的样式表文件通常重命名为“ style.css”。 您可以访问“ style.css文件 通过访问“ 外观>编辑器 在您的WordPress仪表板上:

编辑WordPress主题

我们将添加背景(和其他样式),将您的文章和WordPress页面保存在style.css文件中,因此,第二个打开的标签可用于预览各种更改,这一点很重要。

还发现这些 一些文本编辑器开发者的WordPress

导航到“ 外观>编辑器 您还将看到所有模型的列表 WordPress主题 在屏幕的右侧。 如果您使用的是子主题,则需要上传父主题的模板文件。

您需要关注文件“ header.php文件 “。 为什么选择header.php ? 因为此文件已添加到所有其他页面和文章。 换句话说,header.php中的代码会出现在您创建的每个页面或帖子中。

找到以下代码片段:

>

此功能是有目的的。 它提供CSS类,可用于更改文章和页面的样式。 您要做的就是将特定的CSS类定位到要自定义的页面或文章,并添加背景和样式。 您现在要做的就是保存更改。

看看这个 您可以具体地使用WordPress插件Yellow Pencil吗?

因此,

查看任何帖子或页面的源代码都很容易。 如果您使用的是Chrome,请右键点击页面上的空白区域,然后点击“ 检查元素 ”。 在Mozilla上,直接在文章/页面上单击鼠标右键,然后单击“ 页面的源代码 ”。 如果您使用的是Microsoft Edge(Internet Explorer),请右键单击您的页面/文章,然后选择“ 查看源代码 “。

也学习 如何有效地使用标签在Web浏览器

如果您查看WordPress页面的源代码,则生成的代码几乎相同:

如果查看单篇文章的源代码,body_class函数将显示类似以下内容:

如您所见,您将拥有一个CSS选择器集,可用于自定义博客背景。

如何使用插件添加自定义背景

您还可以像我们之前展示的那样自定义 WordPress 帖子和页面背景,使用 WordPress插件. 因此,如果您没有时间修改代码或按照这些说明进行操作,这里有一个插件可以帮助您实现目标。

高级WordPress的自定义背景

在几分钟内, 自定义背景 您将能够为文章,页面,自定义出版物格式,分类法和档案馆等创建旋转背景。 您甚至可以自定义视差效果,计时器等。

Wordpress的自定义背景

您甚至可以为WordPress帖子和页面设置可点击的背景,而无需进行过多配置。 作者还允许您在购买插件之前先对其进行测试,以便您了解期望。

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 Zxeion 

Zxeion是一个强大的  WordPress插件 这可以增强您网站的安全性。 该插件包含一系列补丁和工具,可为您提供额外的保护以及对网络的实时保护,可以帮助您识别对网站的威胁并无需采取任何措施即可将其阻止。任何东西。Zxeion安全防火墙隐藏我的wp插件wordpress

它的功能包括:实时保护,隐藏管理部分的功能,自动防火墙禁止,文件保护,IP阻止程序,针对蛮力攻击的保护,服务器错误,垃圾邮件防护等

下载 | 演示虚拟主机 

2。 SearchAzon

Le WordPress插件 SearchAzon 允许您将亚马逊搜索功能集成到您的网站中。 这将使您可以选择是否在您的网站上显示亚马逊搜索结果并将访问者重定向到亚马逊。

Searchazon woocommerce亚马逊会员自动搜索插件

通过使用SearchAzon,您将获得佣金,您的客户将会感到高兴。 这是一个非常简单的概念,将从您的网站自动试用中获得收益。 假设您已经有一个仅提供特定产品细分市场的在线商店,例如:Apple。 一位客户搜索“ Samsung S8 +”,结果是您将失去该客户。 这是SearchAzon起作用的地方。

如果客户搜索基于您的关键字/词组在您的网站上找不到的产品,则将在亚马逊上启动自动搜索,您的客户将从亚马逊直接获得最佳结果,直接到您的网站。 因此,不再有失去或失望的客户。 每个人都可以在您的网站上找到他们想要的东西,您将从亚马逊公司获得更多收入。

下载 | 演示 | 虚拟主机

3。 主滑杆

难怪 WordPress插件 Master Slider 一直是 CodeCanyon 上的最爱。 这个触觉和响应式滑块提供了 70 多个模板,这些模板高度可定制且易于使用。 

主滑块触摸层滑块WordPress插件

您可以选择将HTML文本,链接,图像或视频直接插入或嵌入到每个幻灯片中,然后独立地为每个图层设置动画。 拥有70多种配置选项,Master Slider仍然是此细分市场中高度可定制的插件之一。

它的功能包括:可视化幻灯片显示生成器,易用性,导航键的存在,能够从Flickr和WooCommerce等服务加载和查看图库的功能,以及更多其他功能

下载 | 演示 | 虚拟主机

其他推荐资源

我们还邀请您参考以下资源,以进一步掌握和控制网站和博客。

结论

就是这样! 就是本教程的内容了,希望它可以让您轻松地在WordPress上更改背景。 如果您喜欢这篇文章,请随时 与你的朋友分享.

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

但是,与此同时,请告诉我们您的 评论 和专用部分中的建议。

...