初学日记-关于网站美化

初学日记-关于网站美化-清风小筑-雷国胜的个人网站
初学日记-关于网站美化
此内容为付费阅读,请付费后查看
5.88
限时特惠
10
暂时无法购买,请与站长联系
您当前未登录!建议登陆后购买,可保存购买订单
付费阅读
已售 1

做为一个初学者门外汉来讲,没有系统学习过代码,绝大部分就是就是靠蒙,以及ctrl+c和ctrl+v,还是做个笔记吧,免得刚刚学会的东西,过个1个月又忘得一干二净,以下代码用在wordpress正常使用,记录如下:

1.在网页中设置全幅背景图片

在<body>代码后面插入如下代码:

2. 在网页头部插入横幅图片

在<body>代码后面插入如下代码:

3. 对站内字体进行美化

在CSS中输入如下代码:(内有本站字体下载)

4. 复制文章内容时自动提示版权信息方法

将代码放进<body></body>中

5. 给登录界面添加随机背景

将代码放进<body></body>中 , 如何创建自己的随机图片API请参考以下文章:

6. 给wordpress添加统计信息

在子比主题的主题目录下,header.php底部添加以下函数代码:(记得要修改自己网站运行日期)

7. 在网站中加入鼠标随动的下雪效果

1.方法:将如下代码放入</body>前面

8.给鼠标增加个性化样式

把以下代码放入自定义CSS样式当中,位于</head>之前

9. wordpress文章随机彩色标签

把以下代码放入自定义CSS样式当中,位于</head>之前

10. 导航栏字体加粗

把以下代码放入自定义CSS样式当中,位于</head>之前

11. 头像呼吸光环和鼠标悬停旋转放大

把以下代码放入自定义CSS样式当中,位于</head>之前

12. 首页文章列表悬停上浮特效

把以下代码放入自定义CSS样式当中,位于</head>之前

13. 过期文章提示样式

把以下代码放入自定义CSS样式当中,位于</head>之前

14.鼠标移动图片外发光

把以下代码放入自定义CSS样式当中,位于</head>之前

15.网站动态标签

把如下代码放入网页底部</body>之前

16.底部导航栏及下拉百分比

把如下代码放入网页底部</body>之前

17.博主闪动文字介绍

把如下代码放入底部页脚相应位置

18.侧边栏增加百度搜索框

把如下CSS代码添加到主题自定义CSS当中:

再用WP自定义小工具,添加侧边栏HTML代码,把如下代码添加进去:

19.添加文章更新或过期失效提示

将下面的函数代码加入到主题目录下functions.php文件中。

在主题目录zibll/inc/functions/zib-single.php文件中,文章分页函数(大概是297-298行,因为我的代码有改动,所有不确定行数,见下图)下面添加下方代码即可。

article_time_update();//文章过期提示
图片[1]-初学日记-关于网站美化-清风小筑-雷国胜的个人网站
CSS代码:(在自定义CSS样式添加下面代码)

20.好看的侧边ip标签小工具

用小工具添加测边小工具,输入如下代码:

21.回到顶部悬挂猫咪

网站后台—>主题设置—>自定义代码—>自定义头部HTML代码,把下面的代码添加进去;

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

    昵称

    取消
    昵称表情代码图片

      暂无评论内容