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

WPJAM Basic 插件的「样式定制」功能也是 WPJAM Basic 最早开发的功能,开发这个功能主要是为了方便修改网站的样式,简单说就是让用户可以在 WordPress 三个主要不同的界面的头部(head)和底部(footer)插入一些定制代码,实现对网站的样式进行快速的定制。

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

前台定制

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

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

  1. 让你在根目录上传一个 txt 文件
  2. 在头部的 Head 代码总加一段代码

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

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

后台定制

如上图所示,后台定制多了一个功能,就是可以上传一个 20x20 大小的图片替换后台左上角的 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>

最终的效果:

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


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。

热门文章