wordpress主题begin lts11月版更新导航页修改的样式

2018.11. 1300:10:09 2 2,159

上个星期虫子君找鸟叔要了新版的主题,幸不辱命鸟叔第二天就发给了我。从鸟叔的博客中看到,新版的begin主题还是更新了不少的功能。当然对于一个已经运行了整整三年的主题来说,可以说是非常的成功的一款主题,至少在功能上来说已经是非常的强大,对比一下苏醒一起其他的主题,这个主题不可谓不良心。

对于更新的功能,这里就不在详述,其中对于虫子君最直观的一个功能,就是新增了一个百度收录查询功能。之前虫子君一直使用的是水煮鱼制作的一个插件,不过能够减少一个插件的使用,自然是好的。

然后,当虫子君安装好了主题以后,发现之前自己设置的所有样式都失效了,这可是难倒了虫子君啦,begin主题后台虽然是可以,保存这些css代码,不过似乎更新的版本后,许多的id名称,以及class都换了,所以之前设置的css文件基本等同于白用了。

所以虫子君这几天在上班的时候,偷偷的在修改自己的主题的css文件,然后今天算是告一段落了,之前虫子君分享了,自己网站使用的css,今天打算将新的内容分享一下。

注意:begin新主题(虫子君是2018年11月9号获得)如果您使用的话,不妨看看跟我的版本是否一致,时间相差个把月基本无碍。

wordpress主题begin lts11月版更新导航页修改的样式

主要修改的是样式文件,做了一个渐变的背景,最近喜欢这样绚丽的颜色了,所以,如果不喜欢的可以在css文件当中找到background,然后将后面的渐变代码改成#fff,或者是其他的颜色值。

如果喜欢的话不妨可以看看我修改好的样子:

以后再找时间修改代码框的这个样式,期待吧。之前虫子君分享过,新版的主题更新后许多样式已经失效了。

/*
Theme Name: begin
Description: ÍøÖ·Ñùʽ
*/
.favorites-top {
	position: relative;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd9ff;
	border-radius: 2px;
}

#sites-widget-one h3 {
	background: #f8f8f8;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd9ff;
}
#sites-widget-one .widget-title i {
	float: left;
	width: auto;
	height: auto;
	font-size: 14px;
	color: #444;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 0;
	border-right: none;
	border-radius: 0;
}

.favorites-title {
	position: absolute;
	font-size: 24px;
	padding: 5px;
	top: 20px;
	left: 20px;
}

.sites-img {
	border: 1px solid #ddd9ff;
    border-radius:16px
}

.rili {
	float: left;
	width: 50%;
}

.tianqi {
	padding: 10px 5px;
	overflow: hidden;
}

.top-date {
	padding: 60px 0 10px 18px;
}

.sites-cats {
	background: linear-gradient(15deg,#fbf5b6 1%,#c3f0ff 10%,#00ff306b 20%,#a2dbe878 30%,#1bff0082 40%,#90ffff 50%,#d5ffcacc 60%,#93ffe6 70%,#e7ff8b 80%,#60eaff3b 90%,#f2ffaa 100%);
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd9ff;
}

.sites-cats h3 {
	float: left;
}

.sites-more {
	float: right;
}

.sites {
	position: relative;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border: 1px solid #ddd9ff;
	border-radius: 2px;
}

.sites-5, .sites-box {
	padding: 10px;
}

.sites-title, .sites-widget .menu-item, .archive-5 {
	width: 11.72%;
	float: left;
	min-height: 1px;
	padding: 5px;
	transition-duration: .5s;
	margin:3px;
	border:solid 1px #ddd9ff;
  	border-radius:5px
}

.sites-title a, .sites-widget .menu-item a, .sites-archive-title a {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 250%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.sites-widget ul {
	float: left;
}

@media screen and (max-width: 1080px) {
	.sites-title, .sites-widget .menu-item, .archive-5 {
		width: 14%;
	}
}

@media screen and (max-width: 900px) {
	.sites-title, .sites-widget .menu-item, .archive-5 {
		width: 16%;
	}
}

@media screen and (max-width: 700px) {
	.sites-title, .sites-widget .menu-item, .archive-5 {
		width: 19%;
	}
}

@media screen and (max-width: 600px) {
	.sites-title, .sites-widget .menu-item, .archive-5 {
		width: 19%;
	}
	.rili {
		width: 99%;
	}
}

@media screen and (max-width: 480px) {
	.sites-title, .sites-widget .menu-item, .archive-5 {
		width: 24%;
	}
}

以下是新增的功能项目;

展开

  • 修改外链跳转
  • 自定义分类法固定链接
  • 新增分类标题格子布局
  • 自定义分类添加SEO功能
  • 添加菜单项可见性设置
  • 小工具添加显示判断选项
  • 下载页面按钮名称自定义
  • 下载页面自动复制网盘密码
  • 注册数字验证
  • 分类图片布局增加首页推荐模块
  • 调整部分样式
2018年9月
  • 优化按百分数设置页面宽度
  • 添加分类图标
  • 分类模块调用分类图标
  • 部分小工具调用分类图标
  • 图标分类小工具
  • 添加分类封面
  • 添加分类封面模块
  • 分类封面小工具
  • 分类封面页面模板
  • 添加分类排序
  • 缩减字母头像图片
  • 缩减默认随机缩略图
  • 修改导航样式
  • 层级折叠分类目录小工具
  • 优化分类和标签页面H1标签
  • 小工具显示空的标签和分类
  • 集成文章点击计数
  • 部分样式调整

本文是全系列中第8 / 18篇:知更鸟begin主题

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 666谢谢分享 1

      虫子老大能分享一下吗