Salient主题是一个响应式多用途的wordpress主题,在themeforest中目前销量7万多排行第八,这是一款非常现代、有活力主题,其多样的动画效果和各种特色元素,给人感觉非常专业、炫酷的,如果你想要做这样的网站,那么一定要看看Salient这款主题。
丰富的样式
Salient主题现在有200个模块可以在页面中使用,还有20个左右的演示站点,可以直接导入,最主要的还是提供了很多的样式供我们选择
![图片[9]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 545'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”545″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424094232-800×545.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094232-400×272.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094232-768×523.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094232.jpg 1475w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424094232-800×545.jpg” /></picture><noscript><img decoding=)
支持多种头部样式,可以随时更换
![图片[10]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 939 324'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”939″ height=”324″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424091537.jpg 939w, https://themeforwp.net/wp-content/uploads/2018/04/20180424091537-400×138.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424091537-768×265.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424091537-800×276.jpg 800w” data-lazy-sizes=”(max-width: 939px) 100vw, 939px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424091537.jpg” /></picture><noscript><img decoding=)
多种博客和项目布局,包括瀑布流、网格、Metro、经典样式等多种布局方式,并且可以设置入场动画
![图片[11]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 534'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”534″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424101652-800×534.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101652-400×267.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101652-768×513.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101652.jpg 1326w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424101652-800×534.jpg” /></picture><noscript><img decoding=)
而且在详情页,还可以设置头部的样式,比如设置全屏的头图、加载动画
![图片[12]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 436'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”436″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424093619-800×436.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424093619-400×218.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424093619-768×418.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424093619.jpg 1136w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424093619-800×436.jpg” /></picture><noscript><img decoding=)
在Salient主题中,页面加载时有很多动画效果,我们可以自己设置这些页面过渡效果
![图片[13]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 489'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”489″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424094627-800×489.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094627-400×244.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094627-768×469.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424094627.jpg 1136w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424094627-800×489.jpg” /></picture><noscript><img decoding=)
Salient独有的炫酷粒子效果,可以将上传的图片转换成粒子动画
![图片[14]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 857 723'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”857″ height=”723″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424101102.jpg 857w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101102-400×337.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101102-768×648.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424101102-800×675.jpg 800w” data-lazy-sizes=”(max-width: 857px) 100vw, 857px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424101102.jpg” /></picture><noscript><img decoding=)
强大的编辑器
定制的Visual Composer可视化编辑器
Salient集成了WPBakery Page Builder作为自己的可视化编辑器,而且修改了其界面以及使用自己主题中的元素,比插件更加强大,也更兼容主题的风格,许多特效都是可以通过编辑器实现。但是也有一点不太好的就是它没有兼容前端编辑,所以暂时只支持后端编辑页面。
![图片[15]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 544'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”544″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424081927-800×544.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424081927-400×272.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424081927-768×522.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424081927.jpg 1377w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424081927-800×544.jpg” /></picture><noscript><img decoding=)
高达200个预制的模块,可以自由的添加到页面中,支持义搜索,可以根据类别查找,直接拼模板制作页面更加方便效率,需要注意的就是图片得自己准备
![图片[16]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 531'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”531″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424082252-800×531.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424082252-400×266.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424082252-768×510.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424082252.jpg 1388w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424082252-800×531.jpg” /></picture><noscript><img decoding=)
默认编辑器Nectar短代码功能
如果只是简单编辑的话,你就可以直接在编辑器插入shortcodes短代码,省去了使用Page Builder的麻烦,只需要点击一下编辑器上边的 Nectar Shortcodes就会弹出很多的元素供选择
![图片[17]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 509 160'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”509″ height=”160″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424083223.jpg 509w, https://themeforwp.net/wp-content/uploads/2018/04/20180424083223-400×126.jpg 400w” data-lazy-sizes=”(max-width: 509px) 100vw, 509px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424083223.jpg” /></picture><noscript><img decoding=)
在添加短代码的时候,设置时是可视化的,确定后自动生成对应的代码,所以说不用修改代码
![图片[18]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 560'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”800″ height=”560″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424084118-800×560.jpg 800w, https://themeforwp.net/wp-content/uploads/2018/04/20180424084118-400×280.jpg 400w, https://themeforwp.net/wp-content/uploads/2018/04/20180424084118-768×538.jpg 768w, https://themeforwp.net/wp-content/uploads/2018/04/20180424084118.jpg 1008w” data-lazy-sizes=”(max-width: 800px) 100vw, 800px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424084118-800×560.jpg” /></picture><noscript><img decoding=)
全屏滚动效果和头部设置
Slient页面支持一键开启全屏滚动特效,可以将每个Row模块转成一个页面,当然需要进行一定的设置,不过这样制作全屏滚动的单页面就非常简单了
另外还可以单独设置头部样式,背景颜色,粒子图片等,设置视差滚动效果或者3D翻转
![图片[19]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510 349'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”510″ height=”349″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424090739.jpg 510w, https://themeforwp.net/wp-content/uploads/2018/04/20180424090739-400×274.jpg 400w” data-lazy-sizes=”(max-width: 510px) 100vw, 510px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424090739.jpg” /></picture><noscript><img decoding=)
特色元素
在Salient中增加许多特色的元素,我们可以通过shortcode或者页面编辑器实现这些效果
图片重叠
曾经制作图片效果需要运用制图软件做,但是在Salient中,只需要上传需要叠加的图片,设置好偏移值,会自动生成图片叠加效果。
![图片[20]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 591 389'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”591″ height=”389″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103247.jpg 591w, https://themeforwp.net/wp-content/uploads/2018/04/20180424103247-400×263.jpg 400w” data-lazy-sizes=”(max-width: 591px) 100vw, 591px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103247.jpg” /></picture><noscript><img decoding=)
图片比较效果 Before & After
只需要一张图片的空间,可以通过中间的滑杆控制显示效果,在效果对比中非常实用
![图片[21]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 570 430'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”570″ height=”430″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103520.jpg 570w, https://themeforwp.net/wp-content/uploads/2018/04/20180424103520-400×302.jpg 400w” data-lazy-sizes=”(max-width: 570px) 100vw, 570px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103520.jpg” /></picture><noscript><img decoding=)
多种形状分隔效果 Shape Dividers
告别单调,轻松的将网页打造出设计感
![图片[22]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 693 466'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”693″ height=”466″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103735.jpg 693w, https://themeforwp.net/wp-content/uploads/2018/04/20180424103735-400×269.jpg 400w” data-lazy-sizes=”(max-width: 693px) 100vw, 693px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424103735.jpg” /></picture><noscript><img decoding=)
渐变文字
可以直接为文字设置成渐变,就想在ps中那样
![图片[23]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 674 258'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”674″ height=”258″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/20180424104532.jpg 674w, https://themeforwp.net/wp-content/uploads/2018/04/20180424104532-400×153.jpg 400w” data-lazy-sizes=”(max-width: 674px) 100vw, 674px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/20180424104532.jpg” /></picture><noscript><img decoding=)
总体来说,Salient是一款非常好的主题,尤其是各种独有的特效和动画,让它做出来的网站非常的炫酷,包括各种各样的布局,使它的应用很广泛。但是也有不足的地方,demo网站只有十几个,大部分情况下它的需要你自己设计制作网页,虽然说Salient有200个模块,但是都是没有图片的,所以说想要快速的做成一个网站,用Salient是有些吃力的,类似Betheme这种demo很多的可能更适合。要想用好Salient,你必须熟悉它的后台操作、主要特点、还有他的可视化编辑器,Salinet主题的内容还是很多的,如果你是喜欢折腾wordpress主题的人,那么Salient绝对适合你。
暂无评论内容