总算把搜索修好了……

分类 折腾WP 标签: ,

YOYOCICI的主题search页代码有点问题导致一直没法抓取搜索词,以前用gsc还没注意,想改回默认搜索就各种不成功_(:з」∠)_后来发现只差一句……

[codesyntax lang="php"]

 <?php  $limit = get_option('posts_per_page');
             $paged = $femalePaged;
             query_posts('author=1' . '&paged=' . $paged); ?>
<?php $posts=query_posts($query_string .'&author=1'.'&posts_per_page=20'); ?>
      <?php if (have_posts()): ?>
      <?php while (have_posts()) : the_post(); ?>
      <?php { ?>

[/codesyntax]

加上第四行那句一切搞定!整了一下午我容易么_(:з」∠)_

【wordpress小白教程】之主题文件说明

分类 折腾WP 标签: ,

我发现我所有教程都是让小白刺激出来的……连基本原理都不懂就开始仿站是不行的啊!猫猫我玩WP到现在都不敢说自己敲代码仿站啊!!连html和php区别都搞不清楚的更是不可以的啊!!!!

先列两个参考资料:wordpress模板文件的优先级,还有水煮鱼大大的《从零开始制作wordpress主题》 里面有很详细的语法解释

然后是一个在线设计的工具网站:wordpress在线设计,基础版式可以所见即所得,很好用,不过版本很低没有function

以下是教程,这只是代码小白的某猫写给更加小白的孩纸们看的一个套路,行家们莫笑话,有错误的话敬请指正

首先什么叫模板,模板就是一个套路,它规定了一个格式,数据库中的内容按这个格式填充进去形成一个网站,所以你的主题中一般不会出现本站的某篇文章地址更不可能出现具体内容,所以想仿站的童鞋们,先搞清楚wordpress的原理再玩,别浏览器看了人家源代码就想仿,wp的仿站,其实是相当于做一个新站啊!

wordpress主题文件的用处

先去读上面那篇优先级的文章,你会发现,几乎所有的页面最后一个选择都是index.php,也就是说理论上你可以只用一个index做出整个主题,不过……这是一个多么没条理的蛋疼选择啊

作为一个完整的wordpress主题,必备的通常有以下几个文件:

<1> header.php,通常在这个文件中包含博客的标题(title)和描述(description)、代码类型、CSS调用、feed地址等等。而且它们通常在整个博客中都是一样的。一些整站框架分布相同的还会把分布方式也做出来,典型的例子就是默认twentyten主题。这个文件一般是每个页面都会调用的。

<2>index.php,这是一个万能文件,不过一般来说还是用来当主页,就是一点开网站显示的内容,普通博客的话通常就是时间顺序的文章列表、部分/全部内容、文章元数据信息等等,如果主题中存在home.php的话那index多半是空的。

<3>sidebar.php,侧边栏,就是首页或者文章页等等侧面那条显示页面列表,类别列表,存档列表,友情链接列表和其他一些列表等等内容的。除非你每种页面侧边都不同,不然一般是建成一个文件统一调用的,差异特别大的可以单写。

<4>footer.php,页脚,通常也是所有页面都调用的,放什么都可以,通常是版权信息和js调用,统计代码什么的也都放这。

<5>single.php,文章页,点开单篇文章的时候显示的格式。

<6>page.php,页面模板页,默认页面内容的格式,也可做单独的模板给不同的页面用。

<7>archive.php,存档页面,当你点击分类或者某个标签或者某个日期的时候,存档页面用来显示筛选出来的内容。

<8>style.css,样式表,规定了所有内容板块的位置、颜色、字体等等样式,必须品。

<9>functions.php,配置文件,决定了你的主题能支持什么功能,很老版本的wordpress甚至没有这个文件,不过现在做主题一般都需要了,这东西运用好了很神奇。

<10>404.php,404错误页面,用于找不到网页时。

<11>comments.php,评论模板,文章下面写评论的框框就是这个了

<12>search.php,搜索模板

这些是比较基础的功能,当然还可以添加更多复杂的模板,比如默认主题下就有各种loop、tag什么的~

第一节课就到这,下节课等我啥时候不懒了再写……

 

 

wordpress小白教程之——为不支持导航菜单的主题加上导航栏

分类 折腾WP 标签: , ,

一直以来没有给这个问题写教程一是觉得现在不支持导航的主题不多,二是如果主题本不支持的话硬加上去往往会破坏主题的美感,因此上觉得写这样一个教程没什么用,不过答疑的时候还是不少人问,就把猫猫折腾出来的偷懒改法放上来吧~

此法的基本方针就是……从默认主题上往下扒!之前放安装教程的时候就说过,默认主题不要删,这样当我们需要一些功能的时候就有比较标准的代码可以搬上来,闲话少说下面是方法,因为是从默认主题上扒下来的,所以仅适用于像本博这种横向导航,需要纵向或者隐藏滑动导航的请自行去研究CSS

1.修改支持函数functions.php,在function中添加以下代码

[codesyntax lang="php"]

register_nav_menus( array(
 'primary' => __( 'Primary Navigation'),
 ));

[/codesyntax]

具体添加在什么位置呢,比较保险的方法是放在文件开始那个<?php后面,当然有的主题这个后面会有段/*    */夹着的注释,注释后面才是代码的正文,贴在那就可以了

2.修改主题模板,这个具体改哪个文件取决于你要把导航的位置和主题本身的结构,现在市面上的主题多数在header.php里就有相对完整的结构,比如头部的图片和整个主页面的div分布,这样只要把导航调用代码插到相应位置就行,比如header和wrap之间(不同主题对div命名不同,不必生搬,只要能找对位置就行),导航调用代码如下

[codesyntax lang="php"]

<div id="access">

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

</div>

[/codesyntax]

有一些主题在header.php里只有必要的调用而没有div结构,比如rainbow主题的原身YOYOCICI,就需要在每个需要调用导航的页面添加了,至于为什么 id="access"……这纯粹是为了方便,不过注意,如果你原主题中有access这个id,那么就需要换掉,同样下一步里的access也要同样替换掉

3.修改CSS,编辑你的CSS,添加以下代码

[codesyntax lang="css"]

#access {
 background: #000;
 display: block;
 float: left;
 margin: 0 auto;
 width: 940px;
 }
 #access .menu-header,
 div.menu {
 font-size: 13px;
 margin-left: 12px;
 width: 928px;
 }
 #access .menu-header ul,
 div.menu ul {
 list-style: none;
 margin: 0;
 }
 #access .menu-header li,
 div.menu li {
 float: left;
 position: relative;
 }
 #access a {
 color: #aaa;
 display: block;
 line-height: 38px;
 padding: 0 10px;
 text-decoration: none;
 }
 #access ul ul {
 box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 display: none;
 position: absolute;
 top: 38px;
 left: 0;
 float: left;
 width: 180px;
 z-index: 99999;
 }
 #access ul ul li {
 min-width: 180px;
 }
 #access ul ul ul {
 left: 100%;
 top: 0;
 }
 #access ul ul a {
 background: #333;
 line-height: 1em;
 padding: 10px;
 width: 160px;
 height: auto;
 }
 #access li:hover > a,
 #access ul ul :hover > a {
 background: #333;
 color: #fff;
 }
 #access ul li:hover > ul {
 display: block;
 }
 #access ul li.current_page_item > a,
 #access ul li.current-menu-ancestor > a,
 #access ul li.current-menu-item > a,
 #access ul li.current-menu-parent > a {
 color: #fff;
 }
 * html #access ul li.current_page_item a,
 * html #access ul li.current-menu-ancestor a,
 * html #access ul li.current-menu-item a,
 * html #access ul li.current-menu-parent a,
 * html #access ul li a:hover {
 color: #fff;
 }

[/codesyntax]

这段是直接从twentyten的CSS里扒下来的,上面调用时的access就是为了这里不用那么多改动,不过同样这里显示出来的样式也是配合默认主题的,所以背景、宽高或者项目距离之类的修改需要根据自己的主题风格自行调节,具体写法自己去查CSS教程

4.建立菜单,以上内容是使主题支持菜单,然后就是让菜单显示出来,打开你的控制板——外观——菜单,新建一个菜单,然后在左面把你想显示的项目拖进去,保存

 

[caption id="attachment_851" align="alignnone" width="300" caption="菜单设置"]菜单设置[/caption]

这样就可以在主页显示了,不过注意如果分类下没有文章那么拖进去也不会显示的,直到分类下出现第一篇文章为止

 

 

OK教程完毕~~键盘故障配合软键盘写教程的某喵桑不起啊桑不起~~~~~~~

升级3.2鸟~~~~

分类 喵言咪语 标签: , ,

纠结了好几天终于决定升级……反正R的电脑也不是IE6的,还是升了吧,新后台挺漂亮,习惯中

首页目前正常,最好不要给我出啥冲突……最近都没时间折腾的

上班做数据,回家玩仙五,这生活真充实~

wordpress小白教程之让你的站内搜索变成google

今天知道上有个娃说找了好多教程也没弄明白,鉴于当初猫猫弄的时候也费了不少劲,再来写一个小白级教程

要想玩google的自定义搜索,当然首先得有个google帐号,一般作为wordpress的站长为了提交收录都会有一个的,如果没有,请去注册一个,如果不会注册……请去面壁这个我不教

好了有了google账户首先登录google自定义搜索页面,创建新的自定义搜索引擎

 

第二步,选一个你看中的样式

 

再下一步

 

直接获取的代码托管方式是搜索元素,这个在wordpress上是不能直接用的,所以我们要改一下,猫猫最开始就是在这折腾了好久~

 

好了这回可以点保存并获取代码了,在此之前先去你的博客后台,添加一个新页面作为显示搜索结果的页面,比如我的这个页面叫“google说……”页面地址是http://rainbowends.us/search,然后在下一步里我们要把这个地址填进去

 

这段代码就是你的搜索框,可以用它来替换掉主题原来的搜索框了,如果想像我一样在输入文字的部分放个“你想找啥”,就给<input type="text" name="q" size="31" />里面加一个value="你想找啥"

还木有完,网页往下拉,下面是搜索结果代码,编辑你刚才建立的搜索结果页面,选择html格式,把搜索结果代码输进去,发布~

这样你的自定义搜索引擎就已经完全转移到wordpress上啦~

注意如果使用时出现该页无法找到的状况,去自定义搜索引擎的基本信息面板,把搜索语言改成英文就OK

当然还可以有下一步,当你已经有一个google adsense账户的时候,你可以把搜索引擎关联到adsense上,这样别人通过搜索引擎点击的广告也会算在你流量之内,赚钱神马的最美妙了~

然后你会接到一封邮件,在邮件的链接里授权账户就可以啦~

wordpress之插件篇——数数我用的插件

分类 折腾WP 标签: ,

1.Akismet 

最经典的防垃圾评论插件,wp自带,需要去官网注册一下不要钱的~不过会有一些名字看起来像广告的正常评论被K掉……需要时常注意一下垃圾评论

2.My Visitors  

Willin大师制作的插件,整合了访客统计、访客细节、文章点击、热门排行、数据库优化、数据库备份功能,一个插件当N个用,强烈推荐之!

3.WordPress连接微博 

水脉烟香出品,支持用各大微博帐号登录,显示微博头像,发表文章同步推广到各微博,评论可以@到博主的微博,总之也是个很强大的东东,适合在微博上推广博客,话说自从用了这个之后养成了文章名简洁易懂的习惯……

4.缩略图插件 WP-Thumbnails 

首页缩略图、随机缩略图、最新缩略图、分类缩略图、相关缩略图,缩略图可链回原日志或原大图,缩略图尺寸随意设置。不过事实上这个插件我没用太明白,目前对猫猫来说这插件的最大作用就是首页摘要显示!不会乱码错词,可以隐藏很拉速度的视频~

5.x-emotions

表情插件,可以在文章和评论显示表情,最大的好处是可以自定义多组表情,只要把想要的表情放进文件夹,里面加个name.txt文件显示表情系列名称就可以了,缺点是表情放太多了很拖速度……

6.WP-Cumulus

动画标签云插件,原版的不支持中文标签,不过已经有高手做出了中文版,毫无压力~

7.Blogroll Widget with RSS Feeds

算是个比较有意思的功能,给你的友情链接设定好RSS,可以在侧栏显示出友链的最新更新,类似于门户的新鲜事功能,可以及时看到你关心的博客是不是有新的文章,不用再一个一个去看了,一个增加互动性的玩意~

8.flickr-slideshow-wrapper

在你的博客上显示一个flicker的相册,当然前提是你有一个flicker,相册直接放在博客里是很费流量的,这样一个外链相册无疑是不错的选择,需要去http://www.slideflickr.com/设置一下想显示的相册

9.WP Super Cache

强大的缓存插件不解释,尽管有人说流量少的站不需要,不过我觉得加上了还是快了不少

10.无觅相关文章插件

强大的相关文章插件,带来不少流量,具体介绍我写过了看这里~

11.Google XML Sitemaps

经典的网站地图插件,方便google、yahoo和ask.com对你的收录~

12.Baidu Sitemap Generator

因为度娘不支持Google XML Sitemaps,只好加上这个……

12个插件其实是很多的,插件这种东西本来是越少越好的……不过有些功能实在是蛮喜欢就留下了,嗯就这样喵

建立一个属于自己的wordpress博客——基础入门小白篇

仅以此篇献给对wordpress一无所知还想拥有独立博客的娃们~~

准备工作之一:空间及数据库(必需)

首先要建立一个博客必须有个空间及数据库,网络上可选的空间很多,免费的收费的国内的国外的各种各样挑的人眼花缭乱,做个小小的简述~

首先是免费空间,可以说是新手的不二选择,特别适合刚刚开始学习的新手,当你对如何建站一无所知的时候,找一个免费空间来练手是非常不错的选择,国内外的免费空间多如牛毛,而且一般都提供免费的二级域名,十分适合用于初学和测试,不过缺点是免费空间一般不稳定,搞不好哪天就没了,稳定好用的又通常会有强制广告(没办法总得让人家吃饭不是?),所以当你想认认真真做一个长期而稳定的博客时,还是选择一个收费空间吧~

收费空间比免费空间还多,而且价格差异很大,总体来说国内的要比国外的贵一些,速度上也快不少,不过由于国内有个十分让人纠结的备案制度,所以很多博主还是把自己的主机选在国外,一般美国居多,目前比较好评的主机商主要有衡天小张全来主机胡戈戈主机老薛主机等等(我是不是该管上面几位要广告费……),这几个都是性价比比较高的几款,对于一个普通的流量不算太大的博客来说一百元上下的那个机型足够用了,更便宜的不是没有,不过根据坛子上大家的经验来说,还是这个价位的比较靠谱

猫猫个人经验,除非你往博客里上传大量视频之类,否则一般博客有200M空间、每月2-3G流量足够用了~另外就是尽量选择Linux主机而不是Win主机,因为Linux主机对wordpress兼容性更好

准备工作之二:域名

如果你还是在拿免费空间练手请跳过这段,拿空间给的2级域名先凑合着,如果你准备长期做站了,当然一个顶级域名还是比较舒服的~

要说域名首选……猫猫比较偏向godaddy,不用担心代理商跑路的问题,又很便宜,支持支付宝付款,在godaddy一次注册多个玉米是有优惠的,淘宝上不少人借这个来搞团购,所以图便宜的童鞋可以去淘宝买,不过注意这个优惠价是只有第一年的,续费价格根据不同后缀大约在50-100多元不等,比如我这个info的域名就是第一年只要4块多,之后续费就是40多了……这还是godaddy常出优惠码的前提下

在淘宝买godaddy域名的话要选可以把域名push到你帐号的店,毕竟这玩意还是掌握在自己手里放心不是?另外就是一定要确定你想要的域名是未被注册的,如果已经被人抢注了的话再买可就不是几十块钱能搞定的了

空间买好了?域名买好了?预备知识完毕,开始准备建站之旅~

首先,你的空间商会提供给你一个FTP地址及相应用户名和密码(如果你的空间是自助申请不需要客服的那种,那么申请成功之后到管理面板的DNS高级管理,会找到A记录的解析地址),去下载wordpress客户端中文版(当然你想下英文版也行,换英文站去下~),解压上传到你的FTP根目录,这个慢慢上传的时间我们要去做一下域名解析

到域名供应商的网站,登录你的账户,查看域名,可以找到类似高级选项之类的选择,进入后在A记录部分填入空间商给你的IP,然后等待解析成功,一般几分钟就好,不排除某些低效率到一小时……

然后我们需要建立一个数据库,进入空间后台,选择数据库管理,建立一个新的数据库,建立数据库用户,并把数据库和用户关联起来,记下数据库名、数据库用户名及密码

现在FTP的上传应该也已经完成了,域名解析也差不多了,在浏览器中访问 http://你的域名/wp-admin/install.php,这个前提是你的客户端确实是放在根目录下的,也就是说根目录可以看到wp-admin这个文件夹,如果你是把客户端压缩包传到FTP后在线解压的,那么外面会有一层名为wordpress的文件夹,你的访问地址也就相应是http://你的域名/wordpress/wp-admin/install.php,如果不想以后你的博客地址变成http://你的域名/wordpress这种形式的话,就把文件都挪入根目录吧~

PS:发现有人不知道根目录在哪……根据猫猫见过的几个空间,一般根目录是名为www或者public_html或者web或者wwwroot的,如果你的空间支持建多个站,那么就是在以你域名为名的文件夹里

install运行之后会出现“创建一个配置文件”的界面,果断创建,填入你刚才设好的数据库名、数据库用户名及密码,然后就是填博客名之类的信息,设定邮箱信息、登录用户名和密码(这个只是用来登录管理的,可以和数据库的FTP的都不一样),然后……嗯然后就没事了,wordpress装完可以用了

刚装好的wordpress使用的是一个功能强大的默认主题,如果你对外观没什么要求,就这样就可以了,写日志去吧~如果你想要漂亮一点……这里有好多去挑个喜欢的吧

默认主题不要删,这样当你以后想要折腾代码的时候就可以投机取巧了,也可以用于后加主题出错时的测试~

进一步的插件啦主题美化啦请期待下一篇

帮朋友做个广告:功能强大的情侣主题定制,每个设计只卖1份,98RMB给您独一无二的情侣博客~

野鹤童鞋卖出去了记得给我提成哇咔咔~~

收录排名神马的真诡异……

无聊找度娘site了一下自己的站,发现原本16个收录被K到只剩6个,其中4个还是微博,快照全部卡在2月23号……难道是因为最近访问量降得太厉害了?还是跟前两天加关键词有关?
不过用“情侣博客”这么个大众的关键词居然首页能排到第六页,还是不错的说~~~
频繁被人说不能访问,监控宝不停报错,关掉gizzpy就啥事都没了……这跟收录下降有关系咩?
借助FF改了改错误,删掉微博秀,评级立马从F升到B……鄙视那个漏洞百出的微博秀
想搞个CDN加速一下,居然没备案不行,喵了个咪的!
巴锅宴的鹿肉蛮好吃,虽然服务不怎么样……不过45块钱双人份还想咋样来着?
妹说了,日本地震不关我事,我只关心火影还能不能画下去了
这几天貌似没有认真看英语啊……敲敲头要改正

说说折腾主题的纠结

从打开始研究情侣博客到完工也有半个月了,本来在苹果动力呆的好好的,特意为开情侣博客申了个M5空间,第一天申请第二天转正第三天居然就停服清理了?喵了个咪的……转战sitemix吧,好在速度还不错,广告神马的既然不太大也就无视了

框架是Heson的YOYOCICI,然后开始了换汤不换药的修改……趁还没忘光光记录一下

首先纠结的当然是素材……嗯好在有鱼在,拯救了完全PS无能的猫啊……(突然觉得这说法好诡异

然后是至今还在纠结的widget……始终解决不了支持问题,原来用的支持代码上去就挂,原因不明中……

导航栏完全后加,不过YOYOCICI的header里内容很少,整体框架基本都放到index里去了,只好在每个需要页面都调用了一下,不能像之前的只放在header里了

然后是overflow,之前小脸就说过评论内容溢出,一直没注意,到兰兰电脑上才发现还挺严重,研究一溜十三开才发现居然是IE版本问题,overflow:hidden居然不被承认,果然IE6和7对CSS有着“独到”的见解……努力查了半天试了几种方式都不好使,后来终于翻到,父级加上position:relative就OK,连超长文章题目都可以用这方法隐藏

评论这东西让我纠结了很久,默认的评论样式直直一行,相当的不好看,YOYOCICI里没有用callback,comment-ajax里又有这段代码……害我一度以为改这个就行,最后才知道要放到functions里的,可是理想的排版和@reply总是不能兼得,最后只好屈从与@reply,把commentmeta扔到comment-author里面,用小头像好了加入@reply方法

差不多也就这些吧,虽然IE6和7里还是有一点点错位,倒没有像YYHeson那样IE6下惨不忍睹……

导航里开了分类,就去掉了边栏的爱干净,先扔个西米客当留言板,一会再弄个页面留言板,回头还可以弄个读者墙玩玩~

话说貌似有人说过我这表情很多,在这推荐一下插件X-emotions,可以自定义表情包的~

无觅相关文章插件,快速提升流量