WordPress 官方主题 Twenty Twelve 修改美化版下载

置顶 暂无留言

我自己本身非常喜欢 WordPress 官方的 Twenty Twelve 主题,简洁大方,而且官方制作对搜索引擎SEO效果好,主题代码基本保持稳定,不需要大改。自己根据几个博主的文章进行了修改,今天贡献出来,主要参考了以下几个博主的关于Twenty Twelve修改的文章:

网站实际效果预览看本站

点击谷歌网盘下载链接,需要管道访问

有使用我自己修改的这个主题的,可以留言,我一般不回复,我来挂在这个页面,会挑选的。

具体参考了哪些就不罗列了,主要是主题样式的修改,本主题没有增加后台选项,因为没有必要,广告位可以自己在页面添加,或者直接植入 Adsense 自动广告就可以。

我修改的这个主题不署名,也不要求加链接,随意用。主题直接启用后,直接将下方的 CSS 填入主题自定义中即可,也可以自行通过 CSS 压缩工具压缩下,其实无所谓。

/* 头部添加搜索框 */
.header-search {
float: right;
margin-top: -50px;
}
@media (max-width: 650px) {
.header-search {
display: none;
}
}

/* 文章标题字体颜色 */
a{
color:#006699;

}

/* 修改导航栏背景颜色 */
.main-navigation {
background:#006699;
}

/* 修改导航菜单字号 */
.main-navigation li {
font-size: 14px;
font-size: 1.05rem;
}

/* 修改导航菜单栏目文字位置 */
.main-navigation a {
margin-left:14px;
margin-left:1rem;
}

/* 修改导航菜单栏目文字颜色为白色 */
.main-navigation li a {
color:yellow;
text-align: center;
}

/* 修改导航菜单当前栏目文字颜色为高亮白色 */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #fff;
}

/* 修改导航菜单栏目子栏目文字颜色为白色 */
.main-navigation li ul li a {
color: #fff;
}

/* 修改内容页容器 */
.site-content {
margin: 0 0 0;
margin: 0 0 0;
}

/* 修改内容页容器之间的行间距 */
.site-content article {
margin-bottom: 14px;
margin-bottom: 1rem;
}

/* 调整边栏标题字体大小与底边距离 */
.widget-area .widget h3 {
margin-bottom: auto;
font-size: 14px;
font-size: 1rem;
color:#069;
}

/* 文章内容中图片撑破页面的处理 */
.entry-content img,
.comment-content img{
border: 0;
max-width: 100%;
}

/* 调整栏目页分类目录归档与内容页之间的距离 */
.archive-header, .page-header {
margin-bottom: 14px;
margin-bottom: 1rem;
}

/* 网页宽度 */
.site {
margin: 0 auto;
max-width: 1190px;
max-width: 85rem;
overflow: auto;
}

/* 网页头部和底部间距 */
body .site {
margin-top: 0;
margin-bottom: 0;
}

/* 标签云样式修改 */
.tagcloud {
overflow:hidden;
line-height:20px;
}
.tagcloud a {
font-size: 13px!important;
border:1px solid rgba(0, 0, 0, 0.3);
padding:5px;
margin-right:5px;
margin-bottom:4px;
float:left;
display:block;
}
.tagcloud a:not(.dots):hover {
background-color: #336699;
color: #FFFFFF;
border:0;
}


.single-meta-info {
padding: 28px 0 0;
}
/* 置顶 新文章*/
.newsnticky {
color: #ff0000;
font-weight: bold;
}
article.sticky .featured-post {
border-top: 4px double #ededed;
border-bottom: 4px double #ededed;
color: #757575;
font-size: 13px;
font-size: 1.3rem;
line-height: 3.692307692;
margin-bottom: 24px;
margin-bottom: 2.4rem;
text-align: center;
}

广告栏+++++++蜜糖商店|大哥云| 搬瓦工JMS|红莓网络| Mielink|萌喵加速| 飞鸟云

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注