![图片[1]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608521071.png)
あるアストラごかんけいせいぼおん中,背景图片可以为页面增添视觉效果,使用アストラ プロ可以实现。但有时希望在特定页面上禁用背景图片,以获得更简洁或定制的外观。本文将详细介绍如何在Astra主题中禁用特定页面的背景图片,能够灵活管理网站的视觉风格。
第一步:进入页面编辑器
- WordPressのバックエンドにログインします。
- 点击左侧菜单中的“ウェブページ”选项,找到想要修改的页面。
- 点击页面标题或“コンパイラ”按钮,进入WordPress的页面编辑器。
![图片[2]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608212328.png)
第二步:进入Astra设置
在页面编辑器的右侧,会看到一个名为“Astra Settings「またはページ設定”的面板。
![图片[3]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608215838.png)
第三步:禁用背景图片
- で "Astra Settings”面板中,查找与背景相关的设置。例如,“禁用背景「または背景画像「オプション
![图片[4]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608384820.png)
- 如果找不到明确的背景禁用选项,可以在“オープニング”选项卡中检查是否有用于隐藏或禁用页面背景的选项。
第四步:使用自定义CSS禁用背景图片(可选)
如果通过代码实现更加灵活的控制,可以使用自定义CSS来禁用特定页面的背景图片。以下是具体操作步骤:
- WordPressのバックエンドで、"外装状態" > "カスタマイズ".
![图片[5]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608451640.png)
- クリック "额外CSS”选项,在此输入以下代码:
.page-id-XX {
background-image: none !important;
}
![图片[6]-如何在Astra主题中禁用特定页面的背景图片-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092608473324.png)
将“XX”替换为想要禁用背景图片的页面ID。可以通过查看页面的URL来获取页面ID。例如,页面链接是yoursite.com/?page_id=123
,那么123就是页面ID。
第五步:保存并预览
- すべての設定が完了したら、"更新”或“发布”按钮保存页面的修改。
- 预览该页面,确保背景图片已成功禁用,并检查页面外观是否符合你的预期。
概要
在Astra主题中,可以轻松禁用特定页面的背景图片,帮助你创建更加简洁和个性化的网页设计。通过Astra设置或自定义CSS代码,能够灵活地控制页面的视觉效果,确保每个页面都符合你的设计需求。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
© 複製に関する声明
この記事を書いた人: Xiesong
この記事へのリンクhttps://www.361sale.com/ja/20751この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
終わり
コメントなし