Alan's World » G-White http://www.alanoy.com Do what you want to do Mon, 06 Sep 2010 03:41:53 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 DarkLight和G-White主题的图片透明效果和超链接背景 http://www.alanoy.com/opacity-and-links-background-of-images-of-darklight-and-g-white-theme/ http://www.alanoy.com/opacity-and-links-background-of-images-of-darklight-and-g-white-theme/#comments Thu, 19 Aug 2010 09:26:55 +0000 Alan http://www.alanoy.com/?p=199 DarkLight 和 G-White 主题中我都加了图片透明效果，现在看来有点蛋疼，许多童鞋问我如何去掉该效果，个人喜好不能加于公布的主题中，以后要注意，去掉的方法就是，在 style.css 中找到 .entrybody img，删除里面的

1
2
3
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;

这三行，顺便把 .entrybody img:hover 整个删掉。

还有个问题是，这俩主题中，超链接图片在鼠标滑过时，图片底部会留下的红色背景，是我给超链接在鼠标滑过 a:hover 时设置了 padding 和 background 属性导致的，要去掉的话修改超链接的样式，去掉其内边距和背景属性。如果想保留超链接原来的样式，我写了个 jQuery，去掉超链接图片的背景和样式：

1
2
3
$(document).ready(function() {
    $(".entrybody a img").parent("a").css({"background": "none", "padding": "0"});
});

代码放到 js 文件夹下的 all.js 里面。这两个主题已经调用了 jQuery 库，如果你已经删掉了，那不会有效果。

Related Posts

© Alan for Alan's World, 2010. | Permalink | 13 comments
Add to del.icio.us | Google Bookmark | Digg | Live Bookmark | Facebook
Post tags: , , ,

]]> http://www.alanoy.com/opacity-and-links-background-of-images-of-darklight-and-g-white-theme/feed/ 13 关于DarkLight主题新版本的开发 http://www.alanoy.com/about-new-darklight-theme/ http://www.alanoy.com/about-new-darklight-theme/#comments Sun, 15 Aug 2010 02:18:23 +0000 Alan http://www.alanoy.com/%e5%85%b3%e4%ba%8edarklight%e4%b8%bb%e9%a2%98%e6%96%b0%e7%89%88%e6%9c%ac%e7%9a%84%e5%bc%80%e5%8f%91/ 在 G-White 更新到 v2.4 后，其实前阵子还是在对 G-White 进行修改，因为主题的结构和 CSS 代码还有一些不合理和冗余的地方，结构方面已改好，正在重新写 CSS 代码。但受到 Jinwen 这篇文章的影响，我也有意尝试用 WordPress 官方主题进行开发，毕竟我的那些代码是从 WordPress 2.5 用到现在的，需要全面更新一下了，所以有了把 DarkLight 和 G-White 3.0 化的想法，即在 Twenty Ten 主题结构基础上的更新开发。

回到正题，首先是对 DarkLight 的更新，版本直接跳到 3.0 且不在对之前版本进行维护改进。说说几点特性，喜欢 DarkLight 主题的可以提提意见：

  1. Ajax Comment，这次会使用 Willin 最新的改进版。
  2. 嵌套评论，样式会有所改变，敬请关注
  3. 内嵌文章分页，这次不用 wp-pagenavi，而使用还是来自 Willin 的 Mini Pagenavi，很小巧。
  4. 一些 JavaScript 效果：如点击 Reply 自动添加 @somebody，下拉菜单，Ctrl+Enter 回复评论，在考虑要不要加页面滚动效果，个人觉得没什么必要。

进度不会很快，现在失业中，正在学习，杯具。

Related Posts

© Alan for Alan's World, 2010. | Permalink | 18 comments
Add to del.icio.us | Google Bookmark | Digg | Live Bookmark | Facebook
Post tags: , , ,

]]> http://www.alanoy.com/about-new-darklight-theme/feed/ 18 G-White主题显示文章摘要 http://www.alanoy.com/show-excerpt-and-read-more-for-g-white-theme/ http://www.alanoy.com/show-excerpt-and-read-more-for-g-white-theme/#comments Mon, 19 Jul 2010 04:27:52 +0000 Alan http://www.alanoy.com/?p=116 WordPress 显示文章摘要，其实在文章编辑器有个 more 标签，很多人都知道啦，昨天有位同学提到要像我那样的摘要，然后把 Read More 在文章右下角显示。

首先修改 index.php 让文章显示摘要，把 index.php 中的：

1
<?php the_content('Read the rest of this entry &raquo;'); ?>

替换成如下（其中 600 为摘要文字符数）：

1
<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 600,"......"); ?>

这样就可以不用在写文章的时候手动添加 more 标签了，不过这样的方法，图片会被直接无视，链接也只会显示成不能点击的文字。

接下来增加在文章右下角增加 Read More 链接。
找到：

1
<span class="single_tags"><?php the_tags('', ' , ' , ''); ?></span>

在其下面加入：

1
2
3
<span class="read_more">
    <a title="Read the rest of this entry" href="<?php the_permalink() ?>" rel="nofollow"><?php _e('Read More',''); ?></a>
</span>

接下来修改样式表，打开 style.css，在下面增加：

1
2
3
4
5
.read_more {
    background: url(images/read_more.png) no-repeat 0 3px;
    float: right;
    padding: 0 0 0 20px;
}

这里提供个 read_more.png，当然你可以自己找个图片代替（请放到 G-White 下的 images 文件夹）。

PS. 看会之前的一些评论才知道（感谢 shuxin 同学），一直有两个错误没修改过来，comments.php 这个文件有两个错误：
1、行 77，Webseite (Optional)，其中，webseite 应该改成 website。
2、行 101，input type="submit" name="submit" id="submit" value="" title="Post Your Comment" alt="Post Your Comment" 的 value 的值要加一个空格即改成 value=” “，否则在 IE 中，显示“提交查询”，就与按钮背景图有冲突了。

Related Posts

© Alan for Alan's World, 2010. | Permalink | 20 comments
Add to del.icio.us | Google Bookmark | Digg | Live Bookmark | Facebook
Post tags: , , ,

]]> http://www.alanoy.com/show-excerpt-and-read-more-for-g-white-theme/feed/ 20 WordPress主题G-White更新到Ver 2.4 http://www.alanoy.com/updated-g-whtie-wordpress-theme-to-verson-2-4/ http://www.alanoy.com/updated-g-whtie-wordpress-theme-to-verson-2-4/#comments Sat, 03 Jul 2010 03:59:28 +0000 Alan http://www.alanoy.com/?p=110 G-White 和 DarkLight 都许久没更新，这次先对 G-White 动手。修改的时候发现这个主题最后一次更新是在 09 年 9 月份，原来已经过了这么久了，之前说过要更新的东西似乎有些忘掉了，(-_-); 这次修改的东西也不多：

  1. Categories 增加子菜单样式，如果分类含有子分类的话，现在可以正常显示，鼠标滑过显示。
  2. Header 的页面 Navigation 稍作修改，原来当 Navigation 有点多的时候，会下滑，样式改变了，稍作修正，下滑后不影响外观。
  3. 有童鞋反应需要显示文章的年份，于是在单篇文章中加入年份显示
  4. 上篇文章提到的随机文章问题，当然也修改了
  5. 其他一些样式小修小改，不提也罢

修改不多，也混了一个 Verson，呵呵。

演示：Demo

下载 G-White 2.4

Related Posts

© Alan for Alan's World, 2010. | Permalink | 89 comments
Add to del.icio.us | Google Bookmark | Digg | Live Bookmark | Facebook
Post tags: , , ,

]]> http://www.alanoy.com/updated-g-whtie-wordpress-theme-to-verson-2-4/feed/ 89 WordPress Theme: G-White 2.0 http://www.alanoy.com/wordpress-theme-g-white-2-2/ http://www.alanoy.com/wordpress-theme-g-white-2-2/#comments Sun, 01 Nov 2009 15:41:26 +0000 Alan http://www.alanoy.com/?p=40 G-White 是自己做的一个比较久远的主题了，跟 DarkLight 一样，这次也直接跳到 Verson 2.0，两者的代码也是大同小异，主要就是外观上和部分细节的不同而已，自己感觉是还有可以继续美化完善的地方，在 JS 技术方面在下不懂，所以不会有太多这方面的效果，这是我的主题没什么特别了亮点的地方吧。

这次页面导航加入下拉菜单样式了（简陋的）；继续忽略子分类在侧边栏的样式问题；如果说还有什么特别需要说明的地方的话，就是嵌套评论在 IE6 下的继续与众不同和不那么完美了（老生常谈，非常厌恶）；然后是跟 DarkLight 基本一样的说明了（For English Usage, please read the “Read Before Use” file in the g-white_2 folder）：

  • 只支持 WordPress 2.8 以上版本，相比 G-White 1.0，仅仅自带了一个 Links 模板，删去了 Guestbook 和 Archives 模板；G-White 2.0 已在 Firefox 3.5，Opera 10，Chrome 3，IE6，IE7，IE8 下测试，可正常使用（IE6 下评论样式与其他浏览器样式有些不一样，老生常谈了，如果您喜欢用 IE，建议用 IE8）
  • 支持嵌套回复和评论分页，这两个都需要在后台的评论设置开启，嵌套回复目前只支持 3 层，目前未考虑增加更多层次的样式。
  • 评论楼层显示楼层序号，支持 Ajax 评论，自动隐藏老用户资料框，支持 Ctrl+Enter 发表留言
  • 本主题不使用任何插件也可以正常显示，并且已经内嵌 WP-Pagenavi 插件，所以如果您启用了该插件，请在后台将改插件禁用。
  • 主题支持 Widget，但还是那句话，强烈建议使用 Sidebar.php，自定义性更强。
  • 增加导航页面下拉菜单样式
  • 主题可能存在本人未发现的 Bug，如果您使用了本主题并发现 Bug，欢迎联系我，谢谢！

- 11/7 更新 G-White 2.2：修正 Search.php 的一个小错误；修正提交第一个回复评论后的样式错误。
-11/30 更新 G-White 2.3：修正搜索结果页面和分类页面下 Pagenavi 不能显示的问题。
-12/14 更新：把文章标题显示 Article-link(Permalink) 换成显示原标题

预览：Preview 1 | Preview 2
演示：Live Demo

下载 G-White 2.4

Related Posts

© Alan for Alan's World, 2009. | Permalink | 116 comments
Add to del.icio.us | Google Bookmark | Digg | Live Bookmark | Facebook
Post tags: , ,

]]> http://www.alanoy.com/wordpress-theme-g-white-2-2/feed/ 116