网站后台的修改背景图片功能如何实现

网站后台的修改背景图片功能如何实现,第1张

你学前台用了多久?代码有多少?你关联想一下后台呢。。。

你也看过wordpress后台了,你认为有没有可能在这一问一答的就能说的完学的会???

是不是这个实际情况

这个年头做事只有两种方法

自己会自己做

自己不会,找会的人去做

至于会的人为什么心甘情愿为你做,那要看你的能力如何。

1、打开浏览器并登录买家中心,在左侧点击“店铺装修”。

2、在后台选择PC端,找到首页后,点击右侧的装修页面按钮。

3、在首页装修后台选择左侧的页头,点击更换,如下图所示。

4、在打开页面中找到电脑上保存的通栏的店招背景图,点击打开,如下图所示。

5、然后选择不平铺,背景对齐设置为居中,关闭页头下边距10px,点击应用的所有页面,可以看到已经店招背景已经变成全屏,如下图所示。

6、然后打开DW,找到我们切好的主店招的代码。全部选中代码并复制代码,如下图所示。

7、回到装修后台,点击店招右上角的编辑,如下图所示。

8、招牌类型选择自定义招牌,点击切换到源码,把复制的主店招的代码粘贴进去,高度设置为150px,点击保存,如下图所示。

9、可以看到店招已经实现通栏全屏啦,点击右上角的立即发布即可,如下图所示。

WordPresscom 托管您的 WordPress 网站,还是使用自我管理的服务器,本教程都适合您。您将学习以下为 WordPress 网站设置背景的方法:
添加带有 WordPress 主题设置的背景
使用 WordPress 插件添加背景
使用css添加背景照片
选项 1 使用 WordPress 主题设置添加背景图像
许多免费的 WordPress 主题可让您设置背景图像。我正在使用二十一二十一主题,这是博客、portfol ios和小型企业的简单首选主题。此主题还允许您拥有背景图像。
登录到您的 WordPress 网站的管理部分。您可以从这里处理大部分 WordPress 设置。 
WordPress 如何登录到您的 WordPress 网站 管理仪表板 Adi Purdila
单击外观,其中包含您网站外观的所有设置。系统会要求您选择一个主题。选择二十一二十一作为您的主题(或任何其他允许您拥有背景图像的主题)。  
现在,将鼠标悬停在外观菜单上,然后单击背景。将出现主题定制器窗口,让您选择背景图像。
现在,选择图像,然后从 WordPress 库中选择图像或上传图像。
您可以设置背景图像的详细信息,例如替代文字、标题、标题和说明。如果您的重点是 seo,添加替代文本总是一个好主意。
选择图像并保存设置后,您的 WordPress 背景图像将发生变化。现在,您可以探索不同的预设选项(填充屏幕、适合屏幕等),这将使您的背景图像看起来完全符合您的要求。
请记住单击左上角的保存更改按钮,否则您的更改将不会被保存。
选项 2 使用 WordPress 插件添加背景图像
仅当您拥有一个自我管理的 WordPress 网站或者您已从 WordPresscom 购买了付费计划时,才建议使用插件来更改您网站的外观。如果您选择通过免费的 WordPresscom 帐户使用插件,您的域将从 wordpresscom 更改为wpcomstagingcom,这并不理想。  
插件为您的 WordPress 网站提供了许多特性和功能。例如,使用背景插件,您可以在网站的多个区域添加不同的背景:帖子、页面和类别。您还可以使用一个插件将 YouTube 视频设置为背景。插件还可以为手机调整图像和视频的大小,以便您的观众可以轻松地通过手机欣赏您的网站。
对于本教程,我们使用了一个非常基本的免费插件。它被称为简单的全屏背景图像插件。
激活插件后,将鼠标悬停在appearance上。现在,单击新选项Fullscreen BG Image。
然后,单击选择图像并上传您想要作为 WordPress 背景图像的图像。如果您之前在其中添加了首选背景图像,您也可以从媒体库中选择图像。
您可以根据需要添加图像的替代文字、标题和描述等详细信息。单击使用图像,然后单击保存选项。
现在,前往您的网站查看您的 WordPress 背景的外观。
选项 3 使用 CSS 添加背景照片
同样,要使用 CSS 添加背景图像,您需要拥有一个自托管的 WordPress 站点,或者在 WordPresscom 上订阅付费计划。自定义 CSS 不仅允许您添加背景,还可以对网站的外观进行各种更改,使其看起来完全符合您的要求。
导航到 WordPress 仪表板,然后单击外观 > 附加 CSS。
现在,在 CSS 字段中添加这些代码行来设置 WordPress 背景图像。
body {
    background-image: url(">

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13344891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-18
下一篇 2023-07-18

发表评论

登录后才能评论

评论列表(0条)

保存