• ASP.NET使用母版页统一网页标题

    在做网页的时候给每个网页设置一个合理的标题是很有必要的事情,而做一个网站的时候需要将所有的标题的格式统一起来,比如将所有网页的标题统一为“XX页面 | XX网站”。

    我在用VS2005做的时候开始没用母版页,后来用母版页的时候发现改内容页的标题其实挺麻烦的,因为每个内容页都要设置标题,而每个标题中都要有网站的名字。如果手工给每个内容页加上该内容页的标题,再加上网站名字,岂不是很麻烦?好在我们用的是动态语言,至少网站名字可以在母版页中直接统一起来。

    下面说下我用的两种方法改写网页标题。

    1、所有的网页标题设置为“XX页面 | XX网站”。

    这种方法很简单,只用在母版页的xx.aspx.cs文件中写上这样一句代码(BasePage.GetSiteName()为获取网站标题的方法)

    Page.Header.Title += " | " + BasePage.GetSiteName();//设置前台页面所有内容页标题

    然后在每个内容页中加上内容页的标题就OK了。

    2、在母版页中改写所有内容页标题

    这样做的好处是如果要修改标题的内容页有很多,那么只用修改母版页就OK了,内容页中的标题可以不用管。这种方式的原理是先判断是哪个内容页请求的母版页,然后根据内容页的文件名来强制改写内容页的标题。

    这种方式下可以用if else判断,也可以用switch case来做

    A、如果只是首页的格式不同(比如首页的标题是“欢迎光临XX网站”,而其他页面都是“XX页面 | XX网站”)

    那么用母版页中xx.aspx.cs用这段代码,其中ContentBox为在母版页中的一个ContentPlaceHolder控件。

    string requestContentType = this.ContentBox.Page.GetType().ToString();//获取请求的内容页类型,格式如ASP.文件名_aspx
    if (requestContentType == "ASP.index_aspx")
    {
        Page.Header.Title = "欢迎光临" + BasePage.GetSiteName();
    }
    else
    {
        Page.Header.Title += " | " + BasePage.GetSiteName();//设置前台页面所有内容页标题
    }
    

    这段代码先判断内容页是不是首页(所有aspx文件名都被转换成形如“ASP.文件名_aspx”,首页文件名为indxe.aspx ,所以就被转成 ASP.index_aspx),然后根据结果改写标题。

    B、如果大部分网页的标题格式都不同或需要在母版页改写所有内容页标题

    string requestContentType = this.ContentBox.Page.GetType().ToString();//获取请求的内容页类型,格式如ASP.文件名_aspx
    
    switch (requestContentType)
    {
        case "ASP.A_aspx" :
        {
            Page.Header.Title = "A的网页标题";
            break;
        }
        case "ASP.B_aspx":
        {
            Page.Header.Title = "B的网页标题";
            break;
        }
        case "ASP.C_aspx":
        {
            Page.Header.Title = "C的网页标题";
            break;
        }
    }
    

    当然应该还有别的方法来改写网页标题,这只是我目前用到的两种,也不一定是最好的。

  • 无插件简单技巧将WordPress文章置顶+高亮设置标题颜色

    近日想把一些文章置顶并且设置置顶文章的标题颜色,但是又不想用插件,便摸索起来。

    1、置顶

    WordPress自带的有置顶功能,有两种方法可以将文章置顶。

    1. 文章发表后在文章列表里面找到需要编辑的文章,点击文章标题下方的快速编辑,然后在出现的选项中将文章设置为置顶,如下图所示:

      置顶

      置顶

    2. 编辑文章,然后点击右侧的发布框里面公开度后面的编辑,如下图所示:

      置顶2

      置顶2

    2、设置标题颜色

    将文章置顶后其次就是设置文章的标题颜色了,这个WP里面并没有提供选项,但是我们可以在编辑文章的时候对文章标题设置CSS样式

    比如将一篇标题为

    关于Zenoven自由人首页友情链接的一些说明及打算

    的文章标题改颜色,可以把标题改为

    <span style=”color:#F6882D”>[置顶]关于Zenoven自由人首页友情链接的一些说明及打算</span>

    其中的color后面的颜色值可以自己替换,#F6882D即为下图中的橘黄色。

    zhiding3