momincong

网站重建小记4——Handsome主题的修改心得
Handsome模板我用了很久了,从第一个博客就开始用了,当时还是开源测试阶段,后面作者友人c开始付费,我当时斟酌...
扫描右侧二维码阅读全文
11
2019/01

网站重建小记4——Handsome主题的修改心得

Handsome模板我用了很久了,从第一个博客就开始用了,当时还是开源测试阶段,后面作者友人c开始付费,我当时斟酌了一下,也还是买了,当时45块对于我来说可不是小数目哈,用了那么久,我觉得还是值得的,作者现在也还在更新,十分用心,推荐大家购买。

那我就来讲讲对Handsome模板的一些修改与理解

在高一的时候接触了一下html,css和php,网站代码勉强算看得懂吧,我的水平也只能改一改了,要我写,是写不出来的,至今还有一些问题因为个人能力问题无法解决,如果在座的有高手,可以帮我出点主意。

一、 侧边栏的修改

原来的侧边栏是这个样子的

可以看到,分类和页面是完全折叠的,页面也就算了,毕竟可以通过后台的主题配置来将其提到上面来,但是分类,我觉得将它独立展开是十分有必要的,因为很多人看博客,可能不怎么想看日常文章,直接看技术文,而每次都要点开分类是一件很难受的事情,所以,我第一时间,就是对侧边栏进行改进

当然,这也是修改的主要部分

 <!--———————————自加内容———————————————————————————————————————————————————————————————————-->                  
              
                <!-- /分类 -->
              <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                  <span><?php _me("分类") ?></span> 
              </li>

                  <!--循环输出分类-->
                    <?php
                    $this->widget('Widget_Metas_Category_List')->to($categorys);
                    echo Content::returnCategories($categorys) ?>

              <!-- /分类 -->  
              <li class="line dk"></li>
              
              <!-- 博客信息 -->
              <?php if (@!in_array('info',$this->options->sidebarSetting)): ?>
              <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                  <span><?php _me("博客信息") ?></span> 
              </li>
              
                   <ul class="list-group">
                       <?php Typecho_Widget::widget('Widget_Stat')->to($stat); ?>
                       <li class="list-group-item"> <i class="glyphicon glyphicon-file text-muted"></i> <span class="badge pull-right"><?php $stat->publishedPostsNum() ?></span><?php _me("文章数目") ?></li>
                   <li class="list-group-item"> <i class="glyphicon glyphicon-comment text-muted"></i> <span class="badge pull-right"><?php echo ($stat->publishedCommentsNum)-($this->commentsNum); ?></span><?php _me("评论数目") ?></li>
                   <li class="list-group-item"> <i class="glyphicon glyphicon-equalizer text-muted"></i> <span class="badge pull-right"><?php echo Utils::getOpenDays(); ?></span><?php _me("运行天数") ?></li>
               
                   </ul>
                  <?php endif; ?>
              <!-- /博客信息 -->
             
              
              
               <li class="line dk"></li>
              
               <!--友情链接-->
              <li>
                <a class="auto">
                  <span class="pull-right text-muted">
                    <i class="fontello icon-fw fontello-angle-right text"></i>
                    <i class="fontello icon-fw fontello-angle-down text-active"></i>
                  </span>
                  <i class="iconfont icon-links"></i>
                  <span><?php _me("友链") ?></span>
                </a>
                <ul class="nav nav-sub dk">
                  <li class="nav-sub-header">
                    <a data-no-instant>
                      <span><?php _me("友链") ?></span>
                    </a>
                  </li>
                  <!--使用links插件,输出全站友链-->
                 <?php $mypattern1 = "<li><a href=\"{url}\" target=\"_blank\" title=\"{title}\"><span>{name}</span></a></li>";
                  Links_Plugin::output($mypattern1, 0, "ten");?>
                </ul>
              </li>
              <!--友情链接-->

    <!--——————————————————————————————————————————————————————————————————————————————————————-->    

其中将分类和友链单独放了出来,然后就是把右边栏的博客信息提取了出来,本来想把最近更新也那到左边的,但是发现这东西没有ajex刷新似乎无法刷新,于是乎就将它删掉了

<li class="line dk"></li>这个就是一个小横线的标签

<li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
    <span><?php _me("分类") ?></span> 
</li>

上面这个是灰色小字的样式。

哎,其实发现也没啥好写的,算了算了,这篇到此为止吧。

Last modification:April 14th, 2019 at 07:00 am

Leave a Comment