生活或许总有遗憾,但未来依旧美好。
欢迎访问...
Category › 第2页

Category: WordPress

先上两张图,是审查元素里面加载的时间表,具体页面是我这个网站的“爱摄影”分类。有很多相片我没怎么压缩,占用空间比较大的,又没有专门去设置一些裁剪过的缩略图。于是打开瀑布流分类页面时,经常连页面都加载不出来的。第一张图是优化前的,第二张图是优化后的。   以前是1M多的图,打开一个页面有近10M,浏览器非常卡。 先说明,这种办法不是很高明的手段,必须要用七牛-水煮鱼的插件。知言主题有他的缩略图调用方法,但是在分类页面没有用到,反而用原图做缩略图,让我很费解。这个主题太复杂了,我也不想纠结那么多。 先找到缩略图位置,有两个php文件。一个是thumbnail.php,负责默认分类页的缩略图;一个是thumbnail_ut.php,负责瀑布流的缩略图。 把21行和30行改为七牛缩略图的调用代码:   问题解决。 //七牛缩略图(含img标签) <?php wpjam_post_thumbnail(array(240,132),$crop=0);?>        

国人原创宽屏双栏wordpress博客主题下载:Frontopen 是一款非常精美的wordpress主题,风格简洁,以橙色为主打色,功能强大,支持IE6以及各种主流游览器,后台强大,扁平化设计,响应式界面,SEO优化,主题整体非常强大! 主题特色 采用现在流行的扁平化页面风格设计,更美观 响应式网页前端构架,在任何设备上都能获得完美的体验 页面采用最简风格设计,图片素材少加载速度快 网页跟随屏幕大小自动拉伸填充,视野更开阔、更宽敞 优秀的后台功能设置面板,无需修改主题代码 主题不依赖任何插件功能,可以随意选择插件 推广优化更轻松,页面内容结构遵循seo标准 捐赠功能,让喜欢你博客的人们帮助你 浏览器支持IE+以及各大主流浏览器 持续更新维护,并按照反馈需求对功能进行调整 [button class="demo" size="lg或sm或xs" href="http://www.frontopen.com/" title="预览"]预览地址[/button]    [button class="download" size="lg或sm或xs" href="http://www.frontopen.com/1378.html" title="下载页面"]下载页面[/button]

先看效果图,一般是加在文章页的(meta)标签里。如果被百度收录,则是正常字体色,否则是红色。 在主题文件夹的(functions.php)添加以下代码: //百度收录检测 function baidu_check($url){ global $wpdb; $post_id = ( null === $post_id ) ? get_the_ID() : $post_id; $baidu_record = get_post_meta($post_id,'baidu_record',true); if( $baidu_record != 1){ $url='http://www.baidu.com/s?wd='.$url; $curl=curl_init(); curl_setopt($curl,CURLOPT_URL,$url); curl_setopt($curl,CURLOPT_RETURNTRANSFER,1); $rs=curl_exec($curl); curl_close($curl); if(!strpos($rs,'没有找到')){ if( $baidu_record == 0){ update_post_meta($post_id, 'baidu_record', 1); } else { add_post_meta($post_id, 'baidu_record', 1, true); } return 1; } else { if( $baidu_record == false){ add_post_meta($post_id, 'baidu_record', 0, true); } return 0; } } else { return 1; } } function baidu_record() { if(baidu_check(get_permalink()) == 1) { echo '百度已收录'; } else { echo '百度未收录'; } } 添加完上面那一段后,再编辑文章页(single.php),找到你想展示的位置,添加下面代码: <?php baidu_record(); ?> 当然,现在很多主题的meta标签不一定是放在(single.php),那就审查元素,再全主题去找吧。不具体讲了。 最后给它加上一个小图标,让它更好看一点,就完成了。

今天在衡天买了个虚拟主机,想把以前在新浪SAE的站都搬出来。数据库有80+M,直接导出肯定是不行的,只会导出一小部分400K左右的SQL。因为太大会超时,所以在SAE需要用DeferredJob来处理数据库备份和导出。DeferredJob是SAE为开发者提供的分布式重量级的长时间离线任务执行队列。 更新:进入SAE的web应用,在左边侧栏找到DeferredJob就行了。添加异步任务。 等大约2分钟,再刷新你的Storage,看看是不是多了一个backup。成功后如下图: 提示:如果需要下载,还需要把backup的私有属性去掉。

WordPress提供了一些功能函数可以轻松地显示数据库查询的统计信息,这些信息可以公开地显示在网页中,或者隐藏在源代码中,更或者只有你自己可以看到。 微Fan提供两个常用的Wordpress统计函数: 1.网页加载时查询数据库的次数: <?php echo get_num_queries(); ?> 2.服务器端完成这些查询所花费的时间: <?php timer_stop(7); ?> 将其放到指定位置即可,效果如下图。  

遇到的问题有很多,我一一写出来,免得以后犯傻想不起。 1、提示没开启WP缓存的。 wp-config.php里没有 define('WP_DEBUG',false); 。直接通过FTP编辑网站根目录的wp-config.php,复制添加进去。并且要在require_once(ABSPATH.'wp-settings.php');之前。千万别用本地的去替换,不然呵呵哒。 2、wp-content文件夹不可写的。 确认wp-content是否可写,如果不可写,linux主机下,将属性调为777即可。 3、提示wp-content/目录下没有wp-cache-config.php和advanced-cache.php的。 将wp-super-cache/wp-cache-config-sample.php 复制到 wp-content/中,并重命名为 wp-cache-config.php; 到wp-super-cache/advanced-cache.php 中,将advanced-cache.php 复制到 wp-content/ 中; 4、提示无法加载wp-cache-phase1.php的。 错误提示:Warning! WP Super Cache caching broken! The script advanced-cache.php could not load wp-cache-phase1.php. Please edit /var/www/public_html/ and make sure the path to /var/www/public_html/wp-content/plugins/wp-super-cache/wp-cache-phase1.php is correct. 这个是因为之前重装过插件,或者服务器搬迁直接把文件复制过来,导致路径出错的。打开wp-content/advanced-cache.php,找到下面13、14那两行代码,修改为你实际的路径即可。 <?php # WP SUPER CACHE 0.8.9.1 function wpcache_broken_message() { if ( false == strpos( $_SERVER[ ‘REQUEST_URI’ ], ‘wp-admin’ ) ) echo “<!– WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! –>”; } if ( !include_once( ‘/home/ab100v/html/wp-content/plugins/wp-super-cache/’ . ‘wp-cache-phase1.php’ ) ) { if ( !@is_file( ‘/home/ab100v/html/wp-content/plugins/wp-super-cache/’ . ‘wp-cache-phase1.php’ ) ) { define( ‘ADVANCEDCACHEPROBLEM’, 1 ); register_shutdown_function( ‘wpcache_broken_message’ ); } } ?> 最后,终于成功了。也祝大家顺利解决这个问题。

今晚给小站添加了360搜索引擎的好搜智能摘要,虽然不知道有个卵用,但是现在SEO那么烂,试试也不会死。 首先了解,什么是“智能摘要结构化数据简介”?传送门:http://www.haosou.com/help/help_3_9.html 以新闻站为例,数字公司列出了一下meta信息,需要我们添加到站点里的,以方便搜索引擎收录。 智能摘要展现范例 这是360给出来的格式: 以我的主题为例,添加以下代码:

我经常在为知笔记上写东西、做记录。但是为知笔记要会员才能分享笔记链接给别人,而且底部有为知笔记的广告。突然想起能不能把为知笔记同步到WordPress上来的,于是百度一下,还真有。 这样还有个好处,本地图片、截图全部丢进为知笔记,再用为知笔记发布博客就行了。之前在百度贴吧有人问能不能把在Word文档编辑好的博文复制黏贴到WordPress,我觉得用为知笔记就可以搞定了。 为知笔记支持绝大部分的博客离线撰写,可以方便地把笔记直接发布为博客。 使用 打开您已经在Wiz的撰写好的文章,然后点击“分享”按钮-发布到博客,如下图: 选择“发布到博客”,出现如下对话框: API地址:就是博客离线撰写发布的API地址,通常每一个博客的API地址都不相同,您可以从博客的帮助里面获得。下面是常用的一些博客API地址:  常用博客 API地址 新浪博客 http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php 网易博客 http://os.blog.163.com/api/xmlrpc/metaweblog/ 自建Wordpress站点 http://您的博客地址/xmlrpc.php 博客园cnblogs http://www.cnblogs.com/<您的用户名>/services/metaweblog.aspx 自建zBlog站点 http://your.zblog.site/xml-rpc/index.asp CSDN博客官方已经禁用了API发布功能,此插件对CSDN博客已失效 端口:通常是80 用户名/密码:您的博客的用户名和密码 博客API:请选择MetaWeblog API。这是被绝大部分博客支持的API,包括新浪,网易,官方wordpress,自建的wordpress等等。 操作:通常选择自动就可以了。博客发布插件会自动判断您的文章是否已经发布过。如果没有发布过,则自动新建一个文章,否则就是编辑已经发布到网上的文章。 如果您的文章已经发布,您还是想强制新建一个博客文章,则选择新建博客。 如果您的文章已经发布,但是已经在服务器上面删除,则选择新建博客,否则因为插件认为博客已经发布,会使用编辑操作,但是因为服务器上面已经删除,导致无法编辑文章,结果出错, 对于wordpress类型的博客,您可以选择新建页面。wordpress支持页面,这对于建立网站非常方便。您可以选择新建一个页面。 编辑页面,同样仅限于wordpress类型的博客,用于修改一个页面。通常插件会自动判断您的博客是一个页面还是普通的博客,然后自动选择编辑博客或者页面。因此一般不需要选择这个选项。 选项 限制图片宽度:限制图片不能超过某一个宽度。 分类:可以输入博客的分类名称 自动添加<!–more–>。对于wordpress,您可以自动添加一个更多的标记,这样在显示博客列表的时候,只显示部分内容。 使用SEO字段作为blog名称。对于wordpress,允许自定义一个博客的url,这对于网站的SEO非常有帮助,您可以在Wiz文档的属性对话框里面,设置文档的SEO属性,然后使用这个属性,作为博客的名称。 使用文档创建时间作为Blog时间。默认情况下会使用当前时间作为博客的时间。但是如果文档时很久以前创建的,那么就可以在这里设置发布后文档的时间。 使用标签作为分类。可以直接给Wiz文档设置标签,然后会自动把Wiz标签设置为发布后的文章分类。 帮助推广Wiz。Wiz VIP用户可以取消这个选项。如果选中,会在每一篇文章的最后面,增加一个指向http://www.wiz.cn/ 的链接。 给Wiz文档设置SEO属性 在文档列表中,选中一个文档,然后点击鼠标右键,选择“属性”,就可以出现下面的对话框。 请直接输入SEO名称,通常是英文字母,数字以及-(减号)的组合。  

2015年6月15日更新:这个先别下,用了一段时间发现问题还挺多的。丢失了一些相片地址,没备份数据库千万别试。 在搜索WordPress时发现的一款插件,之前我一直用DX-auto-save-images的,但是几年没更新了,功能也很单一,想存到阿里云OSS也不支持。下图是DX-auto-save-images的设置界面: 所以QQWorld Auto Save Images这款软件正好满足了我的需求。首先它有免费版和专业版,区别在于: 转载的图片加载慢?被删除?不稳定?强迫症不舒服?那就把他保存到本地。 QQWorld Auto Save Images后台直接搜索安装。 进行简单的设置,免费版只能使用基本设置。 设置完成后,去扫描文章,就可以看到所有带有外链的图片。 需要一点时间,等待扫描完成。 点击抓取,即可自动保存图片。 就这样简单操作,我们就可以实现把所有外链本地化了。 这款软件全中文,功能强,能满足我们的要求,大力推荐,没事也扫描一下图片,保证本地化。 以下是不完整截图: 下载地址:https://wordpress.org/plugins/qqworld-auto-save-images  

WPGO主题为了适应电脑端和移动端,对菜单做了CSS隐藏。如果是电脑端访问,则显示.menu-navigation,隐藏.mobile-nav,反之同理。 而移动端为了适应宽度,作者是把导航链接全部缩入到“菜单”一栏中的,很难突出我们想要访客点击的栏目。于是我对它进行了修改。 首先给它添加一个菜单,打开functions.php,找到 // 自定义菜单。修改为: // 自定义菜单 register_nav_menus ( array ( 'header-menu' => __ ( '导航自定义菜单' ) ) ); register_nav_menus ( array ( 'mobile-menu' => __ ( '导航手机端菜单' ) ) ); 这样后台—外观—菜单,就多了一个导航位置选项。 我们可以新建一个新的菜单给移动端去显示了。还需要修改header.php。 把<div class="mobile-nav%20nav-menu">里的内容改为 <div class="mobile-nav%20nav-menu"> <?php wp_nav_menu( array( 'theme_location' => 'mobile-menu'));?> </div> 这样就可以随便自定义电脑端的菜单,又不用担心不适应移动端了。最终效果:

下班抽空写的,不会很详细。如果没改过WordPress代码的朋友,可能看完了也不知道从哪里下手。插件的标题都是链接到它们开发者那里的,可以从他们那里获得更详尽的帮助,我只是提供个思路给大家。 方案一:使用缩略图插件WP-Thumbnails 插件原理是每打开一篇文章生成相应的缩略图,所以安装插件后再访问网站,插件就会自动生成缩略图。 使用方法很简单,启用插件后,进入设置——WP-Thumbnails,如图选择自动下载外链图片到本地。 然后找到首页缩略图的设置,填好生成缩略图的尺寸,靠左还是靠右显示,更新设置就可以把下面那行代码插入你模版需要放置缩略图的地方了。   另外这个插件不仅仅是文章列表缩略图,还有其他缩略图甚至是摘要截取,你们慢慢发掘和使用,这里不多讲。如果不知道缩略图那段代码在哪里添加的,可以用谷歌或者火狐浏览器的审查元素去找。 这个插件的缺点:1、新浪sae那些没有写入权限的服务器不能用。2、它是先下载外链图片到服务器,然后再生成缩略图的,会占用一些服务器负担和空间,但是这个几乎可以忽略不计。3、可以设置全局缺省图。4、当图片地址大写,或者不是JPG结尾的图片地址,插件会显示缺省图。 方案二:七牛镜像存储插件 其实很多人用七牛插件的,它可以将WordPress 的静态资源镜像到七牛。还可以修改站点默认的上传路径,把多媒体直接上传到七牛而不是小的可怜的服务器。本站使用了七牛+WP Super Cache来CDN加速,效果也还可以。 我们看到七牛插件的设置,首先你要去注册个七牛账号,传送门:登陆七牛开发者平台。 新建一个空间 获得七牛域名 以及AK/SK,上面那些在后台插件需要用到 上面得到的东西,在后台启用插件后就要填写进去了 终于回到正题,就是这里启用缩略图 *启动高级缩略图功能之后,文章获取缩略图的顺序为: 特色图片 > 标签缩略图 > 第一张图片 > 分类缩略图 > 默认缩略图。 调用的代码是:<?php wpjam_post_thumbnail(array(240,132),$crop=0);?> (已包含img标签) 这个插件的缺点:如果没接触过七牛这类东西的朋友设置起来可能有点困难,设置出错导致图片无法显示等。如果你单纯想调用外链图片做缩略图,不考虑外链图片大小的可以不理上面那一些注册步骤,只需启用插件,勾上缩略图,调用缩略图就可以了。 方案三:代码调用第一张图作为缩略图 这类的代码百度一下会有很多,下面那段测试过OK的,拿来介绍给大家。 1、在主题文件夹下的functions.php添加代码 <span class="com">//缩略图</span> <span class="kwd">function</span><span class="pln"> catch_that_image</span><span class="pun">()</span> <span class="pun">{</span> <span class="kwd">global</span><span class="pln"> $post</span><span class="pun">,</span><span class="pln"> $posts</span><span class="pun">;</span> <span class="pln"> $first_img </span><span class="pun">=</span> <span class="str">''</span><span class="pun">;</span> <span class="pln"> ob_start</span><span class="pun">();</span> <span class="pln"> ob_end_clean</span><span class="pun">();</span> <span class="pln"> $output </span><span class="pun">=</span><span class="pln"> preg_match_all</span><span class="pun">(</span><span class="str">'/<img.+src=[\'"]([^\'"]+)[\'"].*>/i'</span><span class="pun">,</span><span class="pln"> $post</span><span class="pun">-></span><span class="pln">post_content</span><span class="pun">,</span><span class="pln"> $matches</span><span class="pun">);</span> <span class="com">//正则匹配文章中所有图片</span> <span class="pln"> $first_img </span><span class="pun">=</span><span class="pln"> $matches </span><span class="pun">[</span><span class="lit">1</span><span class="pun">]</span> <span class="pun">[</span><span class="lit">0</span><span class="pun">];</span>   <span class="kwd">if</span><span class="pun">(</span><span class="pln">empty</span><span class="pun">(</span><span class="pln">$first_img</span><span class="pun">)){</span> <span class="com">//定义默认图片</span> <span class="pln"> $first_img </span><span class="pun">=</span> <span…

DX-Seo tool   插件介绍:强大、多功能的中文seo插件。能够自定义首页、文章页、页面、分类页、标签页、自定义post type、自定义taxonomy的title、keywords、description标签;自动长尾关键词建议;自动文章图片title、alt属性;文章内容外链、标签云自动nofollow;相关文章;站点地图、自动锚文本等功能。 下载地址:https://wordpress.org/plugins/dx-seo-tool/ 强大而不臃肿的主面板: 这是我建几个博客都基本上会使用的插件,SEO设置比较简单,可以从源代码上看到它添加了什么东西。随便截两个图:   WP Cleaner 这个插件已经有两年没更新了,不过测试还是可以用的。作用从名字上可以看出来,删除不需要的文章,节省空间,提高速度。 普通博客可能觉得没啥用,直接禁止WordPress自动保存文章、修订记录就行了。会MySQL的还可以直接去数据库执行清理。但对我这种新手,且文章量大得吓人的网站有很大的帮助。 下载地址:https://wordpress.org/plugins/wpcleaner/ 插件面板截图,刚刚清理了几千条冗余记录,一激动忘记截图了:  

虽然已经用了水煮鱼的七牛镜像插件,但是这篇文章对我帮助启发挺大的。 首先我们需要了解什么是 CDN 加速,CDN 加速简单的来说,就是把原服务器上数据复制到其他服务器上,用户访问时,那台服务器近访问到的就是那台服务器上的数据。CDN 加速优点是成本低,速度快。适合访问量比较大的网站。而且,如果你的博客所在的主机是限制流量的,一个很好的办法就是把图片还有其他静态文件部署到其他服务器,这样就会减少主机流量消耗了。 那么我们为什么要用七牛呢?七牛的优势总结如下: 1、安全性能:为用户数据创建至少三个副本并跨IDC存储到多个数据中心,同时支持防盗链设置。 2、数据存储:支持图片、音频、视频、JS、CSS等多种静态文件的存储,并支持断点续传。 3、云端加速:七牛的500多个加速节点遍布全球,会自动选择离用户最近的节点,并实现数据上传下载的双向加速。 4、数据处理:支持云端在线压缩、裁剪等图片处理及音频、视频格式转换,还可在线进行视频截图。 5、开发合作:为开发者提供了多种接入工具及丰富的开发包,提供API、SDK教程示例。 6、域名绑定:已备案的网站可申请绑定自己的域名,未备案的用户可使用七牛的二级域名绑定。 7、镜像功能:通过一定的设置,可自动将网站原有图片等静态文件镜像到七牛,而无需重新上传到七牛服务器。 8、外链分享:由于七牛云支持外链,可以将文件上传至七牛,直接利用文件链接地址作外链调用。 首先我们需要先有一个七牛云存储的账号 七牛云存储网址:https://portal.qiniu.com/ 点击此链接申请一个七牛云存储账号,创建一个公开空间,比如我创建一个空间叫 cuiqingcai,和我的域名相对应。 创建完成之后它就会为我的这个空间分配一个二级域名。我的就叫 cuiqingcai.qiniudn.com 然后我们需要部署我们的网站,点击右边的空间设置,选择镜像存储里面的一键加速网站,这时就需要你输入镜像源,这里就填写你的博客地址,然后勾选下方的使用默认的 robots.txt 配置文件。 Q:为什么要配置 robot.txt 文件? A:因为你配置了这个网址确定加速之后,七牛会为我们生成一个镜像空间,这个镜像空间的地址就是二级域名地址,我的便是 cuiqingcai.qiniudn.com,你访问之后发现它的内容和我的 cuiqingcai.com 博客网址是完全一致的,这也是为什么把它称为镜像空间的原因。因为内容是一致的,所以会导致搜索引擎对源站 也就是你的域名进行封锁,所以我们可以通过配置 robots.txt 文件避免这种情况的发生。 好,我们继续,点击确定之后我们就能配置好了镜像空间。 下面还有一个域名设置,它默认会为你分配一个默认永久的空间,比如我的就是 cuiqingcai.qiniudn.com,这个是七牛的二级域名,七牛的一大特色就是支持域名绑定,在这里你可以添加你的二级域名,不过貌似需要你账户余额大于10块,但是它是不收费的。另外的要求就是你的域名需要备案,如果没有备案,那就不行了。 点击下面的申请域名绑定,然后点击新窗口右下角的自定义域名,会出现以下内容。 比如你就可以在此处输入你自己定义的二级域名加备案号。比如我的输入qiniu.cuiqingcai.com 便可以,然后输入备案号,提交审核需要一周之内。你可以先用着它给你分配的二级域名。 好了,配置好了镜像空间和你的域名(或者用默认域名)便可以配置我们的WordPress了。 登陆wordpress仪表盘后,在浏览器中输入:http://你的域名/wp-admin/options.php,使用Ctrl+F命令找到 upload_url_path 选项,在其中输入http://七牛二级域名/wp-content/uploads ,注意,后面一定不要加“/”,比如我的便输入 http://cuiqingcai.qiniudn.com/wp-content/uploads。最终格式如下图: 设置之后,点击最下面的确定,这时你发现你的媒体库中的所有的图片的链接格式都已经更改了,已经不是原来的域名链接了。 而变成了七牛云存储你设置的二级域名的链接。比如我的一张图片链接就变成了 http://cuiqingcai.qiniudn.com/wp-content/uploads/2014/11/545ae06e25ea9.png 而你点击七牛云存储下的内容管理,就会发现你的博客下的所有图片都已经同步到了里面。截图如下:   以后你再新上传的照片也会自动同步到七牛上,此方法的好处在于你只需在wordpress中上传图片,就会自动同步到七牛空间,而无需登陆七牛上传并手动输入图片地址了。并且除了图片地址改变外,其他操作如常。引用图片时会自动加载七牛空间中的图片,实现 wordpress 免费CDN全网加速。不便之处是上传的图片仍会在 wordpress 空间中保留,占用空间容量。也就是说,它仍然在你的本地保存了一份,不过访问时会访问七牛的网址,也就可以实现CDN加速,而且为你的主机节省流量了。当然,由于图片已同步至七牛镜像空间中,你也可以选择删除 wordpress 中的图片。 现在浏览你的网站,如果现在没有问题,那么你就可以不用浏览下面的额外内容,如果有部分图片显示有问题,那么请继续看。 如果你的网站设置了特色图像功能,比较悲剧的事情就发生了。你的网站可能无法读取特色图像,整个页面也显得很难看。这是因为WordPress使用了timthumb缩略图剪裁插件,通过这个插件,用户在后台上传的各种图片都会按照预先在前端页面中设置的大小进行剪裁,大大降低了前端开发的难度。 由于timthumb默认设置中,出于安全考虑是不允许缓存外部地址图片的。因此我们打开timthumb缓存路径时会提示 “您可能无法从该网站获取的图像“。所以解决的办法来了。 找到这个主题所在的目录,找到timthumb.php文件,将下面一条语句 1  define ('ALLOW_ALL_EXTERNAL_SITES', false) 替换为 1  define ('ALLOW_ALL_EXTERNAL_SITES', true) 这样就可以实现通过外链抓取图片了,特色图像便显示出来了。 现在再浏览你的网站,看看还有没有什么问题,如果没有问题,现在就美美地享受移植到七牛上带来的便捷和欢乐吧! 如果还有问题,请继续阅读下方内容。 现在一般的网站模板加载都没有问题了,如果你用的 WordPress 模板比较高级,利用了Ajax异步加载功能,我们便会发现异步加载已经是不会生效的,也可能你的整个网站样式变得混乱。这是为什么?是因为你修改了路径为七牛的路径,加载JS或者CSS文件时便会去七牛那里寻找,但是现在七牛上只同步了图片,JS和CSS文件是不存在的,这时因为找不到这些文件,你的网站便会出现问题了。 现提供两个解决方法: 1.使用水煮鱼的“七牛镜像存储 WordPress 插件”将你的其他文件(如JS,CSS)同步到七牛 插件下载地址:https://wordpress.org/plugins/wpjam-qiniu/ 配置好这个插件之后,你可以点击 插件使用帮助 来配置这个插件,配置完了之后便可以将你的js和css文件上传到七牛中。你的Ajax异步加载就不会出现问题了。 2.使用WP Super Cache插件进行同步 插件下载地址:http://wordpress.org/plugins/wp-super-cache/ 贴心提示:插件安装之后可能出现如下错误 固定链接出错,这时你更改下左边面板-设置-固定链接,更改为其他选项,不要选择原来的固定链接就好了,比如我选择文章名这个选项,插件就可以顺利进入啦。 在这里点击CDN选项卡,点击开启CDN支持。 其中Off-site-URL更改为你的七牛镜像域名,比如我的便是 cuiqingcai.qiniudn.com,这样点击确定之后便同样可以把你的JS等文件同步到七牛。你的样式或者Ajax异步加载就可以顺利实现啦。 通过以上步骤,我们就可以将我们的博客部署到七牛云存储上,提高网站加载速度,同时也节省我们的主机流量。一举两得,美哉美哉! 到此为止,我们的网站应该都没有问题了,尽情享受CDN加速之后带来的效果吧!如果还有问题,请评论或者给我留言。

最近在用WP-Thumbnails这个插件来给公司网页控制缩略图,于是把这篇文字搬运过来。 另外,它这个插件是没有给各个分类添加缺省图片的功能,我还稍微修改了一下。亮瞎狗眼式的与水煮鱼-七牛镜像存储的缩略图功能相结合。这个就不拿出来让大家贱笑了。 常见问题列表: 插件工作原理是什么? 答:插件自动维护一个自定义域 ta-thumbnail,当日志被访问时,插件扫描日志内容,提取图片地址,保存在ta-thumbnail中,多张图片以英文分号;隔开。之后插件调用WordPress自带的缩略功能制作各种尺寸的缩略图。 请点开日志! 很有可能一开始你看不到任何缩略图,请逐一点开日志。因为就在你点击访问文章的那一刹那,而不是保存文章的那一刹那,WP-Thumbnails开始了缩略图的检测。每篇文章只要被访问到一次就足够了。 如果你启用了首页缩略图,就会发现只要打开首页,首页的所有文章都会被自动访问到,首页每篇文章的缩略图都会自动展示出来,从而使得你不必逐一点开日志。 什么是自定义域? 答:你发表日志时就可以看到编辑框下面的自定义域,你可以新建、删除和更新自定义域: 我发现自定义域的值为 NoMediaFound ,什么意思? 答:No Media found , 意思是插件没有在该日志找到图片或者视频(3.1.0版本之前为NoPicturesFound)。 没有找到图片的原因包括: 真的没有图片; 有图片,但该图片地址已经失效,故无法为之制作缩略图; 有图片,但该图片来自国外相册,在中国部分地区被屏蔽,故无法为之制作缩略图; 有图片,但该图片不是jpg、jpeg、gif、png格式,被插件无视; 有图片,但图片的文件名太怪异了,包含了怪异的字符(如中文),被插件无视; 有图片,但太小了,被插件无视;(有的人把首页缩略图的尺寸设置得无比巨大,然后埋怨怎么没有缩略图,真无语) 有图片,但该图片是外链图片,并且空间商禁用了远程访问外链网站(见下文)。 我把自定义域 ta-thumbnail 删了,怎么办? 答:删了就删了,没事,插件发现 ta-thumbnail 删了后会自动补上,并重新提取图片。有时候出了问题,还真需要你把 ta-thumbnail 给删了呢。 你还可以自己编辑 ta-thumbnail 的值(多张图片地址以英文分号隔开)。 尤其是唯独某一篇文章缩略图不正常时,试试删除该文章的ta-thumbnail,往往问题就自然得到解决。 我在一篇已经发表过的文章中补充了图片,但是插件没有显示这篇文章的缩略图? 答:对于已经发表过的文章,本插件不会再次检查缩略图。这个时候,你需要删除这篇文章的自定义域ta-thumbnail,插件就会重新检查和生成缩略图。 我计划在下一版本增加自动重新检测的功能。 无法保存远程(外链)图片,即无法本地化? 答:有的博主反映:外链图片无法本地化,无法提取缩略图。 原因:你的空间商禁用了远程访问。你的网站php环境没有开通 file_get_contents 这个函数。有些主机服务商把php的 allow_url_fopen 选项是关闭了,故无法使用file_get_contents来获取远程web页面的内容。 如果你熟悉PHP,可以编辑本插件的ta_save_pic.php文件,找到“file_get_contents”这个字符串,把它前面的字符“@”去掉,然后再测试远程图片,如果在网站顶部出现类似如下的信息: Warning: file_get_contents() [function.file-get-contents]: URL file-access is disabled in the server configuration in .../wp-content/plugins/wp-thumbnails/ta_save_pic.php on line 21 那么说明你的网站的确没有开通 file_get_contents 这个函数。 空间商禁用了远程访问外链网站,怎么办? 答:联系你的空间商,请他开通php的 allow_url_fopen 选项。 插件提取视频缩略图失败? 插件没有找到视频缩略图时,自定义域 ta-thumbnail 的值会显示为NoMediaFound,这是因为: 目前只支持优酷、土豆、酷6三家网站的视频; 请勿使用插件smart video插入视频代码,因为它用的是它自己定义的格式,WP-Thumbnails识别不了,请手动插入视频网站给出的分享代码。 空间商禁用了远程访问外链网站(见上文)。 视频网站的分享代码经常变动,目前只支持最新的分享代码,只要文章中出现类似如下的内容,插件就会提取视频缩略图: http://player.youku.com/player.php/sid/XMTAxNjk4OTMy/v.swf http://v.youku.com/v_show/id_XMTAxNjk4OTMy.html http://player.ku6.com/refer/sPysxoPI8pe51o5c/v.swf http://v.ku6.com/show/sPysxoPI8pe51o5c.html http://www.tudou.com/v/_ke1lzCnBYw/v.swf http://www.tudou.com/programs/view/_ke1lzCnBYw/ 其中,粗体字部分必须出现。 如果你文章中的视频代码不符合上面6种情况,怎么办?——很简单,到视频网站复制最新的分享代码,重新粘贴到你的文章中。 我可以直接在自定义域 ta-thumbnail 中添加视频网址吗? 答:不可以。视频缩略图格式比较复杂,只能由WP-Thumbnails自动提取。   我不会放置代码,该怎么办? 答:大多数情形下,你不需要放置代码: 对于页面缩略图,插件支持自动启动。 对于随机文章缩略图、相关文章缩略图、全排列缩略图,插件支持自动插入到文章内容后面。 对于随机文章缩略图、相关文章缩略图、最新文章缩略图、最热门文章缩略图,插件支持从侧边栏小工具启动。 但是,自动启动的效果可能并不能让你满意,比如和周围内容不协调啦,比如出现的位置不对啦,甚至自动启动根本没效果啦。这个时候就需要你自己选择合适的位置放置代码了。 如何放置代码? WordPress 的外观是由主题 (theme) 实现的,所以代码必须放置在主题文件中,以WordPress默认主题为例,主题文件中比较重要的有: 索引页模板 index.php : 决定首页的内容; 文章页面模板 single.php :  决定单篇文章的内容; 文章索引模板 archive.php : 决定除首页外的其他页面的内容; 边栏模板 siderbar.php : 决定侧边栏的内容。 不同主题的文件可能不一样。 我启用了插件,却什么效果都没看到?…

WordPress模板的定义非常方便,但是在定制模板之前,我们有必要知道WordPress的模板层次,了解WordPress是如何加载模板文件的,这将有利于开发模板时合理利用资源及提高工作效率。 万能的index.php 通过“WordPress主题构成”这篇文章,我们已知道一个最简单的WordPress主题只需要 style.css 和 index.php 文件即可。这代表着 index.php 可以是任何一个页面的模板,无论是首页,还是文章页,或是分类页,再或者是搜索结果页面,它都能完美胜任。 也就是说,当对应的模板不存在时,?index.php 将是WordPress最后的底牌。 模板加载顺序 下面让我们来了解一下WordPress都是怎么加载模板的 首页 首先WordPress会先检查是否有静态首页,如果有静态首页,就会加载这个页面内容并通过 front-page.php 模板文件展示,如果没有这个模板文件,就会通过页面模板展示如果没有静态首页,就会加载 home.php ?最新文章模板 如果没有 home.php 则加载?index.php模板 文章页 首先被考虑的是?single-{post_type}.php 这样一个模板文件(如文章类型是 product 那么对应的文件名就是 single-product.php )如果找不到,那么就会加载?single.php 模板如果连?single.php 模板都没有则加载?index.php 模板。 页面 首先被考虑的是自定义模板,也就是编辑页面时所选择的模板如果没有自定义模板,则查找?page-{slug}.php 别名模板(如页面别名是 about 对应的文件名就是 page-about.php )如果别名模板也没有就查找?page-{id}.php ID模板(如页面ID是 2?对应的文件名就是 page-2.php )如果ID模板也没有那就是 page.php 模板了如果连 page.php 模板都没有则加载?index.php 模板 分类页 首先被考虑的是?category-{slug}.php 别名模板(如分类别名是 news 对应的文件名就是 category-news.php )如果没有别名模板则查找?category-{id}.php ID模板(如分类ID是 1 对应的文件名就是 category-1.php )如果ID模板也没有那就是 category.php 分类模板了如果 category.php 分类模板也没有则加载 archive.php?通用归档模板如果连 archive.php?通用归档模板都没有则加载?index.php 模板 标签页 标签页模板加载顺序和分类页一样,只不过前缀不过 category 而是?tag (如?tag-{slug}.php)。 自定义分类法 有时候除了WordPress默认的分类目录和标签我们还需要其他的分类方法,这时候我们就会注册一个新的分类法,那么在此之前知道分类法的模板加载顺序也是十分必要的。以下说明假设自定义分类法是 people 这个名字: 分类法分类页首先被考虑的是?taxonomy-{taxonomy}-{term}.php 别名模板(如分类别名 teacher 对应的文件名就是?taxonomy-people-teacher.php?)如果没有别名模板,则加载该分类法归档页(如 taxonomy-people.php )如果分类法归档页模板也没有则加载 archive.php?通用归档模板如果连 archive.php?通用归档模板都没有则加载?index.php 模板 自定义文章类型 除了自定义分类法,有时候我们也需要自定义文章类型 自定义文章类型归档页首先被考虑的是?archive-{post_type}.php 别名模板(如文章类型是 product 那么对应的文件名就是?archive-product.php )如果没有别名模板则加载 archive.php?通用归档模板如果连 archive.php?通用归档模板都没有则加载?index.php 模板 作者归档页 首先被考虑的是?author-{nicename}.php 别名模板(如作者用户名是 steven 那么对应的文件名就是 author-steven.php )如果没有别名模板则加载?author-{id}.php ID模板(如作者ID是 1 对应的文件名就是 author-1.php )如果ID模板没有则加载 author.php?通用作者模板如果通用作者模板也没有则加载 archive.php?通用归档模板如果连 archive.php?通用归档模板都没有则加载?index.php模板 日期归档页 首先被考虑的是 date.php 日期归档模板如果日期归档模板没有则加载 archive.php?通用归档模板如果连 archive.php?通用归档模板都没有则加载?index.php 模板 搜索结果页 首先被考虑的是 search.php?搜索结果模板如果没有搜索结果模板则加载?index.php模板…

记一段很常用的代码。 方法一 先简单介绍一下。mb_strimwidth() 会根据"宽度"来截取文字,全角字符宽度为2,半角字符为 1,只要我们将截断的宽度设置为偶数,那最后截断输出的内容一定不会有乱码。 在截断输出首页文章内容的问题上,我们还应该搭配 strip_tags() 来共同实现。strip_tags() 的作用是清除字符串内的 html 标签,放在这里就是清除输出的内容格式(包括清除图片)。既然目的是截取小段文字,自然也不需讲求格式。 废话打住,说"正题": 请找到模板内 index.php 中的 <?php the_content(); ?> 将其替换为 <?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 120,"......"); ?> 之后首页文章内容截断输出就实现了。更改截取字数请调整例子中的 "120" 为你想要的数值,它后面的 "......" 是输出末尾的替换内容,款式参考我的首页。这六个点也算在 120 之内,占 6 个半角宽度。 方法一不能截取字符可以用下面的方法 方法二实例: <?php echo wp_trim_words( get_the_title(),50);// 截取50字的文章标题 echo wp_trim_words( get_the_excerpt(),100);// 截取100字的文章摘要 echo wp_trim_words( get_the_content(),500);// 截取500字的文章内容 ?>

WordPress自带的表情,让我说你什么好呢,哎,真太那啥了。但是你们绝对没有在我的博客看到它的自带表情,因为我建站后第一件事就是替换了那些丑陋的家伙们。如果实在想饱眼福的,可以到别的WordPress站点碰碰运气。 好了,废话咱也不跟你唠了。以下,正题。 WordPress一共22个表情,存放在wp-includes/images/smilies这个目录下面,下载后直接覆盖了就可以了。但是切记不要随便改表情的名称,否则表情会无法显示。 下面,分享几款我在网上收集来的表情 第一款:Riceballs,作者David Lanham,外国货。这款也是我正在使用的,大爱。

首先先上网找了一下Windows Phone 的一些图片,看看在竖屏的手机界面Metro 的格子是如何摆放的,最后确定了如下: 随后确定每个格子放什么内容,链接到哪个url;然后就是PS 了,最后PS 后大概就跟你看的样子差不多了: 想着为某些格子加上些“动画”效果(如最后的“联系”与“WordPress”的格式,鼠标移动上去会有“动画”),于是便设计了hover 后的图片,打算用CSS Sprite,先合并在原来的图片上。 审查元素,你会看到加载的图片其实是如下面这张(点击查看原图片): 最后加载的图片最好是无损压缩一下,减少体积。 原文地址:http://devework.com/metro-style-sidebar.html 额外阅读: 1、sprites优势: 若干小图标拼合成一张图后布局,减少http iis请求数,对于大战大流量网站来说隐形优势很显然的,从而隐形地提升了网站性能。对于大流量网站来说本来http请求数比较宝贵,使用DIV+CSS Sprites这样可以大大的提高了页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因,同时也减少图片文件数目。 2、sprites缺点 在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好只够的空间,防止板块内不会出现不必要的背景,如果留空间或拼合位置不合适,在布局时容易出现布局这个盒子对象时,设置背景出现拼合相邻图片,干扰图片的情况; CSS Sprites在开发的时候比较麻烦,你要通过photoshop(PS)或其他工具测量计算每一个背景单元的精确位置,这是针线活,没什么难度,但是很繁琐; CSS Sprites在维护的时候比较麻烦,sprites是一般双刃剑,如果页面背景有少许改动,一般就要改这张合并的图片,无需改的地方最好不要动,这样避免改动更多的css,如果在原来的地方放不下,有只能(最好)往下加图片,这样图片的字节就增加了,因为每次的图片改动都得往这个图片删除或添加内容,显得稍微繁琐,而且重新算图片的位置(尤其是这种上千px的图)也是一件颇为不爽的事情 由于图片的位置需要固定为某个绝对数值,这就失去了诸如center之类的灵活性。 3、DIVCSS5推荐小结 犹豫拼接图片需要一定经验技巧(做实践即可快速掌握)、测量定位数值、修改不是那么灵活等原因,一般小网站站、小流量网站、一般企业网站不是很推荐使用CSS Sprites,因为使用CSS Sprites会比普通单个背景图片布局要耗费时间和精力,所以不是很推荐小站。但这个布局技巧也必须要学会掌握灵活布局才是目的。小站http请求数丰富这点拼接其实也起不来什么优势反而会浪费宝贵时间。相反大网站大流量网站推荐使用,这样比较值得。 CssSpriteTools背景图片定位工具下载:http://pan.baidu.com/s/1gdgt90v

就是我网站现在用着的这款主题,就当做WordPress主题分类的第一篇文章吧。作者停止更新很久了,那时响应式博客主题还没像现在那么多,我是比较早看上的。到现在重新建站,用过多梦、百秀、云落Git等,最后还是用了这个。并且默念再换主题就剁手,专心研究不要把时间花在重复的东西上。虽然不是很大气,但是够深沉,如果作者有精力继续更新就好了。 这款WordPress 模板是响应式扁平化风格的博客主题,镶嵌蓝色的色调,看上去非常舒适。当然功能方面也是绝不含糊,最大的特点当属这款WordPress主题支持整站Ajax,于是你就可以高大上的在侧边栏搞个music什么的了。 当然,后台设置,小工具,短代码那些一个也不能少,喜欢此款主题的朋友,可以去购买一份。 主题功能预览 wpgo支持整站Ajax,从此可以在侧边栏放点音乐装13 你目前看到的整个主题,没有使用到任何插件,网站地图,super cache这些类型的除外 特有的顶踩功能,试踩一下? 回复可见 自带SEO、友情链接、文章归档模板 自动生成一级文章目录 自动生成文章标签内链 支持顶部和背景图设置,背景图支持大图的c宽高 防垃圾评论,再也不用让akismet插件担心我的评论了 两种文章形式可以选择,标准 + 图像 常用短代码支持,下面有演示 常用SNS设置,支持多用户的个人名片设置 响应式 兼容主流浏览器,以及IE7+ 截图预览 官方地址 http://cuelog.com/  

今天大王叫我给网站加摘要,阿里百秀主题的摘要显示好像一直有些问题,于是重新找了一段。 打开 functions.php文件添加下面的代码: // Changing excerpt length function new_excerpt_length($length) { return 80; } add_filter('excerpt_length', 'new_excerpt_length'); // Changing excerpt more function new_excerpt_more($more) { return '...'; } add_filter('excerpt_more', 'new_excerpt_more'); 然后在相应的位置加上: <?php the_excerpt(); ?> 大功告成!~~

刚刚进入网站的时候,wordpress前台和后台都是空白的。回想之前在修改主题,然后就变成这样了。不管前台和后台,打开都是空白的,源代码中没有任何东西。 解决方法一: 网上的解决方案是通过FTP进入站点,把可能引起空白的某个主题(themes)和某个插件(plugins)文件名更改一下。这样WordPress找不到路径就会自动停用那个引起问题的主题或插件。如果没其他意外,我们就可以进后台了。 使用ftp登录空间,浏览到 wp-contents/themes文件夹。 重命名当前安装的主题. 例如: 命名”twentytwenty” 为”twentytwenty-temp”. 解决方法二: 如果我们需要找出问题所在,就要开启开发者专用的WordPress调试模式。打开网站根目录的wp-config.php,找到define('WP_DEBUG', false); 并且将它改为define('WP_DEBUG', true); 。即使前后台都是空白的,但是一刷新就会出现错误提醒,你就知道是哪一行代码出现问题了。轻而易举的修改回来,问题解决。