稚子的成长博客

wordpress站长都需要什么样的插件呢？

发表于2014 年 3 月 31 日由稚子

必备插件：

1、All in One SEO Pack

这个插件毋庸置疑的强大，是目前wordpress最好的seo插件，可以为每篇文章单独设置关键词和描述，功能丰富强大，即使不太懂seo的站长只要养成填写标签的好习惯，都能够很好的对网站进行seo优化，所以该插件属于必备插件。

2、Akismet

这是wordpress自带的牛力插件，只要简单的申请属于自己的wordpress api就可以使用这款强大的垃圾评论过滤插件，这款插件强大之处在于不是通过简单的本地规则来匹配过滤垃圾评论，而是通过远程的“云”服务器的数据来判断，并且可以通过不断的学习愈发的智能。

3、WP-PageNavi

你的网站还让用户不停的点下一页吗?那简直太折磨人了，试试WP-PageNavi吧，这款页面导航插件能够为你的网站轻松加上页码导航，并且可以自定义样式表，实现漂亮的导航样式。

4、Simple Tags

这也是一款必备插件，如何为用户推荐相关联的文章?如何撰写文章的时候能够看到提示标签?如何批量的管理文章标签?这一切只需要这个小小的插件就能解决，没错，它为文章标签而生，不得不爱。

5、WP-PostViews

一篇文章一定要有展示阅读点击数的地方，这也是专业网站和博客必做的功课，用用这款插件吧，简单实用，就这么简单，但必不可缺。

个性推荐：

除了那些必不可少的插件以外，一些好用的插件也能为你的网站增色不少，我们不妨再看看。

1、CodeColorer

如果你需要经常在网站上贴一些代码或者特殊文本，那么你一定需要一款可以直接贴代码(wordpress会自动转换危险的可执行代码和html标签，这给贴写代码带来了相当的不便)而且还能高亮显示代码的插件，这款软件则正好可以满足你的需求，其实同类的插件还有很多，但是能够保证在RSS输出中还能保证高亮的插件可不多哦，不过幸运的是，这款插件就能很漂亮的做到。

2、FancyBox for WordPress

网站没有点漂亮的特效一定不够吸引眼球，站长们一定都知道著名的图片特效查看插件(灯箱插件)-lightbox，但是显然我给你推荐了更好的插件，这款绚丽的 fancybox可比lightbox帅气多了，有多种特效可以选择(波浪效果，阿拉丁神灯效果，淡出淡入效果…哦，太多了，你看了一定被萌翻了)，最最关键的是，这款插件易于使用，自动寻找图像标签，兼容性极佳!

3、MobilePress

谁不希望自己的网站能够支援各类中端呢?但是传统的网站在手机等移动设备上的显示效果实在是太糟糕了，幸好有MobilePress这个给力的插件，我终于可以在手机上轻松访问自己的站点了。该插件最优秀的特性在于可以只能识别手机中端，一旦用手机访问网站，则会自动切换到手机模版，所有的样式都会针对手机等小屏幕设备进行优化哦，真是帅呆了!

4、wp slug translate

不知道你是不是和我一样懒得填写网站的固定url呢?不过缺省的固定连接规则实在是弱爆了，怎么办?怎么办?没关系，试试这款插件吧，他能够调用google translate引擎，只能的将文章的标题翻译成英文填入到固定链接里~~OMG..这就完事了?是的!

5、Mail To Commenter

一个负责懂运营的站长一定希望自己回复的评论能够通知到评论者，那么就应该试试这款插件了，这插件是干什么的?我只知道当你回复完评论后，评论人的邮箱里会静静的躺着你的回复通知，这很棒，不是吗?

好了，就总结这么多吧，也几乎把我最常用的插件都罗列了。

发表在生活随笔 | 标签为 wordpress | 留下评论

php object 转 array数组形式的函数

发表于2013 年 5 月 23 日由稚子

&lt;?php
function std_class_object_to_array($stdclassobject)
{
    $_array = is_object($stdclassobject) ? get_object_vars($stdclassobject) : $stdclassobject;

    foreach ($_array as $key =&gt; $value) {
        $value = (is_array($value) || is_object($value)) ? std_class_object_to_array($value) : $value;
        $array[$key] = $value;
    }

    return $array;
}

<?php

function std_class_object_to_array($stdclassobject)

{

$_array = is_object($stdclassobject) ? get_object_vars($stdclassobject) : $stdclassobject;

foreach ($_array as $key => $value) {

$value = (is_array($value) || is_object($value)) ? std_class_object_to_array($value) : $value;

$array[$key] = $value;

}

return $array;

}

发表在 BS架构后台语言 | 标签为 array, php | 留下评论

PHP各种读取xml方法汇总

发表于2013 年 5 月 23 日由稚子

一，什么是xml，xml有什么用途

XML(Extensible Markup Language)即可扩展标记语言，它与HTML一样，都是SGML(Standard Generalized Markup Language,标准通用标记语言)。Xml是Internet环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。扩展标记语言XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。

XML的用途很多，可以用来存储数据，可以用来做数据交换，为很多种应用软件提示数据等等。继续阅读 →

发表在 BS架构后台语言 | 标签为 php, xml | 留下评论

IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG

发表于2013 年 5 月 20 日由稚子

问题现象描述：IE6,IE7下元素使用position:relative无法跟随父级一直滚动使用的样式与结构如下

.box{width:300px;height:200px;overflow-x:hidden;overflow-y:auto;}
.box ul li{text-align:left;position:relative;line-height:1.3em;}
.box ul li span{position:absolute;right:5px;top:0;}

.box{width:300px;height:200px;overflow-x:hidden;overflow-y:auto;}

.box ul li{text-align:left;position:relative;line-height:1.3em;}

.box ul li span{position:absolute;right:5px;top:0;}

继续阅读 →

发表在 Web前台开发技术 | 标签为 IE6, IE7, position, relative | 留下评论

IE6下解决大尺寸图片等比例缩放的问题

发表于2013 年 5 月 14 日由稚子

关于文章内容页里上传的大图片按等比例缩放的问题着实让我伤透了脑筋，置之不理的话偶尔一两张大尺寸的图片会让整个页面变形。用原生的JavaScript实现的图片等比例缩放，存在max-width和max-height在ie6中不兼容的问题，而网上流传的那些强制指定图片最大宽度。

关于文章内容页里上传的大图片按等比例缩放的问题着实让我伤透了脑筋，置之不理的话偶尔一两张大尺寸的图片会让整个页面变形。用原生的JavaScript实现的图片等比例缩放，存在max-width和max-height在ie6中不兼容的问题，而网上流传的那些强制指定图片最大宽度的CSS代码无法实现等比例缩放，特殊点尺寸的图片会导致图片变得面目全非。

今天用jQuery实现这个问题。继续阅读 →

发表在 Web前台开发技术 | 标签为 IE6, 图片缩放 | 留下评论

css关于定位的知识普及

发表于2013 年 5 月 14 日由稚子

absolute是相对于自己最近的父元素来定位的，如果你不给其父元素相对定位，那么这个绝对定位就是相对于body或者其父元素的父元素来定位的。

举个例子：比如

&lt;div id="aa"&gt;
    &lt;div id="bb"&gt;
        &lt;div id="cc"&gt;绝对定位内容&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

<div id="cc">绝对定位内容</div>

</div>

如果让cc绝对定位，必须给bb层首先定义个相对定位，这个相对定位无需设置位置。

否则cc会根据aa的位置（如果aa设置了相对定位的话），或者直接就根据页面的body来定位了。

relative是相对于自己来定位的，例如：#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。

另：relative 不脱离文档流，absolute 脱离文档流。也就是说：relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变。absolute的元素不仅位置改变了，同时也脱离了文档流。

打个比方：把相对定位的层比喻成一个楼层，比如3层，这个楼6层，那么设置相对定位右侧偏移100米。那么结果是什么呢？？？

结果就是，1、2、4、5、6楼层还在原来的位置，3层的位置还是给留着的哦（因为他还在文档流中），只是看着没有了，因为他往右边跑了100米，他成了空中楼阁啦。。

发表在 Web前台开发技术 | 标签为 css, position | 留下评论

css中hideFocus的用法

发表于2013 年 5 月 14 日由稚子

hideFocus这个属性和SDK有什么关系呢，实际上hideFocus和SDK没有实质关系，不过在显示效果上，hideFocus还是起到一定作用的。

hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：

onFocus=”this.blur()”

它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。

你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。

在IE下，需要在标签 a 的结构中加入 hidefocus=”true” 属性。即：

而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：

a {
outline:none;
}

a {

outline:none;

}

继续阅读 →

发表在 Web前台开发技术 | 标签为 css | 一条评论

javascript中 [CDATA[的web标准使用方法

发表于2013 年 5 月 14 日由稚子

根据W3C XHTML 1.0的规定：在XHTML中，因为<和&这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号<和&需要转义成<和&。

比如下面的XHTML标准模式代码是错误，因为未使用转义字符（保存为itworks.xhtml文件，用firefox打开）：

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cmn-Hans-CN"&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /&gt;
    &lt;title&gt;test&lt;/title&gt;
    &lt;script type="text/javascript"&gt;
        if(1&lt;2)
        {
            alert('a');
        }
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;xhtml,It works.
&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

if(1<2)

{

alert('a');

}

</script>

</head>

<body>

<p>xhtml,It works.

</p>

</body>

</html>

继续阅读 →

发表在 Web前台开发技术 | 标签为 Javascript, web | 留下评论

CSS使Web页面变灰(但是不兼容firefox)

发表于2013 年 5 月 9 日由稚子

4．20地震给四川雅安人民带来了巨大灾难，4月27日到4月29日为全国哀悼日，有很多网站界面今天都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些地震逝者。

如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。

以下是代码片段：

*{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}

继续阅读 →

发表在 Web前台开发技术 | 标签为 css | 留下评论

稚子的成长博客

感动千万人的故事

wordpress站长都需要什么样的插件呢？

必备插件：

个性推荐：

php object 转 array数组形式的函数

PHP各种读取xml方法汇总

IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG

IE6下解决大尺寸图片等比例缩放的问题

css关于定位的知识普及

css中hideFocus的用法

javascript中 [CDATA[的web标准使用方法

CSS使Web页面变灰(但是不兼容firefox)

继续阅读 →

归档

功能