大家好，这里是关于[Avada主题教程 7.1：首页首屏大图 2栏 图片+文字]，[WordPress网站各种图片尺寸集合贴]问题的解答，希望对您有所帮助。如果你还想了解更多这方面的信息，请关注本站其他相关内容，共同学习吧！

Avada主题教程 7.1：首页首屏大图 2栏 图片+文字

教程大全Avada,Avada主题,Avada教程,Avada页面,Avada首页

教程总目录：Avada主题详细教程：从0开始创建一个网站

预览图

先看预览图分析结构。

从预览图我们可以看出以下信息：

底层容器有个浅蓝色带图案的背景图片。

容器内是2列，左侧是一个人物图片（背景透明），右侧是一些常见的标题、文本块、按钮等。

首页我们可以简单点，直接创建一个页面。然后再wordpress设置中首页选定我们创建的页面即可。

创建容器并插入列

然后容器添加一个背景图片。

背景图片原图

另外容器的对齐方式需要调整下。

添加容器上的小工具

左侧列是一个图片工具，上传即可。

右侧依次是标题、标题、分隔器、文本块、分隔器、嵌套2列（每列一个按钮）、图片、分隔器、文本块。

其他类似的页面基本都是这些小工具组合而成。你可以根据自己的想法去排列组合。

需要注意的是，样式一定要统一。

WordPress网站各种图片尺寸集合贴

文章目录

• 产品图尺寸
• 首页大BANNER尺寸
• FAVICON尺寸
• LOGO尺寸
• 社交媒体上图片的尺寸

博主又本着自己所需，必也是众之所欲的原则，更新了这个节省你搜索时间的帖子。

最近看到几篇帖子在问一些图片尺寸的问题，博主也遇到了，为了能让大家节省点时间，我就总结了下所有网站所需要用到的尺寸，特公布如下。

由于我们的图片都自带原始规格，为了不使图片拉伸变形，我们可以按照图片本身的FULL SIZE 插入，但是一定不能大于网站本身显示的尺寸，只能在它允许的范围内调整图片尺寸 。

请注意如果出现问题了，肯定是因为图片周围可能还存在其他类似于侧边栏啊，边框啊这样的元素，要找到它们的尺寸，然后对照着把我们的图片进行相应的尺寸调整。

产品图尺寸

产品图片大概几十KB一张，最好不要超过50KB,根据有无侧边栏分两种情况：

如果有SIDEBAR：宽669px

注意：这个是Avada主题侧边栏在系统默认宽度下的相应尺寸，如果不同的主题，侧边栏可能自定义过不同尺寸，那要根据实际调整了）

如果无SIDEBAR：宽940px

注意：不能大过整个网页的像素宽度哦，会显示不出或者变形的

首页大BANNER尺寸

网站宽度>Slider 宽 > Banner宽 （当然也可以等于，按照网站的实际像素作出相应的调整）

注意：BANNER尺寸和整个网页(Site Width)，还有SLIDER尺寸一定要匹配，注意不能大过整个网页的像素宽度哦，会显示不出或者变形的。头部大图的高度，一般没有规范过，考虑到网页的打开速度，建议是高最多不要超过400px，一个banner图都最好不要超过100kb，不然网站的速度会很慢。

FAVICON尺寸

标准：

16*16PX

32*32PX

推荐使用PNG图标作为favicon，一般最小尺寸建议为16*16像素，基本尺寸建议为32*32像素。 浏览器中的是16*16像素，若是想在快捷图标显示上能清楚，最好是32*32像素。

LOGO尺寸

标准尺寸：高度不超过55PX

自定义尺寸：自己想用多大就用多大，不怕在下拉网站的过程中变形 ，但是先要去AVADA的THEME OPTION设置下，如下图，只钩选一项，然后自己自定义LOGO 尺寸，是不是很爽？

社交媒体上图片的尺寸

补充：

领英 company logo 300*300

注意：FACEBOOK不同的广告目标可能有不同的推荐尺寸，如果图片尺寸大于或小于 Facebook 广告发布指南中指定的尺寸，那么系统会自动将图片调整至适合广告的尺寸，不支持动画或 Flash 图片。

推荐图片尺寸

网站点击量 1200 x 628 像素

网站转化量 1200 x 628 像素

主页帖文互动 1200 x 900 像素

主页赞 1200 x 444 像素

应用安装量 1200 x 628 像素

应用使用率 1200 x 628 像素

活动响应 1200 x 444 像素

优惠领取 1200 x 628 像素

视频观看量 1200 x 675 像素

提升本地市场知名度 1200 x 628 像素

PS：对于轮播广告的图片，不论其广告目标是什么，建议尺寸都是 600 x 600 像素。

-END-

你的朋友或同事，一定读过这篇文章，不读你就亏大了

（推荐指数：★★★★★）

反正看文免费，看看总有好处