自用WordPress主题《Tempo》修正版

本站所用WordPress主题《Tempo》修正版。

原始模板

请先从WordPress官方主题库中安装原始版本:🔗 https://wordpress.org/themes/tempo/

修正内容

  1. 去除网站描述,让Header只显示站点标题,并修正标题位置
  2. 去除重复的主导航,只保留右侧折叠菜单
  3. 调整顶部Padding大小至60px,使页面内容更突出
  4. 统一“文章”和“页面”的标题字体与字号
  5. 修正“页面”底部,第三方插件位置与评论框重叠的问题
  6. 修正404页面空白间距过大的问题
  7. 全局按钮样式统一

修正补丁

在模板自定义CSS处新增如下内容:

注:针对移动端忽略部分调整的CSS样式。移动端页面宽度阈值为主题默认的1200px

@media (min-width:1199px) {
	body {padding:60px 0;}
	.comments-list-collapse {padding-top:45px !important;}
	.tempo-comments {margin-top:-10px;}
}

.tempo-container {margin-bottom:-5px;}

.tempo-site-title {
	font-size:30px !important;
	font-family:'Domine',serif !important;
	line-height:1.25 !important;
}
.col-lg-12 .tempo-menu-wrapper {display:none;}

.tempo-headline {
	font-family:'Domine',serif !important;
	font-weight:700 !important;
}

.nav-links {margin:-0.25rem 0 0.25rem;}
.pagination-wrapper span, .pagination-wrapper a{padding: 10px 20px;}

.tempo-hentry>*+div.clearfix:last-child {margin-top:1.5rem !important}

.comments-list-collapse {text-align:center;}
input#submit {
	margin:0;
	width:100%;
	padding:10px 0;
}

.tempo-not-found {padding-top:0;}
.tempo-section.tempo-404 div.tempo-hentry {padding-top:0;}
.tempo-search-form button {padding:8px 22px;}

其他说明

最后更新:2018-11-12

原版《Tempo》主题版权归 myThem.es 所有,基于GPL v2协议开源。

0