WordPress和子比主题模板&网站美化方法教程-已更新到:23-01-8

WordPress和子比主题模板&网站美化方法教程-已更新到:23-01-8

温馨提示:本文最后更新于2023-12-31 20:58:03,某些文章具有时效性,若有错误或已失效,请在下方留言。

1、网站管理后台—》主题设置—》文章&列表—》文章页 —》 文章页 在文章内容后-插入内容 ,把下面的 php 代码复制粘贴到里面即可。

2、此代码理论上适用所有主题,只需要在合适的地方添加上代码就行

3、代码中的图片我托管在 微梦图床,可直接引用,部分的文字可修改成自己的

<center><span style="color: #ef0c7e;; font-size: 15px"><strong>------本页内容已结束,喜欢请分享------</strong></span></span><br /></center><h3 class="wp-block-zibllblock-biaoti title-theme"><strong>感谢您的来访,获取更多精彩文章请收藏本站。</strong></h3> <a href="https://blog.qsy0.com" target="_blank" title="更多精彩文章,请关注“青涩博客”"> <img style="display: inline-block; width: 100%; max-width: 100%; height: auto;border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;" src="https://img.vinua.cn/images/a9dX.gif"> </a> 
图片[1]-WordPress和子比主题模板&网站美化方法教程-已更新到:23-01-8-青涩博客

效果演示:

图片[2]-WordPress和子比主题模板&网站美化方法教程-已更新到:23-01-8-青涩博客

1、很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分,这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框

2、 网站管理后台—》子比主题设置—》自定义代码—》自定 CSS 代码,把下面的 css 代码复制粘贴到里面即可。

里面的 8px 大小可自行调节,颜色代码#63B8FF 也可自行设置

代码如下

/*鼠标移动图片外发光*/
/*by:青涩博客-blog.qsy0.com*/
.wp-posts-content img:hover {
box-shadow:0px 0px 8px #63B8FF;
}

将以下css代码追加保存到主题设置->自定义代码->自定义CSS代码!

效果图

1 2 3

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞12赞赏 分享
评论 共7条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容

社区求救信号帮助是一种美德