How to set up and how to use Basel theme website poster (banner)? (04)

这期我们讲述自己如何添加以及更改banner（自己DIY）

一个精美的海报（banner）可以有效吸引用户的注意力，并传达品牌信息。无论您是网站管理员、设计师还是小企业主，掌握如何DIY添加和更改banner都是非常重要的技能。本文将带您了解如何通过简单的步骤，添加文本、图片和按钮，并优化这些元素，确保最佳展示效果。
1.步骤→Add Layer

在这里可以添加文本，图片，以及按钮，形状，视频，音乐等等（但常用的是文本，图片，按钮）
2.步骤Add Layer→text

文本可以任何编辑，以及拖放和大小，具体请参考“How to set up and how to use Basel theme website poster (banner)? (03)"
3.步骤Add Layer→image

图片可以放商品图或者人物，或者与你产品有关的任何内容，但确保图片是PNG透明格式，否则展示的不太满意（参考How to set up and how to use Basel theme website poster (banner)? (03))
4.步骤Add Layer→button

根据需要选择按钮的风格，颜色不用担心 都是可以更该的（参考How to set up and how to use Basel theme website poster (banner)? (03))
其他设置可以参考上篇文章的设置方法

好了这就是一些基本功能的操作方法，接下里我们会讲到一些常见问题

1。我们怎么确定海报（banner）背景图片的大小

图中我们可以看到蓝色的虚线，长度和宽度，这个可以作为参考

还有一个办法可以设置展示海报的大小

2.步骤设置→Layout

一般展示的尺寸是图片的两倍 比如图形是1000*1000，则我们需要设置两倍的数据即可。但这样是为了能完全的展示背景，但前端的首页海报也会同样很大，所以建议背景图可以小一点

3.步骤电脑图标

Desktop：显示器界面

Notebook：笔记本显示界面

Tablet：平板界面

Mobile：手机端界面

你可以都打开，都打开的话你需要单独设置每一个界面，以营造更好的用户体验

你也可以都关闭，只留显示器，这样其他的界面会进行自适应

这是三种不同设备的界面

Summary:
通过以上步骤，您已经学会了如何添加和更改banner。从选择合适的文本和图片，到设置按钮样式和背景尺寸，每一步都很关键。记得根据不同设备的界面进行优化，以提供更好的用户体验。希望这篇文章能帮到您，激发您的设计创意。继续探索这些技巧，相信您能设计出更精美的banner！如有任何疑问，欢迎留言交流。祝您的设计之旅顺利愉快！