标签 collapse 下的文章

typecho的首页文章列表默认显示的是全部内容,如果需要显示部分内容的话,需要在编辑框中增加标签,效果看起来并不是很好。

在网上找了一段代码,修改如下:

在index.php中找到

<?php $this->content('- 阅读剩余部分 -'); ?>

修改为:
[hide]

    <?php 
if(preg_match('/<!--more-->/',$this->content)||mb_strlen($this->content, 'utf-8') < 150)
{
$this->content('阅读全文...');
}
else
{ 
$c=mb_substr($this->content, 0, 150, 'utf-8');
$c=preg_replace("/<[img|IMG].*?src=[\'\"](.*?(?:[\.gif|\.jpg|\.jpeg|\.png|\.tiff|\.bmp]))[\'|\"].*?[\/]?>/","",$c);
if(preg_match('/<pre>/',$c))
{
echo $c,'</code></pre>','...';;
}
else
{
echo $c.'...';
}
echo '</br><p class="more"><a href="',$this->permalink(),'" title="',$this->title(),'">阅读全文...</a></p>';
}
?>

[/hide]


- 阅读剩余部分 -

[scode type="red"]使用方法:
在网站的 CSS 代码中添加以下代码
Handsome 主题在后台 设置外观 - 开发者设置 - 自定义 CSS 中添加[/scode]

右侧列表

[collapse status="false" title="右侧列表图标"]

/* 右侧列表导航栏图标颜色 */
.sidebar-icon svg.feather.feather-twitter{color: #52DE97;}
.sidebar-icon svg.feather.feather-message-square{color:#495DC3;}
.sidebar-icon svg.feather.feather-refresh-cw{color:#F67280;}

[/collapse]

左侧列表

[hide]
[collapse status="false" title="左侧列表图标"]

/*左侧列表导航栏图标颜色*/
.nav-icon svg.feather.feather-grid{color:#F67280;}
.nav-icon svg.feather.feather-file{color: #52DE97;}
.nav-icon svg.feather.feather-users{color:#32cd32;}
.nav-icon svg.feather.feather-home{color:#000000;}
.nav-icon svg.feather.feather-coffee{color:#B8860B;}
.nav-icon svg.feather.feather-book{color:#FF77FF;}

[/collapse]
[/hide]

左下角

[hide]
[collapse status="false" title="左下角列表图标"]

/*左下角图标颜色*/
.left-bottom-icons svg.feather.feather-settings{color:#000000;}
.left-bottom-icons svg.feather.feather-rss{color:#000000;}
.left-bottom-icons svg.feather.feather-message-square{color:#000000;}

[/collapse]
[/hide]