Categories


Tags


Z-Blog相关文章图文列表

之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 1-10 张不等的缩略图,而我们独立博客却少有这样的插件,通常只有纯文字方式的相关文章列表,本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。

先安装一个名为FirstIMG的插件,之后,修改zb_system/function/c_system_lib.asp文件的Export_Mutuality函数,开头增加一行 Dim ArticleFirstIMG

在 strCC_Title=objArticle.Title 一行的后面,增加如下代码:

ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)

If ArticleFirstIMG <> "" Then

ArticleFirstIMG="<img class=""firstimg"" src=""" & ArticleFirstIMG & """/>"

Else

ArticleFirstIMG="<img  class=""firstimg"" src=""<#ZC_BLOG_HOST#>zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"

End If

之后在 strCC=Replace(strCC,"<#article/mutuality/name#>",strCC_Title) 后面增加一行

strCC=Replace(strCC,"<#article/mutuality/firstimg#>",ArticleFirstIMG)

之后修改模板的style.css文件,在文件结尾增加如下css

/* Related Posts */

ul.related-posts {

clear:both;

padding:0;

margin:10px 0px 0px 0px;

}

ul.related-posts li{

display:inline-block;

margin-left:5px;

padding:0;

text-align:center;

vertical-align:top;

width:195px;

}

ul.related-posts img{

background:#F7F7F7;

clear:both;

height: auto;

width:186px;

-moz-box-shadow:2px 2px 3px 1px #999;

-webkit-box-shadow: 2px 2px 3px 1px #999;

box-shadow:2px 2px 3px 1px #999;

}

ul.related-posts img:hover {

filter: alpha(opacity=50);

opacity: 0.5;

}

ul.related-posts a{

border:none;

clear:both;

display:block;

text-decoration:none;

}

ul.related-posts li{

font-size:12px;

overflow: hidden;

text-overflow: clip;

white-space: nowrap;

}

然后修改b_article_mutuality.html模板,模板内容为

<li><a href="<#article/mutuality/url#>"><#article/mutuality/firstimg#></a><a  href="<#article/mutuality/url#>"><#article/mutuality/name#></a></li>

修改b_article-single.html模板,在适当的位置增加相关文章代码

<h4 id="mutualitybox"><#ZC_MSG231#></h4>

<ul class="related-posts">

<#template:article_mutuality#>

</ul>

然后重建文章即可,最终相关文章的展示样式参见下图所示。

来源:月光博客


Public @ 2012-02-24 15:44:59

虚拟主机WordPress部署SSL注意事项(301跳转)

在虚拟主机上部署SSL证书时,需要注意以下几点: 1. 获取正确的SSL证书:确保你获得了合法有效的SSL证书。SSL证书可以通过第三方证书颁发机构(CA)购买或者使用免费的Let's Encrypt证书。 2. 配置虚拟主机:在虚拟主机的配置文件中,确保已启用SSL支持,并配置正确的SSL证书路径。 3. 修改WordPress配置:打开WordPress的wp-config.php文件,

Public @ 2023-08-01 04:50:27

Winows+Nginx下安装SSL证书

一:Nginx安装SSL证书需要两个配置文件(温馨提示:安装证书前请先备份您需要修改的服务器配置文件)1_root_bundle.crt、 2_domainname.com.key。注:这两个证书文件都在文件夹for Nginx.zip中。例:1_root_bundle.crt是根证书链(公钥),2_ domainname.com.key为私钥。(其中:证书公钥、私钥文件 一般以您的域名命名;证书

Public @ 2014-09-09 15:36:29

把个人Blog作成一个成功品牌的10个策略步骤

俄亥俄州一家名为eStrategyOne的在线营销方案解决公司的经理Rich Ottum,围绕着Business Weblogs的营销策略,给出了十个步骤;而在个人看来,要想把Blog作成一个成功的品牌,这些步骤,也是非常必要的;下面围绕作者的主要论点,结合我个人的观点,提出针对个人blog的10个步骤:1、保持常新(Make it New):你的Blog不仅仅是你的站点,你必须时不时提供新鲜的内

Public @ 2015-08-20 15:44:56

更多您感兴趣的搜索

0.417065s