自用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 (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;
}

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

#tempo-headline-page {margin:30px 0 0 -3px !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;
  padding-bottom: 30px;
}
input#submit {
  margin:0 0 45px;
  width:100%;
  padding:10px 0;
}

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;}

其他说明

最后更新:2019-08-06

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

0