Salient主题是一个响应式多用途的wordpress主题，在themeforest中目前销量7万多排行第八，这是一款非常现代、有活力主题，其多样的动画效果和各种特色元素，给人感觉非常专业、炫酷的，如果你想要做这样的网站，那么一定要看看Salient这款主题。
![图片[1]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1112'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1112″ data-id=”53475″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/4.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/4-400×229.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/4-768×440.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/4-800×458.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/4.jpeg” /></picture><noscript><img decoding=)
![图片[2]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1161'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1161″ data-id=”53472″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/1.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/1-400×239.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/1-768×459.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/1-800×479.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/1.jpeg” /></picture><noscript><img decoding=)
![图片[3]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1161'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1161″ data-id=”53477″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/6.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/6-400×239.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/6-768×459.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/6-800×479.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/6.jpeg” /></picture><noscript><img decoding=)
![图片[4]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1932 1160'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1932″ height=”1160″ data-id=”53478″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/7.jpeg 1932w, https://themeforwp.net/wp-content/uploads/2018/04/7-400×240.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/7-768×461.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/7-800×480.jpeg 800w” data-lazy-sizes=”(max-width: 1932px) 100vw, 1932px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/7.jpeg” /></picture><noscript><img decoding=)
![图片[5]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1932 1160'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1932″ height=”1160″ data-id=”53479″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/8.jpeg 1932w, https://themeforwp.net/wp-content/uploads/2018/04/8-400×240.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/8-768×461.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/8-800×480.jpeg 800w” data-lazy-sizes=”(max-width: 1932px) 100vw, 1932px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/8.jpeg” /></picture><noscript><img decoding=)
![图片[6]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1112'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1112″ data-id=”53473″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/2.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/2-400×229.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/2-768×440.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/2-800×458.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/2.jpeg” /></picture><noscript><img decoding=)
![图片[7]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1161'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1161″ data-id=”53474″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/3.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/3-400×239.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/3-768×459.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/3-800×479.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/3.jpeg” /></picture><noscript><img decoding=)
![图片[8]-Salient主题 超炫酷的响应式多用途WordPress主题 | 查尔斯源码-查尔斯源码](data:;base64,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1941 1144'></svg>” alt=”Salient主题 超炫酷的响应式多用途WordPress主题” width=”1941″ height=”1144″ data-id=”53476″ data-lazy-srcset=”https://themeforwp.net/wp-content/uploads/2018/04/5.jpeg 1941w, https://themeforwp.net/wp-content/uploads/2018/04/5-400×236.jpeg 400w, https://themeforwp.net/wp-content/uploads/2018/04/5-768×453.jpeg 768w, https://themeforwp.net/wp-content/uploads/2018/04/5-800×472.jpeg 800w” data-lazy-sizes=”(max-width: 1941px) 100vw, 1941px” data-lazy-src=”https://themeforwp.net/wp-content/uploads/2018/04/5.jpeg” /></picture><noscript><img decoding=)
丰富的样式
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绝对适合你。
暂无评论内容