从去年开始就用了阿里百秀的这个模板,因为和WineShe社区的模板结合地很好,就一直延续到现在,但当时用的XIU 4.1版本,PC端还可以,移动端显示很不友好。之前一直要升级模板,但因为模板部分内容已经有修改,所以等到现在。

昨天有时间,将之前个人博客修改的代码重新找了一遍,这样就准备将个人博客模板更新到5.3。

从4.1到5.3,我的模板修改的内容如下:

1、header文件中的登陆和注册 按钮提到 logo下面:

<?php if( _hui(‘sign_f’) ){
if( is_user_logged_in() ){
global $current_user;
get_currentuserinfo();
?>

”>

<?php }else{ ?>

<?php } ?>
<?php } ?>
<?php hui_nav_menu(); ?>

将以上代码移动到以下代码下:

/*

  • 社区热点动态调用
  • ====================================================
    */

newsletter{padding:20px;*padding:35px 20px;background: #E5ECF2;border-radius: 6px;}

newsletter h2{margin:0;}

newsletter dt{width: 100px;}

newsletter dd{margin-left: 200px;}

newsletter dd p{line-height: 30px;}

news_feed ul{color: #636B75;}

news_feed ul li{height:24px;line-height: 24px;margin-bottom: 8px;}

news_feed ul li .date{display: inline-block;float: left;width: 140px;font-size: 13px;}

news_feed ul li a{display: inline-block;max-width: 300px;overflow: hidden;line-height:24px;font-size:14px;text-overflow:ellipsis;white-space: nowrap;}

2、对应的style.css格式的修改

2.1 首先将所有的#FF5E52 替换为?#44a9b2,其次

2.2 评论左对齐的修改.comt-comterinfo ul{padding: 0;margin: 0 auto;width:700px;list-style: none;text-align: left;}

2.3 登陆和注册字颜色的修改.user-signin a:hover{color: #fff;text-decoration: underline;}

2.4 添加社区动态格式代码

2.5 热门词条格式

/*

  • 社区热点词条调用
  • ====================================================
    */

    newsletter{padding:20px;*padding:35px 20px;background: #E5ECF2;border-radius: 6px;}

    newsletter h2{margin:0;}

    newsletter dt{width: 100px;}

    newsletter dd{margin-left: 200px;}

    newsletter dd p{line-height: 30px;}

    news_topic ul#news_topic{overflow: hidden;padding-top: 5px;font-size: 12px;margin-right: -6px;}

    news_topic li{float: left;width: 33.33333%;margin-top: 2px;}

    news_topic a{color: #777;display: block;margin-right: 6px;background-color: #fafafa;padding: 4px 8px;height: 28px;border-left: 1px solid #ededed;overflow: hidden;}

    news_topic a:hover{color: #fff;background-color: #44a9b2;border-left-color: #FED426;border-left-width: 4px;}

    /*

  • header
  • ====================================================
    */

3、 footer版权信息修改

© <?php echo date(‘Y’); ?> ”><?php bloginfo(‘name’); ?>   <?php echo __(‘感谢’, ‘haoui’) ?> <?php echo __(‘WordPress’, ‘haoui’) ?> <?php echo __(‘程序’, ‘haoui’) ?>   <?php echo _hui(‘footer_seo’) ?>
<?php echo _hui(‘trackcode’) ?>

4、蒲公英

在footer文件倒数第三行添加如下代码:

<!– 蒲公英 –>


<!– end 蒲公英 –>

5、全站侧栏小工具

5.1 ?向我提问的代码

5.2 调用社区动态


5.3 时钟代码

5.4 调用热门词条


未完待续……

网络

让读书成为一种习惯
上一篇 «
愚人节
» 下一篇
© 2008 - 2022 winegrower
...... Visitors , 18.40 W Words