All D's Life

2010-06-24 13:19

<DIV>…φ(0￣*)啦啦啦_φ(*￣0￣)> </DIV>
<DIV>终于弄好这个comments.php模板啦~</DIV>
<DIV>当然，现在还比较简陋，还不完善，但是基本的样子出来啦~~~~o(*≧▽≦)ツ </DIV>
<DIV> </DIV>
<DIV>效果如图：</DIV>
<DIV><IMG title=”初步完成comments.php – 雪妖 – 雪妖の杂货铺” alt=”初步完成comments.php – 雪妖 – 雪妖の杂货铺” style=”MARGIN: 0px 10px 0px 0px;” src=”http://img.ph.126.net/HFPrVm6ozBL2VupFBGVFWA==/3319434400350078679.jpg”></DIV>
<DIV> </DIV>
<DIV>mark一下我要做的修改吧：</DIV>
<UL>
<LI>突出显示作者回复。</LI>
<LI>Ajax提交评论。</LI>
<LI>点击回复时，评论框上移到当前位置。</LI>
<LI>添加评论表情。</LI>
<LI>ctrl+enter快捷键提交评论。</LI></UL>

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

2010-06-24 1:38

不同页面输出不同的侧边栏块。
<UL>
<LI>判断是否为首页<?php if ( is_home() ) { ?></LI>
<LI>判断是否为文章页<?php if ( is_single() {?></LI>
<LI>判断是否为Page页<?php if ( is_page() {?></LI>
<LI>判断是否为存档页<?php if ( is_category(){?></LI></UL>
等
完结后勿忘<?php }?>结束判断语句。

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

2010-06-23 19:06

<DIV>折腾了一个下午，终于用纯CSS实现了WordPress 下拉菜单导航栏，撒花！(￣▽￣)o∠※PAN!=.:*:’☆.:*:’★’:* </DIV>
<DIV> </DIV>
<DIV>嗯，因为是为自己blog定制的，所以呢，目前只支持2层深度。</DIV>
<DIV><IMG title=”纯CSS打造WordPress二级菜单导航栏 – 雪妖 – 雪妖の杂货铺” alt=”纯CSS打造WordPress二级菜单导航栏 – 雪妖 – 雪妖の杂货铺” style=”MARGIN: 0px 10px 0px 0px;” src=”http://img.ph.126.net/6D1Md5daMaxd2os44HV_7A==/956170495886136570.jpg”></DIV>
 分享一下我的代码啦~
嗯，重点是display的运用。

<HR id=null>

<UL>
<LI>CSS部分</LI></UL>
#navigation {height:38px;background:#666666;} .menu li{  float:left;  text-transform:capitalize;  padding:8px 10px;  background:#666666;  -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;  }  .menu li a{padding:8px 10px;color:#ccc;font-family:微软雅黑;font-size:15px;} .menu li a:hover{border-bottom:2px solid #339999;color:#eb4640;font-weight:bold;} .menu li ul{display:none;} .menu li:hover ul{display:block;}

<HR id=null>

<UL>
<LI>header.php部分</LI></UL>
 <div id=”navigation”>  <ul class=”menu”>  <li><a href=”<?php echo get_settings(‘home’); ?>/”>Home</a></li>     <?php  wp_list_pages(‘sort_column=menu_order&depth=2&title_li=&exclude=’ . $options['exclude_pages']); ?>     </ul>  </div>

技巧笔记

2010-06-22 13:47

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

制作WordPress新主题ing

2010-06-15 0:27

<DIV>希望这次不要半途而废了………………囧</DIV>
<DIV> </DIV>
<DIV>看，这个样式，大家还满意不</DIV>
<DIV><IMG title=”制作WordPress新主题ing – 雪妖 – 雪妖の杂货铺” alt=”制作WordPress新主题ing – 雪妖 – 雪妖の杂货铺” style=”MARGIN: 0px 10px 0px 0px;” src=”http://img.ph.126.net/GPor815II18pS5BNgaF6sw==/3267924479611993416.jpg”></DIV>

添加WP-MulticolLinks插件

2010-06-08 10:23

实现侧边栏随机显示指定条数的友链，使页面美观。

添加jQuery lazy load plugin插件

2010-06-08 10:20

有时候写日志会添加很多很大的图片，且这些图片所在图床由于我国特殊国情常常loading得非常慢。<div>为了提高访客的愉悦体验，特添加了这个插件，用来延迟加载图片。</div><div> </div><div> 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.</div>

首頁添加文章縮圖功能

2010-05-21 11:48

在functions.php 中開啟WordPress的自帶縮圖功能。<div><pre style=”font-size: 12px; font-family: monospace;”><?php// 支援 WordPress 2.9 的自帶縮圖功能 </pre><pre style=”font-size: 12px; font-family: monospace;”>if ( function_exists( ’add_theme_support’ ) ) { </pre><pre style=”font-size: 12px; font-family: monospace;”>add_theme_support( ’post-thumbnails’ );</pre><pre style=”font-size: 12px; font-family: monospace;”>}</pre><pre style=”font-size: 12px; font-family: monospace;”>?></pre><pre style=”font-size: 12px; font-family: monospace;”>在 index.php 中的the_content 之前添加以下代碼。</pre><pre style=”font-size: 12px; font-family: monospace;”><pre style=”font-size: 12px; font-family: monospace;”><?php if ( has_post_thumbnail() ) : ?> </pre><pre style=”font-size: 12px; font-family: monospace;”><a href=”<?php the_permalink(); ?>”><?php the_post_thumbnail( array( 150, 150 ), array( ’class’ => ’alignleft’ ) ); ?></a></pre><pre style=”font-size: 12px; font-family: monospace;”><?php endif; ?></pre><pre style=”font-size: 12px; font-family: monospace;”>自帶縮圖功能目前不支持外鏈圖片。</pre></pre></div>