随身笔记

博客

  • 为WordPress链接关系网（rel）添加external和nofollow选项

    默认情况下Wordpress链接关系网（XFN）提供了众多选项以供大家选择，像类似“职场关系、地理关系、家庭关系还有什么情感关系”分的很详细，就是都很不靠谱，一个有用的也木有，比如：nofollow属性（即告诉搜索引擎“不要追踪此网页上的链接”或“不要追踪此特定链接”。），另外WP“关系（rel）”并不允许手动输入特定的属性，不过可以通过修改WP程序文件，添加一个external和nofollow选项。 以WordPress 3.9.2为例，打开wp-admin\includes目录的meta-boxes.php文件，在第904行下添加：

    <tr>
 <th scope="row"> external nofollow </th>
 <td><fieldset><legend class="screen-reader-text"><span> external nofollow </span></legend>
 <label for="external">
 <input class="valinp" type="checkbox" name="external" value="external" id="external" <?php xfn_check('external'); ?> />external</label>
 <label for="nofollow">
 <input class="valinp" type="checkbox" name="nofollow" value="nofollow" id="nofollow" <?php xfn_check('nofollow'); ?> />nofollow</label>
 </fieldset></td>
 </tr>

    之后再打开链接编辑页面，会出现external和nofollow选项，如下图： 如果嫌手动修改文件麻烦，可以安装使用相关插件：Add-nofollow-to-XFN

  • wordpress超级门户WPortal CMS

    WPortal超级门户网站主题是WPYOU全新开发设计一款具备强大完善门户功能的超级主题，最大程度上满足用户的门户网站建设的需要，帮助用户以极快的速度搭建优秀的WordPress超级门户网站，独有的强大灵活的后台管理功能，可以充分满足您对网站各个模块的自定义设置，从而使得网站更具个性化和唯一性，从而非常便捷地建立诸如门户新闻网站、行业门户网站、政府教育机构网站、图片分享网站等各式各样的网站类型。

    WPortal超级门户网站主题依靠WordPress简便的管理操作、强大快速的搜索优化功能以及WPYOU网站主题特有的主题特色，充分满足您搭建行业门户网站和地方门户网站的建站需求。

    WPortal超级门户 网站主题更加注重网站用户功能操作，包括游客、会员等主要的门户网站功能，都在很大程度上得到了更加全面的应用，此外，也更加方便你的此类应用的插件扩展。

    【门户站】WPortal超级门户主题使用说明：
    【 主题安装提示 】请确保您的WordPress版本在3.0以上，否则本门户主题无法正常使用。

    * 安装主题前，请禁用所有插件，主题上传启用后再重新开启；

    * 把主题【WPortal-Blue】文件夹上传到wp-content\themes\目录 后台启用

    * 把主题包里的【插件】文件夹里的插件解压后，上传到wp-content\plugins\目录 后台启用

     

    【 1 】 主题设置管理：

    * 在后台的【 门户主题设置 】中设置网站相关内容

    * 在【 门户主题设置 】中，95%的设置操作都可以进行设置了，每个设置项都有详细的操作说明描述，请注意查看

    * 其他部分设置操作，您可以根据本文档进行操作或访问在线教程

     

    【 2 】 幻灯片设置：

    * 幻灯片通过判断自定义字段（自定义域）来读取指定文章

    * 在文章编辑页面，添加自定义字段（自定义域）名称为【slider】, 对应的值为【 1 】,即为满足条件，显示在首页幻灯片位置

     

    【 3 】 文章转载功能：

    * 文章转载功能通过添加自定义字段（自定义域）实现

    * 来源网站名称 对应 自定义字段名称【from_site_name】，在对应的值里添加【来源网站名称】

    * 来源网址 对应 自定义字段名称【from_site_url】，在对应的值里添加【来源网址】

     

    【 3 】特殊页面设置

    * 留言板 建立页面时，选择使用“留言板”模板；

    * 友情链接 建立页面时，选择使用“友情链接”模板；固定链接 设置为 friendlink

    * 其他页面自由设置

     

    【 4 】 所需插件 （包含在主题包中）

    * wp-postviews 浏览次数插件

    * vote-it-up 顶贴插件 （ 插件启用后，请在【设置-Vote It Up】页面，找到【General】里的“Name of positive votes”和“Name of negative votes”清空这2个表单，在“Text displayed after vote is cast”里加上“顶过了”文字；并在【Theming】里选择使用“Orange ticker”项）

     

    【 5 】 Logo替换

    * logo替换方法：编辑好自己的logo后（ 大小为300x60PX ）保存为gif格式的文件, 替换/images/文件夹里的logo.gif

    * login登录界面图片替换方法：编辑好自己的login登录界面后（ 大小为350x100PX ）保存为png格式的文件, 替换/admin-options/images/文件夹里的loginboard.png

    WPcms下载

  • 利用css hack区分开所有的IE和FireFox、chrome

    现在的浏览器市场基本分为两大类，第一是IE浏览器和FireFox、chrome。

    现在IE已经出到了IE10，传有消息IE11也即将出来。无疑证明的是现在的浏览器即使写错了css样式也会很好的兼容其错误能正常显示，以后的趋势将会是浏览器的css样式标准将会统一化，但是目前国内市场来说还有不少的用户群体还需要兼容IE6所以我们还是有必要一些css hack手段来区分IE和FireFox、chrome，针对IE只识别的css样式。

    [code]”\9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE和FireFox.
    “*”　IE6、IE7可以识别.IE8、FireFox不能.
    “_”　IE6可以识别”_”,IE7、IE8、FireFox不能.[/code]

  • IE6不支持的CSS的type选择器

    应用IE6所不支持的CSS的type选择器，可以精确的选择各种表单元素。
    简单，明了，可以分区出各个input控件形态。
    type选择器，IE6之前的对web标准支持的不太好的浏览器不能支持。致命……

    [code]<!doctype html public “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    <html xmlns=”http://www.w3.org/1999/xhtml” >
    <head>
    <title>IE6所不支持的CSS的type选择器 – www.Mb5u.com</title>
    <meta name=”Keywords” content=””/>
    <meta name=”Description” content=””/>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <style type=”text/css”>
    input[type=”text”]
    {
    background-color:#FFC;
    }
    input[type=”password”]
    {
    background-image:url(BG.gif);
    }
    input[type=”submit”]
    {
    background-color:blue;
    color:white;
    }
    input[type=”reset”]
    {
    background-color:navy;
    color:white;
    }
    input[type=”radio”]
    {
    /*In FF,Some radio style like background-color not been supported*/
    margin:10px;
    }
    input[type=”checkbox”]
    {
    /*In FF,Some checkbox style like background-color not been supported*/
    margin:10px;
    }
    input[type=”button”]
    {
    background-color:lightblue;
    }
    </style>
    </head>

    <body>
    <dl>
    <dt>This is normal textbox:<dd><input type=”text” name=””>
    <dt>This is password textbox:<dd><input type=”password” name=””>
    <dt>This is submit button:<dd><input type=”submit”>
    <dt>This is reset button:<dd><input type=”reset”>
    <dt>This is radio:<dd><input type=”radio” name=”ground1″> <input type=”radio” name=”ground1″>
    <dt>This is checkbox:<dd><input type=”checkbox” name=”ground2″> <input type=”checkbox” name=”ground2″>
    <dt>This is normal button:<dd><input type=”button” value=”i’m button”>
    </dl>
    </body>
    </html>[/code]

  • css中的八种长度单位

    其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm；

    1. px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
    2. em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
    3. ex：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
    4. pt：点（Point），绝对长度单位。
    5. pc：派卡（Pica），绝对长度单位。相当于我国新四号铅字的尺寸。
    6. in：英寸（Inch），绝对长度单位。
    7. mm：毫米（Millimeter），绝对长度单位。
    8. cm：厘米（Centimeter），绝对长度单位。

    其中：1in = 2.54cm = 25.4 mm = 72pt = 6pc ；
    容器的大小我们经常用px做单位，大家都没什么异议，字体大小（font-size）很多国内的人（包括我）使用px做单位，其实用px做字体单位唯一的致命缺点就是在IE下无法用浏览器字体缩放的功能。如图。或者以前的按住Ctrl+滚动鼠标的中间的滚轮。

    所以多人建议使用em，对于用惯了px的人用em肯定不是很方便，这里提供一些转换公式和对照表供大家参考：

    • px to em:Example: 12px / 16px = .75em
    • px to %:Example: 12px / 16px * 100 = 75%
    • px to pt:Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
    • em to px:Example: .75em * 16px = 12px
    • em to %:Example: .75em * 100 = 75%
    • % to px:Example: 75 * 16px / 100 = 12px
    • % to em:Example: 75 / 100 = .75em
    • pt to px:Example: 12pt * 96ppi / 72ppi = 16px
    Pixels EMs Percent Points
    6px 0.375em 37.5% 5pt
    7px 0.438em 43.8% 5pt
    8px 0.5em 50% 6pt
    9px 0.563em 56.3% 7pt
    10px 0.625em 62.5% 8pt
    11px 0.688em 68.8% 8pt
    12px 0.75em 75% 9pt
    13px 0.813em 81.3% 10pt
    14px 0.875em 87.5% 11pt
    15px 0.938em 93.8% 11pt
    16px 1em 100% 12pt
    17px 1.063em 106.3% 13pt
    18px 1.125em 112.5% 14pt
    19px 1.188em 118.8% 14pt
    20px 1.25em 125% 15pt
    21px 1.313em 131.3% 16pt
    22px 1.375em 137.5% 17pt
    23px 1.438em 143.8% 17pt
    24px 1.5em 150% 18pt

    最后说一句被拍砖的话：

    个人认为现在用px做字体单位在IE下无法用浏览器字体缩放的功能的缺点已经不再是那么重要了。因为新版本ie7，ie8都已经支持整个网页的缩放功能，包括火狐默认也是缩放整个网页，而不是缩放字体，没那么单纯的缩放字体大小还有什么重大的意义吗？我的答案是吃饱了撑着没事找事。按住Ctrl+滚动鼠标的中间的滚轮试试！时代不同了！ie进步了！