邪罗刹的菠萝阁


> ╮(╯▽╰)╭,其实挺喜欢原先的 ElegantBox 模板的,简洁干净,一直下不了手去换掉。
> 但是最近发现那个模板可阅读性的确很差,字小,调大了又和其他地方的比例不配。

> 就到处搜寻模板,发现只有 Sandfish 模板蛮合我胃口的,字大,配色协调。
> 呵呵,第一眼看到就觉得挺喜欢的说,只要稍微做一些调整即可直接使用啦 O(∩_∩)O。

> P.s. 其他的模板不是宽度小于我图片的标准宽度 600px,就是有更多地方要修改,杯具。

1. WP Page Navi 的手工安装:

<div class="alignleft"><?php next_posts_link('&laquo; Older Entries'); ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;'); ?></div>

> 由于 Sandfish 并不支持 WP Page Navi 导航插件,所以只好手工添加。
> 将上面的代码修改为下面的代码即可,很方便的说,呵呵。

<div class="navigation">
 <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
</div>

> 如果想人性化一点,就修改为下面这样,当 Page Navi 插件关闭的时候。
> 它就会自动使用原先的左右两个按键的页面导航,WP 的判断功能真好哇 O(∩_∩)O。

<?php if(function_exists('wp_pagenavi')) : ?>
<?php wp_pagenavi() ?>
<?php else : ?>
<div class="alignleft"><?php next_posts_link('&laquo; Older Entries'); ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;'); ?></div>
<?php endif; ?>

2. 修复页面模板对是否允许评论判定错误的问题:

<?php if ( get_post_custom_values('comments') ) comments_template()
// Add a key+value of "comments" to enable comments on this page ?>

> 呵呵,这个模板貌似有点老了,所以连这里也出现错误了。
> 那么将上面的代码修改为下面这个样子就好咯,嘿嘿 O(∩_∩)O。

<?php
	if (function_exists('wp_list_comments')) {
		comments_template('', true);
	} else {
		comments_template();
	}
?>

3. 对侧边栏进行 CSS 修正:

> 首先 WP Recent Comments 有偏移。

#evlos_rc {
	padding-top:5px;
}

> 接着修正文本框的偏移,(~ o ~),呼呼。

#evlos_organization {
	padding-top:5px;
}

4. 针对此模板重新制作了读者墙:

> 呵呵,其实只是修改了 CSS 和套用了此模板的页面模板。
> 代码太长就不贴了,有需要的就和我说哈,呵呵。

5. 对留言框进行 CSS 修正:

.submit_label {
	text-align:right;
	padding-right:1px;
}

> 提交留言按键给它移到右边去了,放左边难看且用户体验不好。

.wp-smiley-select {
	border:1px solid #f7f7f7;
	padding:1px 2px 1px 0px;
	margin:0 2px 0 1px;
}

> 修正表情头像列表的位置,使其长度与留言框相近。

6. 增加 “Ctrl+Enter” 提交的功能:

<input id="submit" name="submit" type="submit"
value="提交(Ctrl+Enter)" tabindex="7" accesskey="P" />

> 首先把按键文字修改一下,提示用户可以使用这个功能。
> 然后给留言框添加鼠标事件,注意咯,这里是留言框,而不是提交按键喔。

onkeydown="if(event.ctrlKey&&event.keyCode==13)
{document.getElementById('submit').click();return false};"

7. 在顶部导航栏添加管理登陆功能:

<div id="topnav">
<ul>
<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>>
<a href="<?php echo get_option('home'); ?>/" title="HomePage">首页 [Index]</a>
</li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div><!--#topnav-->

> 修改为如下即可,呵呵,这个函数太帅了。

<div id="topnav">
<ul>
<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>>
<a href="<?php echo get_option('home'); ?>/" title="HomePage">首页 [Index]</a>
</li>
<?php wp_list_pages('title_li='); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_register(); ?>
</ul>
</div><!--#topnav-->

8. 去除导航栏的背景(太花俏咯):

#topnav {
	clear:both;
	background:#fff url(images/topnav.jpg) no-repeat left top;
	height:37px;
	width:100%;
	text-transform:uppercase;
}

> 修改为如下,即可。

#topnav {
	clear:both;
	background:black;
	height:37px;
	width:100%;
	text-transform:uppercase;
}

9. 修改一下默认字体:

> 把带 Font-family 的查找出来清除。然后增加如下代码,呵呵。

font-family:微软雅黑,Microsoft YaHei,Arial,Helvetica,sans-serif,
Verdana,Tahoma,"BitStream vera Sans";
Leave a comment
72 Comments.
  1. Roam Google Chrome Windows 坐沙发!#1

    红色字体看起有点别扭。。。 整体还是不错的

    @
    • @Roam , 呵呵,这个主题的配色很张扬 ~
      以前一直用低调主题,说实话,我自己也得适应下 ~ :redface:

      @
  2. 你目前所用的模板是我最喜欢的WP模板之一 :biggrin:

    @
  3. 第三眼 Mozilla Firefox Windows 躺地板!#3

    我这里看着导航栏没有底色 :cool:

    @
  4. ShuaiGe.Me Mozilla Firefox Windows 天花板!#4

    嗯,换主题了,我也换了 :wink: 。。

    @
  5. 九站 Internet Explorer Windows 下水道!#5

    你每天做的事还真不少,没事也要找事做,我喜欢你这样的!

    @
  6. 挺漂亮

    @
  7. 我说个实话,这个主题你多做些美工就更好看了,基本框架不错!有点粗糙

    @
  8. 这个主题很不错,比我的好多了。。

    @
  9. 确实有字太小的问题,我也就将就着调那么大用着了,我这人比较倾向于简洁的主题~

    @
    • @exia , 恩,我也一直坚持简洁的,这次也是原来的看腻了 ~
      只好找一个兼容我图片宽度的字大的亮色调的模板 ~
      话说我原来的用了2个多月了呢 ~ 呵呵 ~ :smile:

      @
  10. 同一个主题用久了是要换换

    @
  11. 恭喜!改版喽~~~ :neutral:

    @
  12. 这个主题以前是私用的吧,真不错

    @
  13. 新主题新气象。。。。。。
    我一直用QQ邮箱接收博客有评论时发来的邮件,今天发现貌似QQ邮箱不能收到了。。换个邮箱却可以。。。。看有人遇到和我一样问题没

    @
    • @QiQiBoY , 唔 自从我发现QQ用P0P3收不到群邮件之后我就很不爽 ~
      所以后来就转到 Gmail 咯 ~
      现在是 Gfans,嘿嘿 ~

      @
  14. 感觉不错,估计没有之前那个耐看哟 :wink:
    title颜色怪怪的(我是说给我的感觉) ..

    @
    • @619 , 汗 ~ 我还以为字大点更耐看来着 ~
      呵呵,以后慢慢来吧,反正迟早还是要换主题的 ~
      话说我也觉得 title 颜色很怪,我现在换成绿色应该好一点 ~

      @
  15. 挺简洁的模板

    @
  16. 我觉得没原来那个好 ~

    @
  17. 我还不会修改那...仰望ing

    @
  18. 你的博客是越来越清爽,速度是越来越快啦~

    @
  19. :cool: 顶你个肺!
    这个主题和我模板同一出处
    我觉得你修改的太棒了,有机会的话,也帮我改改吧 :arrow:

    @
  20. 每次出场都是那么惊艳。内容好是王道,主题只是皮而已,简单就行

    @
  21. :smile: 主题很简洁很好看的说 不过文章meta那的标签有点小问题:P

    @
  22. 我也用的是这个主题,能帮我看看哪里需要改改的吧,我对程序美观不在行啊,

    @
    • @叶松 , 呵呵,先提几个小建议好咯。
      1. 你的搜索输入框太长了,结果在侧边栏上只看到右边半个。
      > 建议把你的 009.html 里面。

      
      

      > 修改为:

      
      

      2. 文章分类和文档归类之间建议加个:

      > 这样子下面的东西就不会叠加到上面来了。
      3. 把 CSS 文件中:

      #wp_page_numbers ul
      

      > 上面这个 Id 里面的下面这行东西去掉。
      > 这样页面底部就不会有俩条线了。

      border-top: 1px solid #CCC;
      

      4. 好了,我也只能帮这么一点了。
      > 更多的不得不要进入后台修改,我就帮不上了。╮(╯▽╰)╭

      @
    • @叶松 , 呵呵,不用谢,话说我用的是 Chrome,很不错的 ~ :smile:

      @
  23. 我是zb的博客,可惜这个用不上。还是wp的用户多啊? :cool:

    @
  24. 这个模板用的人很多

    @
  25. 这个主题也挺好看的~
    就是右边那一大片同色的不舒服

    @
  26. 很大气,很和谐。就是在评论框里打字的字体颜色很淡。

    @
  27. 经常换主题,一直很扣心。。。。

    @
  28. 几天没来了,一来,就发现换板子了,惭愧惭愧!

    @
  29. 我刚用这个,2个问题帮忙说说。评论分页和嵌套怎么改。

    还有sidebar的li怎么给他分3列显示的?

    @
  30. 找到方法了,多谢~

    @

Leave a Reply


[ Ctrl + Enter ]