自用WordPress主题《Tempo》优化版


自用WordPress主题《Tempo》优化版

本站所用WordPress主题《Tempo》优化版。

原始模板

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

调整内容

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

自定义CSS

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

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

@media (max-width:1169px) {
	body {padding:60px 0;}
	.comments-list-collapse {padding:30px 0 15px !important;}
	.tempo-comments {margin-top:-10px;}
	input#submit {
	  margin-bottom: 15px !important;
  }
}

body:not(.single-post) .a2a_floating_style {display: none;}

.category-sticked .tempo-title {font-size:28px !important;}

.category-sticked .tempo-title a {
	cursor:default;}

.tempo-site-description {display:none !important;}

.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;
	margin:30px 0 0 -1px !important;
}
#tempo-headline-404 {display:none;}

.tempo-article.sticky {margin-bottom: -50px;}
.tempo-article.sticky .tempo-meta {display:none;}

a.more-link {display:none !important;}

.tempo-page.template-single {padding:20px 0 !important;}

.counter-wrapper {margin:55px 0 0 0px !important;}

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

ol.hoverEnabled.EnlighterJS {margin: 0 !important;}

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

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

h3.tempo-comments-title {padding-bottom: 40px !important;}

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

其他说明

最后更新:2021-3-20,修正移动版宽度适配错误。

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