我自己本身非常喜欢 WordPress 官方的 Twenty Twelve 主题,简洁大方,而且官方制作对搜索引擎SEO效果好,主题代码基本保持稳定,不需要大改。自己根据几个博主的文章进行了修改,今天贡献出来,主要参考了以下几个博主的关于Twenty Twelve修改的文章:
网站实际效果预览看本站
有使用我自己修改的这个主题的,可以留言,我一般不回复,我来挂在这个页面,会挑选的。
- 冰哥笔记博客打不开了,本站收录了文章:冰哥笔记创建twentytwelve子主题和twentytwelve主题修改优化代码分享
- 佐志仔网址:爱之深恨之切–又换主题:Twenty Twelve 子主题
- 老郭种树:WordPress 博客主题 twentytwelve 优化
- 还有其他一些博主的,主要是都是在网上搜的,好多都记不得网址了,找到的话后续再加。
具体参考了哪些就不罗列了,主要是主题样式的修改,本主题没有增加后台选项,因为没有必要,广告位可以自己在页面添加,或者直接植入 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; }