HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!

其实这个问题我遇到很久了,一直没时间解决,也问了很多用这个主题的人,没有一个知道怎么做,最近我想到这个问题,尝试解决它,一开始,我一直以为是我修改了主题某个地方造成错误,于是我一直找文件替换回原来的,但是貌似还是不行啊,最后问了鸟哥,终于搞定了,而且也很容易修复!

我在鸟哥的这个帖子提问了,他也给了回复,我才知道怎么办,昨晚到今天,我几乎修改了所有的文章,除了资讯内容我不打算改,其他的几乎搞定了这个图片点击不能放大的BUG!

首先我们来看看暗箱图片插入时候的HTML代码

<a href="http://www.sdtclass.com/image/2012/05/tupianurl0001.png"><img title="tupianurl0001" src="http://www.sdtclass.com/image/2012/05/tupianurl0001-300x218.png" alt="HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!" alt="" width="300" height="218" /></a>

然后我们看看不能放大的图片的HTML代码

<a href="http://www.sdtclass.com/?attachment_id=2066" rel="attachment wp-att-2066"><img title="tupianurl0001" src="http://www.sdtclass.com/image/2012/05/tupianurl0001-300x218.png" alt="HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!" alt="" width="300" height="218" /></a>

这两个代码,一对比就知道问题出在哪里了!

■ 图片暗箱特效

使用主题集成的图片暗箱放大特效,插入图片时需注意:本地上传“链接 URL”应选择链接到“文件URL”,外链需将图像链接到图像,否则不会启用暗箱特效
这是WP基础知识

上面那个是鸟哥的原话,其实,我知道错在哪里了,一开始,我传的图片都好好的可以放大,但是后期却突然不行了,有人说是主机的原因,其实不然,也许是你某个时间,上传图片的时候,用的附件专页URL,导致下次传的时候,默认是附件专页URL了,而这样,就导致你后期的所有图片,都是点击之后打开另外的页面,才能放大了!

如图所示,我们应该选择文件URL才对!

HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!

解决这些方法,应该可以用数据库,但是由于我不懂数据库语句,这里我是一个个去修改的,我这人还是有耐心的,嘿嘿!

首先,我们打开有图片的文章,冉静进行编辑修改,找到图片,点击图片上面的一个图片小图标,HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!

点击编辑,这个时候可以弹出一个图片信息修改页面,如果是本地图片,我们只需要点击链接到图像,这样那个地址就会变成图片的绝对地址了,这个时候点击更新即可!

如果是外部图片,我们只需要切换到高级选项,把里面的地址复制,然后黏贴到编辑图像链接URL的地方然后点击更新即可!

HotNews pro[知更鸟]主题图片无法启用暗箱功能解决办法!

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:8   其中:访客  8   博主  0

  1. avatar 一堵墙 4

    图片沙箱我一直用通用插件呵呵

    • avatar yumanutong 5

      @一堵墙 鸟哥的主题自带此功能!

  2. avatar 淘店铺 0

    讲解的很详细。

    • avatar yumanutong 5

      @淘店铺 呵呵,最近忙不知道写什么教程,随便想想我遇到的问题一个个解决吧!

  3. avatar ever 0

    我升级3.5.1版本后我的图片暗箱也没作用了。帮我看看是什么问题造成的?还有图片加说明的文字都不能居中

    • avatar yumanutong 5

      @ever 包括以前的也没有?

  4. avatar abc 0

    楼主,你写的很详细,问题还是没有得到解决啊,我的是wordpress3.9.1版本。

    • avatar yumanutong 5

      @abc 图片的链接需要是图片地址,也就是

      1. <a href=“abc.jpg”><img src=“abc.jpg”/></a>  
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情