分类
結繩記事

博客所在IP被墙

翻桌!(╯‵□′)╯︵┻━┻
┳G┻┳F┳┻W┫

分类
結繩記事

2010年06月26日

新主题,在昨晚已然上线。结果,我的红绿配色令人相当之不满意,╥﹏╥…于是乎临时改成了蓝色— —+这下总可以接受了吧?

效果如图示。

效果图

需要改进的地方:
1.Ajax评论
2.alignleft(早前评论)和breadcrumb-nav最好加个左边距,最下面的上下文也是。
3.评论部分:可以用.thread-even和.thread-alt区分一下样式。
4.边栏部分Random Posts、Hot Posts、Meta左边距有点大。
5.后一百页显示错位。
6.BLOG标题hover黑白反差太大。
7.返回页首的PNG太恶心……

分类
結繩記事

自主研发第一个WordPress主题上线

2010-06-25 主题上线。
2010-07-07 修改主题。
2010-07-19 修改主题。

分类
結繩記事

实现WordPress自带分页功能

在模板index.php相应位置添加分页栏,加上以下代码:
[code type=php]
<?php if (function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } else { include(‘navigation.php’); } ?>
[/code]
新建一个名为navigation.php的模板,里面包含以下代码:
[code type=php]
<?php

global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, ‘?’) || ! $wp_rewrite->using_permalinks()) {
$paginate_format = ”;
$paginate_base = add_query_arg(‘paged’, ‘%#%’);
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == ‘/’ ? ” : ‘/’) .
user_trailingslashit(‘page/%#%/’, ‘paged’);;
$paginate_base .= ‘%_%’;
}

echo ‘

n”;

?>
[/code]
style.css文件中添加以下代码:
[code type=css]
.page_navi {float: none;line-height:23px;text-align: center;}
.page_navi li { float:left;padding:5px;}
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
{border:1px solid #e5e5e5; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px 5px 2px 5px;text-decoration:none;
float:center;}
.page_navi a:hover { border:none;background: #5cb096;color:#fff; }
.page_navi span.current {
border:none;
background: #EB4640;
color:#fff;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
font-size:12px;
padding:2px 5px 2px 5px;
}
[/code]
效果图如下:

红色为当前页码,绿色块为鼠标悬停时的效果。

分类
結繩記事

初步完成comments.php

…φ(0 ̄*)啦啦啦_φ(* ̄0 ̄) ,终于弄好这个comments.php模板啦~当然,现在还比较简陋,还不完善,但是基本的样子出来啦~~~~o(*≧▽≦)ツ

效果如图:

效果图

mark一下我要做的修改吧:

  • 突出显示作者回复。
  • Ajax提交评论。
  • 点击回复时,评论框上移到当前位置。
  • 添加评论表情。
  • ctrl+enter快捷键提交评论。
分类
結繩記事

条件语句输出不同侧边栏块

不同页面输出不同的侧边栏块。

  • 判断是否为首页:  [code type=php]<?php if ( is_home() ) { ?>[/code]
  • 判断是否为文章页 :  [code type=php]<?php if ( is_single() {?>[/code]
  • 判断是否为Page页: [code type=php]<?php if ( is_page() {?>[/code]
  • 判断是否为存档页: [code type=php]<?php if ( is_category(){?>[/code]

完结后勿忘<?php }?>结束判断语句。

分类
結繩記事

纯CSS打造WordPress二级菜单导航栏

折腾了一个下午,终于用纯CSS实现了WordPress 下拉菜单导航栏,撒花!( ̄▽ ̄)o∠※PAN!=.:*:’☆.:*:’★’:*

嗯,因为是为自己blog定制的,所以呢,目前只支持2层深度。

效果图

分享一下我的代码啦~

嗯,重点是display的运用。

分类
結繩記事

技巧笔记

  • 能直接寫 html 的, 就不要用 php.
  • 能直接寫中文的, 就不要用翻譯.
  • 能直接表達的, 就不要有太多嵌套.
  • 修改 css 不要一味添加, 有時刪除會更好.
  • 影響網頁速度最嚴重的是 javascript 或 jQuery 裏的 DOM.
分类
結繩記事

制作WordPress新主题ing

希望这次不要半途而废了………………囧

看,这个样式,大家还满意不?

效果图