迷失的世界 » wordpress

WordPress 实现图片自动缩放

Zero — Tue, 26 Jun 2012 14:47:15 +0000

偶经常发表日志需要配图，感觉加点图片怎么都看着舒服些，有时候加的图片比较大，
导致图片显示不全，所以需要这个自动缩放效果！
wordpress官方皮肤自带有大图片自动缩放，但是效果不是很好，下面列举3种比较完美的缩放代码供大家参考。

方法一、采用官方默认CSS

使用方法：将以下代码直接加入style.css即可
相关说明：只能控制宽度的缩放，高度无法控制，且不支持IE6

p img {
	padding: 0;
	max-width: 100%;
	}

官方的这个方法，不能控制高度，而且不支持IE6，下面偶寻找了一个比较完美的解决方案，我现在用的就是这种CSS控制方法：

p img {
max-width:600px;
width: expression(this.width > 600 ? “600px” : true);
height:auto;
}

方法二、使用jQuery实现

使用方法：1、加载jQuery库 2、将以下代码加入header.php或单独保存为JS并加载

相关说明：可以对图片进行自动缩放，方法较为完美。

$(document).ready(function(){
    $('div').autoResize({height:750});
});  
jQuery.fn.autoResize = function(options)
{
    var opts = {
        'width' : 700,
        'height': 750
    }
    var opt = $.extend(true, {},opts,options || {});
    width = opt.width;
    height = opt.height;
    $('img',this).each(function(){
        var image = new Image();
        image.src = $(this).attr('src');   if(image.width > 0 && image.height > 0 ){
            var image_rate = 1;
            if( (width / image.width) < (height / image.height)){
                image_rate = width / image.width ;
            }else{
                image_rate = height / image.height ;
            }
            if ( image_rate <= 1){
                $(this).width(image.width * image_rate);
                $(this).height(image.height * image_rate);
            }
        }
    });
}

方法三、CSS控制

使用方法：将以下代码直接加入style.css即可

相关说明：可以缩放高度以及宽度，但是比较死板，支持IE6

p img {
    max-width:100px; /* FF IE7 */
    max-height:80px; /* FF IE7 */
    width:expression(this.width > 100 && this.width > this.height ? 100 : true);
    height:expression(this.height > 80 && this.height > this.width ? 80 : true);
    overflow:hidden;
}

这个可以控制缩放固定大小~~也挺好的！

[WordPress]在文章中插入FLASH和音乐（无需插件）

Zero — Mon, 25 Jun 2012 17:41:04 +0000

在WordPress中，要在文章中插入一段FLASH或者音乐，除了使用相应的FLASH插件和音频插件（比如Audio Player插件）以外，还可以使用html式的代码来实现调用，此举也可避免插件太多影响页面加载速度。

插入FLASH：

添加新文章时用HTML编辑，将上面的代码复制填入，将“FLASH地址”换成你要插入的FLASH地址（一般后缀为swf或flv），完成后即可回到可视化编辑继续写内容（可视化编辑时也可采用伸拉的方式对FLASH的宽度和高度进行调整）。

插入音乐：

填入音乐地址，同理。
注：代码中的引号应为英文引号，如不是请修改。

相关参数使用说明：

src：媒体文件地址。
autostart：是否自动播放，true为自动，false为手动。
loop：是否循环，true为循环，false只播放一次，也可直接设置数字，2表示播放2次，同理。
width：播放界面的宽度，一般在300到500之间最好。
height：播放界面的高度。根据视频、音频来定（音频时此值不必设太大）。
hidden：是否隐藏播放界面，true为不可见，false表示可见。
quality=high表示以高档画质播放。
pluginspage=http://www.macromedia.com/go/getflashplayer表示播放插件调用自该地址，传说可省略。

利用CSS实现wordpress侧边栏分类目录分两列显示

Zero — Tue, 05 Jun 2012 15:52:00 +0000

细心的童鞋或许已经发现了我的博客侧边栏的那个分类目录已经由原来的一栏显示变成分两栏显示了，这个主要是根据你自己博客的需要去修改的，如果你希望实现，可以有很多功能强大的插件去实现分类目录分两栏显示，但是今天偶告诉你的是一个非常简单的实现方法，用CSS实现。利用CSS标签ul和li的宽度去实现，控制ul宽度=li宽度x2。

修改方法

1、CSS部分

.sidebar-categories li{
width:130px;
float:left;
}
.sidebar-categories ul{
width:260px;
display:block;
overflow:auto;
}

注：宽度根据你个人的需要去进行调整。总之控制好ul宽度=li宽度的两倍

2、php 文件修改部分

分类目录

这部分就在你侧边栏需要显示分类的地方贴上，wp_list_categories的属性可以自行调整。IE6下的兼容性也被我解决掉了！

轻轻感叹一下：强大的CSS！

wordpress在win主机开启伪静态启用Rewrite模块

Zero — Sat, 26 May 2012 17:07:19 +0000

伪静态通过【win主机伪静态】

最近使用wordpress建立了这个博客，首先国外的程序环境要求和国内的好多差异，采用ISAPI_Rewrite后怎么也无法静态化，静态化成功后网址中必须带有index.php，本来无法去掉也无所谓；当文章翻页的时候发现了问题，主页的分页到第二页第三页….都无法打开，原因是地址中竟然多了一个index.php(例如：index.php/index.php/pag这样了，url完全错误了)，许多人说环境问题，无奈下开始考虑重新来考虑静态问题，分析思路采用Discuz论坛哪种伪静态方式比较不错，那么为什么discuz可以，却在wordpress不可以呢，功夫不负有新人，昨天晚上调试成功了，和大家分享一下。

首先你的服务器加载了ISAPI_Rewrite，Discuz如果您正在使用伪静态，那么就不要考虑再次加载了，在wordpress官方许多人提出了需要单独加载专用的Rewrite，其实不需要，在国内的文章copy太严重了，找了一天，发现重复的起码有9.6成都同出一辄，没有一点正确性，不能使用，无奈之下去国外搜索到后，建立了httpd.ini，网站成功完成了静态，永久链接规则也可以自行随意根据喜好设置，这是国内那些描述中还没有做到的，本站就是采用的这个规则，在永久链接内也可以随意修改自己的喜好网址样式，同样seo目的也达到了，如果您在使用wordpress的时候还在被前边描述的问题困扰，那么赶快行动吧。
备注：
1、在你使用ISAPI_Rewrite后，无需再使用cos-html-cache静态生成插件，因为没有这个必要了。
2、ISAPI_Rewrite国外网址：http://www.basilv.com/psd/blog/2 … dpress-20-under-iis
规则如下：

 [ISAPI_Rewrite]
# Defend your computer from some worm attacks
#RewriteRule .*(?:global.asa|default\.ida|root\.exe|\.\.).* . [F,I,O]
# 3600 = 1 hour
CacheClockRate 3600
RepeatLimit 32
# Protect httpd.ini and httpd.parse.errors files
# from accessing through HTTP
# Rules to ensure that normal content gets through
RewriteRule /software-files/(.*) /software-files/$1 [L]
RewriteRule /images/(.*) /images/$1 [L]
RewriteRule /sitemap.xml /sitemap.xml [L]
RewriteRule /favicon.ico /favicon.ico [L]
# For file-based wordpress content (i.e. theme), admin, etc.
RewriteRule /wp-(.*) /wp-$1 [L]
# For normal wordpress content, via index.php
RewriteRule ^/$ /index.php [L]
RewriteRule /(.*) /index.php/$1 [L]

安装说明：
1. 将Rewrite.dll拷贝到c:\Rewrite.dll（也可以拷贝到C:\WINDOWS目录内，位置根据喜好可以自由放置）;
2. 在IIS的Isapi上添加这个筛选器, 筛选器名称Rewrite,可执行文件选择Rewrite.dll;
3. 重新启动IIS，成功后会有如下显示：

4. httpd.ini 是配置文件,如果您了解Rewrite 规则,可以直接对其进行编辑;
5. 默认规则为wordpress专用，其他PHP程序伪静态无法使用;
备注：在前三项成功完成后，将httpd.ini传送到网站跟目录就完成了伪静态环境搭建，下边开始进入后台，设置永久链接采用自定义方式，代码可以参考官方：http://codex.wordpress.org/Using_Permalinks，设置您喜欢的显示方式即可[例子:/%category%/%postname%.html 含义是按照分类目录名称/内容页名称.html方式,增加html就是大家喜欢看到的静态标识 ]伪静态就这样建立完成了；

第二个方法：

Windows主机下安装WordPress程序，默认实现不了像Linux系统环境下的完美伪静态，这也是Windows主机用户安装WordPress程序最为头疼的地方，这里WPYOU把相关方法分享给大家：

方法1：
1.1 首先，主机装Rewrite 组件，现在国内很多Windows主机默认就装这个组件了。最好做伪静态的时候先问下你的空间商。

1.2 主机启用了Rewrite模块后，剩下的只需要一个httpd.ini就能解决问题了。

httpd.ini是指wordpress程序在windows虚拟主机上的伪静态设置。下面就贴出WP伪静态的httpd.ini代码：

[ISAPI_Rewrite]
# 3600 = 1 hour
CacheClockRate 3600
RepeatLimit 32
# Protect httpd.ini and httpd.parse.errors files
# from accessing through HTTP
# Rules to ensure that normal content gets through
RewriteRule /sitemap.xml /sitemap.xml [L]
RewriteRule /favicon.ico /favicon.ico [L]
# For file-based wordpress content (i.e. theme), admin, etc.
RewriteRule /wp-(.*) /wp-$1 [L]
# For normal wordpress content, via index.php
RewriteRule ^/$ /index.php [L]
RewriteRule /(.*) /index.php/$1 [L]

1.3 把httpd.ini直接上传到网站根目录即可实现。

总结：这种方式是实现Windows主机的伪静态最简单快捷的方法。

方法2：
如果方法1 中代码不能实现，可以试下下面这段代码（同样是放到httpd.ini中，然后上传到网站根目录）：

[ISAPI_Rewrite]
# 3600 = 1 hour
CacheClockRate 3600
RepeatLimit 32
# Protect httpd.ini and httpd.parse.errors files
# from accessing through HTTP
# wordpress 伪静态规则
# For tag（中文标签以及标签翻页的规则）
RewriteRule /tag/(.*)/page/(\d+)$ /index\.php\?tag=$1&paged=$2
RewriteRule /tag/(.+)$ /index\.php\?tag=$1
# For category（中文分类以及分类翻页的规则）
RewriteRule /category/(.*)/page/(\d+)$ /index\.php\?category_name=$1&paged=$2
RewriteRule /category/(.*) /index\.php\?category_name=$1
# For sitemapxml
RewriteRule /sitemap.xml /sitemap.xml [L]
RewriteRule /sitemap.html /sitemap.html [L]
RewriteRule /sitemap_baidu.xml /sitemap_baidu.xml [L]
RewriteRule /favicon.ico /favicon.ico [L]
# For file-based wordpress content (i.e. theme), admin, etc.
RewriteRule /wp-(.*) /wp-$1 [L]
# For normal wordpress content, via index.php
RewriteRule ^/$ /index.php [L]
RewriteRule /(.*) /index.php/$1 [L]

wordpress更换了博客域名之后更改附件路径用到的插件

Zero — Fri, 18 May 2012 16:21:02 +0000

原来用到的.com的域名到期了，重新申请了.cn的域名。

换了域名后。文章照常显示，可以原来的图片还是引用的原来域名的，不显示了。百度搜了一下，好多推荐用sql命令的，说实话真的不会。数据库不太懂，不敢贸然去修改。

在这里推荐我用到的一款很棒的插件，它就是“Velvet Blues Update URLs”。运用到它，就可以将一切文章、附件旧地址更改为新地址，图片也就可以显示了哦

启用插件之后，在后台“设置”里边有操作的方法。

除了用插件下面也是一些方法！

大家知道，WP博客更改域名地址，在成功导入数据库和转移网站数据库后，还需要修改HOME和SITEURL两个地址。一般大家都是通过修改数据库，其实不用那么麻烦和危险，哈哈。通过修改配置文件也可以的。

第一种、修改wp-config.php

1、在wp-config.php中，添加以下两行内容：

define(‘WP_HOME’,’http://www.newdomain.com’);
 define(‘WP_SITEURL’,’http://www.newdomain.com’);

www.msland.cn代表你的新地址

2、登录后台，在 “常规 -> 设置”重新配置新博客地址（HOME）和安装地址（SITEURL），成功后一定记得删除上面添加的内容。

第二种、修改functions.php

functions.php指的是位于当前博客主题目录内，可以自定义一些主题函数。

1、在functions.php中，添加以下两行内容：

update_option(‘siteurl’,’http://www.msland.cn’);
update_option(‘home’,’http://www.msland.cn’);

同样，www.msland.cn代表你的新地址

2、登录后台，在 “常规 -> 设置”重新配置新博客地址（HOME）和安装地址（SITEURL），成功后一定记得删除上面添加的内容。

第三种、修改wp-config.php（自动更新地址）

1、在wp-config.php中，添加下面一行内容：

define(‘RELOCATE’,true);

2、登录后台地址，WP将自动更新安装地址（SITEURL），手动修改博客地址（HOME）地址即可，成功后一定记得删除上面添加的内容。

总结

很显然，第三种是最简单的，无需填写新的博客域名地址，最重要的是一定记得删除添加过的内容咯。