Argon主题–动态壁纸
|
152
|
0

还在用原始渐变色当壁纸？

快来试试在Argon主题中设置动态壁纸吧，废话不多说，先看效果：

“我们去抓水母吧，派大星！”

当然，背景也可以换成你自己喜欢的视频，下面我们就聊聊怎么来实现它。

1、Argon主题安装

这是一个轻盈、简介、美观的 WordPress & Hexo 主题。我们可以参照官方文档，在github项目中下载 argon.zip 文件，然后在 WordPress 后台 “主题” 页面上传、安装并启用。

需要下载地址和教程的小伙伴，可以参考我的另一篇文章：Argon主题安装。

2、动态壁纸资源

这里其实有很多地方可以获取到mp4等格式的壁纸资源，我仅分享一个我使用的免费途径供参考：致美化 – 视觉美化研究平台

上面有很多资源，大家可以自行探索。基本都是用百度云盘可以免费下载的，挑选一个自己喜欢的就行。

3、设置动态背景

这里需要在我们刚刚安装的主题中编辑脚本，不会编程的小伙伴也不用紧张，直接把下面的代码一键粘贴就行。我们需要进入：Argon主题选项–脚本–页头脚本

下面的是脚本，直接粘贴进去，记得把src中的地址换成自己的视频地址和保存。

<!--白天动态视频链接-->
<video src="https://xxxxxxxxx.mp4" autoplay="" muted="" class="bg-video bg-video-day" loop="loop"></video>

<!--夜间动态视频链接-->
<video src="https://xxxxxx.mp4" autoplay="" muted="" class="bg-video bg-video-night" loop="loop"></video>

<style>
/*样式*/
video.bg-video {
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  pointer-events: none;
}
html.darkmode video.bg-video.bg-video-day {
  opacity: 0;
}
html.darkmode video.bg-video.bg-video-night {
  opacity: 1;
}
video.bg-video.bg-video-day {
  opacity: 1;
}
video.bg-video.bg-video-night {
  opacity: 0;
}
#banner,
#banner .shape {
  background: transparent !important;
}
* {
  font-family: "Comfortaa", "Open Sans", -apple-system, system-ui,
  BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial,
  "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
}
</style>

至此，我们的动态壁纸就设置好啦，快来试试吧。

暂无评论

发送评论 编辑评论 


				

			

						

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
							
													

					

				

			

			
			

				

					
				

			

				

																

							
							
						

															
					
											
						

	

		
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･ ･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
	

	

		
颜文字
Emoji
小恐龙
花!
	


									

			

			
			
		

	






上一篇
下一篇 

                    

                    
			        推荐文章
		            

		            

							
Argon主题-代码块

							
							

							
Argon主题-头像特效

							
							

							
Argon主题-卡片透明

							
							

							
Argon主题-鼠标特效

							
							

							
Argon主题安装