WPJAM Basic 功能详细介绍:样式定制

科技9个月前发布 iowen
95 0 0

WPJAM Basic 插件的「样式定制」功能也是 WPJAM Basic 最早开发的功能,开发这个功能主要是为了方便修改网站的样式。

简单说就是让用户可以在 WordPress 三个主要不同的界面的头部(head)和底部(footer)插入一些定制代码,实现对网站的样式进行快速的定制。

因为是给三个主要不同的界面实现定制,那我们也分三个部分来讲解吧:

前台定制

前台定制的功能管理的页面是前台了,同样有前台 Head 代码前台 Footer 代码来定制。

这个功能对于有时候网站需要验证的时候有用,比如验证百度站长的时候,百度站长会给你两种选择:

  1. 让你在根目录上传一个 txt 文件

  2. 在头部的 Head 代码加一段代码

如果不方便上传 txt 验证文件时候,直接把代码复制到这里的头部 Head 代码即可,即使方便的上传验证文件时候,把代码贴到这里也是更方便。

我们之前介绍过一行代码就实现 WordPress 博客暗黑模式,也是把代码贴到这里的前台 Head 代码

后台定制

WPJAM Basic 功能详细介绍:样式定制

如上图所示,后台定制多了一个功能,就是可以上传一个 20×20 大小的图片替换后台左上角的 WordPress 图标,其他一样,就是可以设置后台 Head 代码后台 Footer 代码来定制后台的样式或者功能。

登录界面

WPJAM Basic 功能详细介绍:样式定制

登录界面也有额外的功能,就是可以设置登陆之后跳转的页面,比如可以设置网站首页,后台文章列表页面等等。其他一样可以设置 Head 和 Footer 代码,通过这两个值,可以做出自定义的登录界面。

比如我们可以自定登陆界面的 logo,在登录界面 Head 代码贴入如下代码:

<style type="text/css">
.login h1 a {
background-image: url("https://cdn.97866.com/wp-content/uploads/peanut.svg");
background-size: auto;
width: inherit;
};
</style>

最终的效果:

WPJAM Basic 功能详细介绍:样式定制

关于样式定制,目前就提供了这些选项,基本满足简单定制的需求,该功能虽然偏向程序员使用,但是只要懂一些 CSS 和 JS,通过「样式定制」功能还是可以定制出很不错的 WordPress 后台,登录界面和前台样式和交互。

WPJAM Basic 使用指南

为了方便大家使用,我将 WPJAM Basic 的插件的各个功能的使用指南按照章节整理成 PDF 文件,并且长期更新,每次更新之后都会加上最后修改日期

大家按照下面流程即可获取,首先关注公众号「WordPress果酱」:

回复关键字「指南」就可以获取:

⏬⏬ 下载 WPJAM Basic 请点击阅读原文

© 版权声明

相关文章

暂无评论

暂无评论...