一个简单实用的WordPress[日期+古诗一言]小工具[WP工具]

图片[1]-一个简单实用的WordPress[日期+古诗一言]小工具[WP工具]-老奶狗博客

使用方法:

后台添加[自定义HTML小工具]

这里就不在说如何添加自定义HTML小工具了,把它添加到侧边,然后把下面的代码放进去,然后保存就好啦!【如果报错无法保存,请把style标签里的CSS样式放到主题设置的“自定义CSS样式”里就可以了】

<style type="text/css">
.lng-suiji-main span{color:#fff}.lng-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.lng-suiji-header{display:flex;justify-content:space-between}.xingyu-dt-ty{padding:20px;display:flex;flex-direction:column}.xingyu-dt-day{font-size:60px;font-weight:700;color:#fff}.xingyu-sj-date{font-size:16px;font-weight:700;color:#fff}.xingyu-sjzt-ty{line-height:25px;height:200px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px}.xingyu-sj-qhbtn{position:absolute;bottom:30px;padding:10px}.xingyu-sj-qhbtn>span>i{font-size:16px}.xingyu-sj-qhbtn span:hover{color:#f44336}.xingyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px}
</style>
<div class="lng-suiji-main">
<div class="lng-suiji-header">
<div class="xingyu-dt-ty">
<span class="xingyu-dt-day lngDay"></span>
<p class="xingyu-sj-date">
<span class="lngYear"></span>
<span class="lngMonth"></span>
</p>
</div>
<div class="xingyu-sjzt-ty">
<span class="xingyu-yiyin"></span>
</div>
</div>
<div class="xingyu-sj-qhbtn">
<span id="xingyu-qh-btn"
><i class="fa fa-paper-plane" aria-hidden="true"></i> 换一句</span
>
</div>
<div class="xingyu-sjtitle-ty">
<span>——更多教程,关注老奶狗博客——</span>
</div>
</div>
<script
type="text/javascript"
src="https://www.owoc.cn/api/js/ng-img.js"
></script>

 

 

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞16赞赏 分享
评论 抢沙发
头像
发一条友善的评论吧
提交
头像

昵称

取消
昵称表情代码图片