Posts Tagged ‘ WordPress ’
今年想着等着寝室可以上网了以后，我就要好好管管我的Blog的，没想到转眼间就12月了，这下时间一下子变得紧张起来，上网久了就要提心吊胆地想着“期末怎么办啊”、“作业没交啊”……之类的话题～ 眼看着还有个把月就要考试了的情况下，我看我还是稍微加一把油吧，不然拿着压岁钱都不开心 -_-!!!，当然Blog是不能忘了滴……说实话沉寂了这么久的时间，我稍稍研究了一小下下“用户界面”或者“网页设计”之类的东西，比如行距如何如何，什么宽度是最佳的，中文字体多大不容易引起视觉疲劳，如何排版才能保证不打断阅读的连贯性…… 回想了这么久，我还是发现我用得最久的WordPress主题就是Glue Ideas Subttle了，简洁明快的风格一向是我的最爱，此外玻璃效果也让我垂涎欲滴，另外那个颇具特色的“公告栏”似乎也非常吸引访客的眼球，后来不知道什么原因这个主题被我撤下来了，换成了一个比它丑得多的…… 现在我总算是对WordPress的主题写法有一个比较好的了解了，加上我系统地学了一下CSS什么的，所以准备（再？）写一个WordPress主题……准备集大家之长，页面效果自然是越拉风越好，当然不能忘记了我最喜欢的简洁风格。 这个主题是基于Sandbox写的，这个“空”主题模板老在2007年就被炒热了，原因是基于一个现成的模板来写主题会比自己从头开始写好得多。但也有很多人提出了自己的意见，那就是和作者的代码书写风格不同，难于理解作者的写作思路，还不如自己写呢。我倒是觉得Sandbox的自我介绍倒是挺名副其实的，它所谓的“语义化”标签吧不外乎使用的是些warpper啊，container啊，menu啊……等等，这些应该很多模板都有的，另外Div的嵌套结构也不是很复杂，已经是最简单化的了，自己想要添加或者修改都非常方便。我是自己调整了一下它的代码的缩进什么的，然后突然就感觉到了“Code is Poem”，于是就开开心心地开始了。 Sandbox还有一个比较好的功能，那就是自带了一些Class Functions，许多人看到这些个长长的代码介绍马上就泄气了，其实这些都是非常易于理解而且完全不影响自己开发的功能，它们的作用不外乎就是根据当前的显示的内容动态生成一个类，这无疑增强了设计者对页面元素的控制能力，方便你对特定的内容进行样式化。 唉，一不小心就王大妈的裹脚布了，反正难得写篇东西，那索性多写点。 此外现在还诞生了一种叫“主题框架”的主题，它和我上面说的Sandbox这种空白主题不一样，这也是我不把Sandbox写为“主题框架”的原因。主题框架和空白主题还是有本质区别的，主题框架不允许你修改主题的任何代码而是通过创建“子主题”的形式进行修改和开发，这样做的优势是，原来的主题有了新版本，你升级了，你的修改不会灰飞烟灭，而且父主题可以提供最完备的功能，比如许多Widget插件，SEO优化，主题控制面板等，子主题只要享用这些功能就是了，子主题做的任何修改都将覆盖父主题。 咋一听确实不错呀，直接下一个框架来开发就是了？但是修改CSS不是什么难事，但是若你要修改Div结构，改变某些调用文章、生成菜单等的WP函数，那就得通过Action Hooks 或者 Filter Hooks的方式进行，因为主题框架不允许你直接修改原文件。说白了，这种主题开发就像写插件一样。这对于懂编程的人来说是好事……但是对于一个懂得XHTML+CSS的人来说……学习成本太大啦……原来一个人只需要懂得什么是XHTML和CSS，再看一下如何动态调用WordPress的数据生成在页面上就行了，而如果用主题框架的话，那要学的可就多了，虽然PHP不是啥难的东西，但是无疑会这样弄的人就少了。 但不管怎么说，我还是觉得主题框架是一个大趋势了，怎么说呢，我觉得主题框架的模式还是和WordPress对于网页设计师的要求有些背离……[ READ MORE ]
即使是在本机上建WordPress测试站点，我也希望有个标准的LAMP平台。我原本以为在最标准的Linux上搭WordPress不是件容易的事，哪知道装了Ubuntu后，亲自装下来，才发现这一切都是如此简单。除了下载的时间，整个安装配置过程甚至还不到2分钟…… 参考资料：http://www.osxcn.com/ubuntu/ubuntu-feisty-fawn-server.html 1、打开新立得软件包管理器，－编辑 －使用任务分组标记软件包 －勾选 LAMP Server，如下图： 2、到客厅泡杯茶或者找点游戏消磨时间。 3、启用 mod_rewrite 模块 sudo a2enmod rewrite 4、配置 apache2.conf sudo gedit /etc/apache2/apache2.conf 去掉 AddHandler cgi-script .cgi 前的注释 “#”。 然后在任意地方添加这么一段： <Virtualhost localhost> DocumentRoot /var/www/ <Directory /> Options FollowSymLinks AllowOverride all </Directory> <Directory /var/www/cgi-bin/>\r\nOptions ExecCGI </Directory> </Virtualhost> 重启服务器 sudo /etc/init.d/apache2 restart 搞定。 以后服务器会随Ubuntu的启动而自动启动。 接下来安装WordPress： 将解压的WordPress目录放到/var/www（假设是/var/www/wordpress/），再到http://localhost/phpmyadmin/建个数据库（用户名root，密码为空），然后配置一下WordPress的config文件，接着再到http://localhost/wordpress/wp-admin/install.php，怎么样，一个很熟悉的界面呈现在电脑屏幕前了～[ READ MORE ]
最近看到WordPress已经升级到了2.3，增加了Tag功能，我又想起班上某位同学扬言要“入侵”我的Blog……我还是赶快升级至最新版本吧。\r\n\r\n新版本的后台看上去既美观（不知道是不是LCD显示器的关系）功能上又有了很多进步。另外，自己做的那套主题，连我自己都看腻了，虽说到目前位置我已经很少上网了，但是这次我还是决心换个主题，也算换个心情吧。\r\n\r\n最近实在是没精力去研究飞机，研究linux，研究极品飞车什么的了，等我明年取得不错的学习成绩后再说吧,也就是说我将继续潜水到明年……[ READ MORE ]
WordPress开发组的动作真是快，记得2006年8月的时候WP版本还是2.0.3，而现在2.0的最终版本2.0.6已经释出，新版本的2.1也进入了Beta阶段。根据我的经验，软件的Beta版无论是稳定性、功能、界面等方面都不会和正式版出入很大，因此我选择了Beta2来进行一个小小的评测，预览一下未来的WordPress功能。 这次的WordPress稳定性应该是很不错了，但是我仍然没有把它装到自己的虚拟主机上，而是建在了本地计算机上。2.1的安装和原来一样，还是那著名的两步，装好后记下管理员密码，随即来到了登陆页面。 WP2.1的登陆界面看上去比以前有了很大提高，我就第一时间等录到后台，想看看2.1的后台在UI上有什么变化。进入后台，发现界面是这样的： 看来在UI上WP并没有下多少功夫，不过没关系，以后只要弄个插件就能解决这个问题。 首先看看控制板，这里有一个小小的变化，原来WordPress的那几个RSS不见了，这样无疑提高了后台的载入速度。目光移到导航栏上，这里的变化也不小：原来的分类是这样的： 控制板 撰写 管理 链接 外观 用户 选项 导入 而2.1的分类是这样： 控制板 撰写 管理 评论 链接 外观 插件 用户 选项 个人认为这样分类比原来合理，“导入”这一个功能用得不是很多，相反Blogger要频繁查看“评论”一栏，所以说这样排布比原来更合理，更适合用户习惯。 再来看看WP作为Blog程序最重要的功能——文章撰写。“撰写”页面其他功能都与2.0版本相差无几，但是WYSIWYG编辑器却有了重大更新。 早些版本的WYSIWYG编辑器与2.1版WP的相比真是相形见拙，2.1里面HTML编辑器与默认编辑器组成了两个标签页，要直接编辑HTML时直接切换即可，不用像原来痛苦地在一个弹出窗口中操作了。在2.1里，可以直接在编辑器里面改变文字颜色，甚至可以输入特殊字符（如图）。 这里还要说一下，如果用户写文章时为保存就关闭浏览器，或是点击转到其他页面，WP都会弹出一个提示窗口，防止用户误操作。这样辛苦敲的字再也不会因为误操作而灰飞烟灭了。 除了WYSIWYG外，WP文件上传功能也有了一些改进。我上传了一首MP3，在浏览时WP为其生成了一个图标，点击这首MP3，选项会在图标的右侧出现而不是以下拉菜单的形式出现。这又是一个方便用户的设计。 2.1中，“撰写页面”多出了一个功能，“文章状态”。在2.1里，WP页面可以像文章一样，在“已发表”、“草稿”、“私人”三种状态间自由切换。 现在目光移到WordPress的“管理”页。2.1中的管理页多出了一项“上传”，这使用户可以方便地管理自己上传的文件。此外前面提到的“导入”功能与2.1新增的“导出”功能被整合到了“管理”页。这样WP就显得更有条理性了。 前面提到，WP2.1的“评论”功能被单独做到了导航栏上，2.1的“评论审查”也被整合到了这里。 WP2.1的主题功能也有一个更新，现在可以像在BloggerBeta里一样自定义页眉图像和颜色了，非常方便。不过我没有找到定制Sidebar的功能，估计这个功能还是要通过插件来实现。 WP2.1的插件功能多出了一个选项，在“激活”按钮的旁边多出了一个“编辑”按钮，可以直接在这里用WP的编辑器编辑插件了，确实很方便。 WP2.1在“用户”这一栏上，没有任何变化，不过这一栏的选项也是比较丰富的，已经足够一般人使用了。 最后再看看WP的“选项”功能。这一页多出了一个“隐私”的功能，其实就是选择是否让自己的Blog被搜索引擎索引。在“输出”页面，也有一项比较大的更新，在这里Blogger可以让WP的首页显示自己指定的WP页面而不是Blog文章。明眼人一看便知，这明显就是一个典型的CMS功能。WordPress几乎具有成为CMS的全部特点，我想WP的开发小组还是有意让WP向CMS系统发展的，从这次更新的几项新增功能如“文件管理”等，让人感觉到WordPress不再是一个单纯的Blog程序，它的开源性质，支持插件的功能，已经使得WordPress成为了名副其实的CMS系统。 WordPressBeta版的简单评测到此就结束了， 这次试用下来，感觉到WordPress已经变得越来越成熟，人气也越来越旺，WordPress不但是Blog系统的首选，甚至能成为CMS系统的首选。总之，随着时间的推移，WordPress凭借其优秀的性质，一定能做更多的事，一定会成为个人用户建站的首选系统。[ READ MORE ]
设计主题时，一般情况下都是调用wp_list_categories(””) 这个函数来显示WordPress的分类项目。它生成的样式是类似这样的：\r\n\r\n不幸的是，我写的主题需要分类列表横向排列，而且那个“Categories”对于我来说是多余的。我去WordPress Codex上翻了一下wp_list_categories(””)的用法，发现还没有隐藏这个Categories的参数。难道就此罢休？\r\n\r\n转念一想，既然wp_list_categories(””)没法满足我的需求，何必再一颗树上吊死呢。后来我终于找到了一个既能显示分类列表又不会生成“Categories”的妙招，代码如下：\r\n\r\n<ul>\r\n<?php list_cats(FALSE, ””, ”ID”, ”asc”, ””, TRUE, FALSE, FALSE, FALSE, TRUE, FALSE, FALSE, ””, FALSE, ””, ””, ”1,33”, TRUE); ?>\r\n</ul>\r\n\r\n我们先手动把ul写好，剩下的li由上面的那一长个WordPress函数来写，这样既达到了目的，又不会让那个讨厌的“Categories”出现。\r\n\r\n改进后：\r\n\r\n\r\n\r\n技术性问题解决了，接下来调整一下CSS，就完美了。\r\n\r\nreference:http://codex.wordpress.org/Designing_Headers[ READ MORE ]
网站改版，先从WordPress主题开始。在WpDesigner看了将近一周的WordPress教程,再加上自己以前对Html和CSS的一点点了解，我心里总算是对WordPress的主题有底了。我决定自己设计WordPress主题，一来可以学到很多知识，二来自己设计出的东西才能完全满足自己的需要。 本次主题的开发代号为“natsukage” ，意为“夏影”，《Air》里面我很喜欢的一首BGM。对于这个主题，我可以说是便学习边设计，也算是我的第一个WordPress主题了。如果你也准备学习开发WordPress主题，我这里给你几条建议： 你应该会读懂基本的XHTML标签，例如<body>，<img>，<a>等，这个应该很简单。 你还要懂得最基本的PHP函数，知道一个PHP函数以<?php 开头，以?>结尾。 不要一开始就试着去看人家设计好的模版代码，那样你只会越看越糊涂。应该一步一个脚印的走，跟着Small Potato的教程，你将受益匪浅。 看完了Small Potato的教程，你应该对WordPress主题的开发有一定的认识了，下一步就是自己在/wp-content/themes/里建立你主题的文件夹,然后开始设计。你可能会遇到很多问题，这时要善于使用Google和WordPress Codex。我认为修改别人的主题不是个好主意，因为你很有可能被这个主题的结构及代码弄晕。当然，WordPress的默认主题是很值得你参考的。总之，我建议：自己动手。 我也是初学，我也有很多不懂的问题，但愿“natsukage”的开发一路顺风。[ READ MORE ]
对于一个普通的上网用户来说，他们也许分不清楚IE和Firefox在内核方面究竟谁更胜一筹，说实话，这个问题我也弄不明白，直到现在，自己开始制作WordPress主题时，才逐渐明白这其中的奥妙。 自古以来，IE似乎就一直有着各式各样的缺陷，有安全方面的，当然也有更让人头痛的，那就是对网页代码的解读问题。一个完全符合W3C标准的网站，在其他所有浏览器都能正常显示的情况下，IE却怎么都不能正确解读。无奈的是，这样一个有许多缺陷的浏览器，却占有了大量的市场。虽然有不少人使用着类似Firefox这样的标准的浏览器，可是用IE上网的人毕竟是大多数，所以，全球的网页设计者们不得不针对IE来调整网页代码，使之能兼容IE这个VIP。这其中也包括我这个初学者。我流连忘返地在Firefox和Emeditor里面调整主题布局，直到大体上要成功了，拿到IE里面一看，才发现原本整齐的布局变成了一堆不知为何物的东西，当时就有砸机器的冲动（幸好我把电脑旁边的哑铃提前收好了）。好吧，既然你不能正常显示，那我也不做了，直接Shift+Delete。 十分不理解，MS既然能开发出一个还算能正常使用的操作系统，为什么就不能把IE做得再好一点呢？非要留个骂名才觉得舒服吗？IE，真是苦了我们这种初学者…… 另外，IE7正式版出来了，它与IE6的Bug有什么不同，原本在IE6里面能正常显示的网站，到底能不能撑过这一关，还是让我们拭目以待吧。不过我估计，那些搞网站设计的人现在有得忙了。WordPress的主题目前不想动了，我不想为那位VIP单独调整代码，所以还是凑合着用Release的主题吧。[ READ MORE ]
最近才发现，原来WordPress的分类链接是可以自定义略缩名的。 举个例子，你的首页上有一个分类，名字叫做Linux文档。 那么在默认状态下，“Linux文档”这个分类的链接URL是： http://xxxxx.cn/post/category/linux-%e6%96%87%/\n\n注意后面的“ linux-%e6%96%87%/”，那是由“Linux文档”转化过来的。“Linux”不变，但是“文档”却变成了%e6%96%87%。至于问什么会变成这样，这里先不讨论。我十分不爽这种又是符号又是数字的链接，现在终于找到了优化这种链接的办法。 方法其实满简单的，在WordPress的后台修改就行。打开“管理”选项，切换到“分类”子面板，找到你想修改的分类的链接，比如“Linux文档”，点击“编辑”。在“分类略缩名”这儿，你会发现对应的值 就是前边提到的“%e6%96%87%”，把它修改为英文形式的，比如“linux_document”（注意不要再用中文了，否则修改就失去了意义），保存。再打开首页，看看“Linux文档”的链接，已经变成了： http://xxxxx.cn/post/category/linux_document/ 百分号不见了，链接看上去也清爽多了。 修改时值得注意的几点： 这种修改纯属外观上的优化，对于搜索引擎优化毫无意义，只是看上去美观一点。 如果搜索引擎已经收录了这个链接的页面，那么在改动时应该慎重考虑。由于链接不再是以前的那一个，别人就不能从搜索引擎那里进入这个页面了，直到搜索引擎更新对你的网站的抓取。[ READ MORE ]
刚装好的WordPress就有点像Windows那样，虽然功能强大，但是却像裸体一样，不装一些插件的话用起来很容易抓狂。其实我对WP的要求不高，装插件也只是弥补WP的不足，而并不是为了扩充它的功能。在插件的帮助下，花一些时间还是能将WordPress改进得一个博客程序的味道的。\n\n用了WordPress几周了，其他的都还能凑合着用，但总是觉得WP确少了图片上传管理的功能，有时贴张图都找不到地方。另一个就是WYSIWYG，用系统内置的编辑器写日志虽然比直接编辑HTML强，但是我真的很恨这个编辑器……\n所以我对WordPress的补完就主要从这两个地方着手。\n\n \n 即见所得编辑器 \n \n最令人头疼的就是它内置的那个缩水版的WYSIWYG编辑器，写文章实在太不方便了，例如改一个文字颜色都要到源代码编辑器里去。因此我找了很长时间，希望有一款增强型的WYSIWYG编辑器能替代它。开始时找了一款名字叫作Editormonkey的重量级插件，安装好以后居然有要占10M的空间！不过大概我RP不够，装好后总是有这样那样的故障，这样用起来比不装还难受。盛怒之下就一气吧Editormonkey删除了。后来才在Editormonkey的官方网站上看到一排大字，明确表明EM不支持WordPress2.0.4！更是气煞我也！\n\n不过后来总算找到一个小巧的插件来对编辑器进行补完，它名字叫WYSI-WordPress。装好以后，后台看上去变得舒服多了，用起来更方便了，特别是有了我最需要的那个“改变文字颜色”的按钮。（如图）\n\n \n 图片管理 \n \n这个也是需要重点补完的一项。前面说过，WordPress本身好像不能传图，只能通过链接URL来插入图片，害得我贴图时还跑到Flickr去，简直慢得我没话说！长期如此，愉快地Blog过程就要在打开网页的漫长等待时间中度过了……\n所以改进图片管理势在必行。\n\n一般来说用WordPress都是装在自己的PHP的虚拟主机上。所以第一种方案就是再装一个独立于WordPress的相册程序。我在本地的PHP上试验过几款，不是没装成功，就是装好后，用起来毛骨悚然。再也没更多的时间来找相册程序了，而且那种相册程序的空间占用较大，许多功能我也用不上，毕竟我是用来给文章贴图的。所以自然要考虑一下第二种方案了，那就是通过WordPress的插件来实现。用了一下ImageManager，给我的感觉很不错。安装好后会在WYSIWYG编辑器上增加一个ImageManager的按钮，点进去以后就能很方便的上传、插入、编辑图片了，很不错。\n\n补完了WordPress的这几项重大缺憾之后，用WordPress的过程变得愉快多了，虽然对目前的主题不太满意，不过相信随着时间的推移，我一定会学会编辑和修改主题的。目前，只要好好写文章，按时备份数据库就足够了。[ READ MORE ]
前些日子因为一个插件弄得Blog后台乌烟瘴气,害得我费了九牛二虎之力才将其恢复了过来.现在想来，除了恢复和备份以外,更因该思量一下如何完全防止这种事件发生。最好的途径，就是在本机上进行WP的测试。由于WP需要PHP和MySQL的支持，而分别安装着几样又太麻烦，我们需要的是一款集成程度高的软件。终于，EasyPHP登场了。\n EasyPHP 1.8 本软件帮助你使用PHP管理数据、开发站点和应用程序。它是调试PHP程序的好东西，集成: Apache 1.3.27, PHP 4.3.3, MySQL 4.0.15, PhpMyAdmin 2.5.3 它在华军软件园的下载地址：这里 \n安装十分方便，没有繁杂的设置，还真是Easy。安装好后EasyPHP后，紧接着就要安装WordPress。首先在浏览器中打开http://127.0.0.1/mysql/进入PHPMyAdmin创建数据库。接着配置wp-config文件，数据库名就是刚才创建的数据库名，用户名改为root,密码改为空.接着把Wp的安装文件传复制到EasyPHP安装文件夹下的www目录。最后在浏览器中打开http://127.0.0.1/wp-admin/install.php完成WordPress的安装。如果你把Wp的安装文件放到了www的下级目录，则对应的地址是http://127.0.0.1/目录名/wp-admin/install.php。这样本地调试WordPress的准备工作就大功告成了，以后这里的WP就可以随便折腾了，完全不用担心带来麻烦！[ READ MORE ]