Posted on 02/16/2012, 18:49, by badst, under
技术教程.
WordPress 不仅是博客, 很多时候 WordPress 还被用作为 CMS (内容管理系统). 博主们喜欢为每个文章加上统一大小的缩略图, 尤其是信息类平台. 其中比较常用的处理办法是用 custom field 向文章插入图片, 通过上传大小一致的小图或者使用 phpThumb 等工具生成缩略图. 2.7 开始, WordPress 大幅提升多媒体功能, 越来越多人使用 WP 的内置图片仓库. 对这些用户来说, 制作缩略图变得并不那么困难, 在上传图片的时候就会默认生成 150×150 规格的小图 (如果图片高度/宽度不足 150px, 使用原高度/宽度). 那我们可以充分利用这个功能, 在文章列表上加上这个图片作为缩略图. 这样处理各有利弊, 好处是简单, 智能 (不用每次输入缩略图), 坏处是消耗服务器流量. Okay, 现在要做的就是提取上传生成的小图片, 并放置在文章的适当位置. 我创建了一个文件 thumb.php, 图片获取和调用一起处理, 文件内容如下. <?php $args = array( ‘post_parent’ => $post->ID, ‘post_type’ => [...]
Posted on 02/15/2012, 21:15, by badst, under
技术教程.
文章内分页在一些地方时很有用的，文章太长需要内分页是一个方面，而文章涉及到排名或者分类问题需要内分页的也有很多。现在就来说一下如何实现内分页吧。方法就是使用<!–nextpage–>。 这个方法是wp官方提供的，也就是说WordPress本身就有文章的内分页功能，只是没有提供出标签出来，这个标签类似于wordpress 的more，不需要插件。 使用方法： 在文章中需要分页的地方加入<!–nextpage–> 有些主题可能不支持内分页，这时候就需要修改模板：检查当前所使用的模版文件single.php中是否调用了函数link_pages()。在WP的默认模版中是有这个函数调用的，但是有些模版没有。如果没有，你就需要在该文件的， 在<!–?php the_content(); ?–>后面插入<!–?php wp_link_pages(); ?–>更多官方准确的解释，请参阅http://codex.wordpress.org/Template_Tags/wp_link_pages 那么要说明的是，标签优先<!–more–>大于<!–nextpage–>，同时使用后，首页显示以more为截断点。 那么最后要处理的就是让<!–nextpage–>和<!–more–>使用一样方便，在写文章的时候点一下就可以，则需要修改一处。 进入wp安装目录下的wp-includesjstinymce，用文本编辑器打开tiny_mce_config.php。找到：’wp_more’，在’wp_more’后面加上：’wp_page’，好了，改完应该是’wp_more’，’wp_page’，，注意php程序中必须为英文标点符号。
Posted on 01/31/2012, 21:40, by badst, under
个人日志.
白色主题上传上来就出问题了，编辑文章的时候出现这个错误，网上搜到很多，但都没办法解。 Warning: Cannot modify header information – headers already sent by (output started at /home/badst/domains/badst.host7.meyu.net/public_html/wp-content/themes/Spring2012/functions.php:1) in/home/badst/domains/badst.host7.meyu.net/public_html/wp-includes/pluggable.php on line 866 还有在Chrome下看到<body>跑到了<head>前面。。。我已经把所有php文件转成UTF8编码了，本来本地测试一点问题都没有的。 现在后台所有动作，修改主题什么的都会出现这个错误，虽然修改的效果已经实现。烦躁中！！！ 原因：是utf-8文件BOM头在作怪。我用的是Notepad++，保存为不含BOM头的文件，问题解决了。
Posted on 01/31/2012, 09:25, by badst, under
小技巧.
此方法仅限于不使用后台外观里的小工具拖出来的评论列表，必须自己在sidebar.php里加代码。 Code: <!– start sidecomments–> <li> <h2>最新评论</h2> <ul class=”nav-comment-content”> <?php global $wpdb; $sql = “SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_author_email, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,20) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = ’1′ AND comment_type = ” AND post_password = ” ORDER BY comment_date_gmt DESC [...]
Posted on 01/26/2012, 08:58, by badst, under
个人日志.
总结 CSS3的各种效果太炫了，和几年前相比省了不知道多少功夫，一些简单的效果再也不要用图片了。 记得之前做的那个阳明的网站，一个透明效果搞到半死:( 有用的效果代码：（因标准不统一，各大浏览器有所不同，Firefox代码前加“-moz-”，Chrom/Safari代码前加“-webkit-” border-radius 圆角效果值越大圆的半径越大。 box-shadow 盒子阴影。可同时定义很多个，在中间以逗号分开“,”详见：CSS3属性Box-shadow text-shadow 文字阴影。详见：CSS3:文字阴影知多少 background 滑动门技术，一个图片，多个用途。通过控制背景的位置得到不同的显示结果。 CSS3里还能同时定义多个图片，以“,”分割，IE8目前都不支持这样的写法。
Posted on 01/23/2012, 20:21, by badst, under
小技巧.
（手动）摘要、自动摘要，和内容预告（当你使用 More 标签时，首页上显示的部分文章内容），这三者很容易混淆。自动摘要和内容预告都与（手动）摘要相关，但与它也有一定的区别。 这三者之间的关系是这样的：当文章没有（手动）摘要时，而且当前文章模板使用 the_excerpt() 的模板标签时，WordPress 将会自动截取文章的前 55 个单词作为自动摘要；而当文章模板使用 the_content() 的模板标签时，WordPress 则会在文章中搜索 More 标签，并将其之前的部分作为内容预告。 http://codex.wordpress.org/zh-cn:摘要 总算明白了为什么别人主页上的每个文章都是一段话配一个图片，原来是要手动加上去的。 我现在的主题，首页上是内容预告，也就是more…之前的所有内容， 函数<!–?php the_content(‘Read the rest of this entry »’); ?–> 如果没有more,那就是全部内容。。这样看起来确实很费力。 而在Archive里的则是摘要内容 函数<?php the_excerpt(); ?> 可以看到根本没有样式，只是一堆文字的堆积，我用的是the_content()模版标签，有more的仅选取more之前的所有文字，没有more的则选前面的150个单词。
Posted on 01/23/2012, 11:52, by badst, under
小教程.
原来有个tag叫“css3.0″，别名是“css3-0”，想改成“css3”，但却被提示别名已经被使用。 于是输入网址：http://badst.org/css3 却跳到 CSS3:文字阴影知多少 这篇文章，我就想到可能是因为中文的问题。 在网上搜索解决方法，需要用到phpmyadmin修改数据库。 步骤 用phpmyadmin打开wordpress的数据库，打开wp_terms表，查找你要更改的别名，我的是dedecms2 删除掉以前的那个 下班再弄吧。
Posted on 01/17/2012, 20:40, by badst, under
个人日志.
完全偷paragon的样式，Google Chrome的审查元素功能太好用了。。 comments.php里死活找不到样式在哪改的？搜了下 <?php wp_list_comments(‘type=comment&callback=mytheme_comment’); ?> 这个函数，才找到WordPress官方codex说明里的用法。原来样式是在function.php里面，果断改掉了。 You will need to define your custom callback function in your theme’s functions.php file. Here is an example: 上一篇/下一篇中的圆角方块效果 #artical ul.prevnext a { color: gainsboro; text-shadow: #191919 1px 1px 0; background: url(“images/pagination_bg.png”) repeat-x; padding: 6px 11px; font-size: 0.9em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 1px 1px 3px [...]
Posted on 01/17/2012, 12:30, by badst, under
个人日志.
很诡异文章发表的是<code>包含着<ol>，但实际结果却倒过来。只好重新编辑css。 在HTML编辑里，<code>后面回车再接<ol>才可以。。
