首先非常感谢Salong主题的作者萨龙龙,大概一年前关注到作者的网站,当初此款主题为作者自用,并不对外提供,最近偶然发现该主题已经免费对外分享,甚为开心,故再次感谢作者的辛勤付出。使用Salong主题之后,感觉有些地方和自己一直心仪的简洁主题有点出入,故做出了一定的修改,目的是使其更加干净、纯粹,现做说明如下:

1.删除页脚菜单和页脚导航栏

footer.php中的<footer class="footer">之后删除

<div class="footer-menu-wrap"> 
<!-- 页脚菜单 --> 
<nav class="footer-nav wrapper"> 
<?php wp_nav_menu( array( 'container_class' => 'footer-menu', 'theme_location' => 'footer-menu' , 'fallback_cb'=>'Salong_footer_fallback') ); ?> 
</nav> 
<!-- 页脚菜单end --> 
</div> <div class="footer-widgets-wrap"> 
<aside class="wrapper"> 
<div class="footer-widgets left"> 
<?php dynamic_sidebar( '页脚第一栏' ); ?> 
</div> 
<div class="footer-widgets left"> 
<?php dynamic_sidebar( '页脚第二栏' ); ?> 
</div> 
<div class="footer-widgets left"> 
<?php dynamic_sidebar( '页脚第三栏' ); ?> 
</div> 
<div class="footer-widgets widgets-right right"> 
<?php dynamic_sidebar( '页脚第四栏' ); ?> 
</div> 
</aside> 
</div>

2. 删除页脚广告

social.php$sl_rss     = get_option('sl_rss_link');之后删除

echo ($sl_taji) ? 
'<span><a class="icons" title="它季|专属民族格调商城!" target="_blank" href="'.$sl_taji.'">
<i class="icon-taji"></i>
</a></span>' : ''; 
echo ($sl_taobao) ? 
'<span><a class="icons" title="它季淘宝商城" target="_blank" href="'.$sl_taobao.'">
<i class="icon-taobao"></i>
</a></span>' : '';

3. 去除面包屑和搜索框,使得页面更加简洁

header.php中删除

<!-- 面包屑与搜索 --> 
<div class="slide-shadow"></div> 
<div class="crumbs-wrap"> 
<article class="crumbs-search wrapper" > 
<!-- 面包屑 --> 
<div class="crumbs left">
<?php salong_breadcrumbs();?>
</div> 
<!-- 面包屑end --> 
<!-- 搜索 --> 
<?php include(TEMPLATEPATH . '/includes/search_wp.php'); ?> 
<!-- 搜索end --> 
</article> 
</div> 
<!-- 面包屑与搜索end -->

4. 让文章页面变成单栏居中显示

  • step1:首先在文章页面去除博客边栏调用
<!-- 博客边栏 --> 
<?php get_sidebar(); ?> 
<!-- 博客边栏end -->
  • step2: 其次修改style.css,添加.center属性.center{ margin:0 auto; }

  • step3: 修改

.content-box{ 
margin: 0 20px 32px 3px; width: 72%; 
font-family: Verdana,宋体; 
padding: 16px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; }

.content-box{ 
width: 72%; 
font-family: Verdana,宋体; 
padding: 16px; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; }
  • step4: 最后在single.php中将
content-box left

修改为

content-box center

5. 去除首页文章列表显示中的缩略图显示,使得页面简洁且加载速度更快

修改post.php,注释或者删除掉

 <div class="post-thumb"> 
<?php post_thumbnail(); ?> 
</div>

6. 去除首页的分类目录文章显示

index.php中删除或者注释掉

<?php include('includes/cms.php'); ?>

7. 添加首页文章列表的分页导航栏

在new_post.php中添加(只能显示出分页导航,但并不能响应)

8.将首页文章列表显示修改为单列显示,并修改列宽

  • step1:修改style.css

.content-wrap > ul,.cms > ul,.new-post > ul{ 
font-size: 0; } 
.content-wrap > ul > li,.cms > ul > li,.new-post > ul > li{ width: 48%; margin-right: 4%; display: inline-block; -webkit-box-sizing:

修改为

/*独立文章*/ 
.content-wrap > ul,.cms > ul,.new-post > ul{ 
font-size: 0; } 
.content-wrap > ul > li,.cms > ul > li,.new-post > ul > li{ width: 100%; display: inline-block; -webkit-box-sizing:
  • step2:修改首页文章缩略图大小为900*250

修改thumb-nl.phpthumb.php中的缩略图生成函数,将

function post_thumbnail( $width = 400,$height = 225 )

修改为

function post_thumbnail( $width = 400,$height = 225 )

9.修改归档中的列表为单列

修改archive.php,将

<!-- 文章 --> 
<article class="post left">

修改为

<!-- 文章 --> 
<article class="post">

10.去除首页幻灯片

修改header.php,在<!--幻灯片-->之后删除

<?php include('includes/slider.php'); ?>

11.关闭图片延迟加载

修改footer.php,将

<?php 
if (get_option('sl_lazyload') == 'true') { 
include(TEMPLATEPATH . '/includes/lazyload.php'); } 
?>

修改为

<?php 
if (get_option('sl_lazyload') == 'false') { 
include(TEMPLATEPATH . '/includes/lazyload.php'); } 
?>

本修改教程仅供参考,也希望大家修改前能够做好备份工作!