博客修修改改继续完善中

这几天很少更新博客内容,也没什么大事,但俗话说得好,“大事没有,小事不断”,所以一直纠结在这些小事里,呵呵,这也是人生的无奈啊,所以就抽不出一点连在一起的大时间,所以空的时候就一直在对博客进行小小的修修改改,不过,对我这个才刚开始看PHP书的人来说,这些代码搞起来也挺累的,不像懂的人直接写就OK了,我总是要调试很久一句代码才可以使用,哎,革命尚未成功,同志还需努力啊。

这几天大致给博客增加了如下一些功能:1.增加了评论和留言回复的快捷键“Ctrl+Enter”;2.搞了搞留言板,稍微改了下而已;3.增加右上角搜索框里的文字提示;4.修改了页脚,使所有的连接都可在新窗口中打开;5.备案通过,大大的兴奋下;6.修改了头部的导航栏;7.增加了Google Friendconnect侧边栏。还有一些小的修修改改,还有一些后台设置和插件。总之就是想访客的用户体验更好,给大家带来更好的访问体验啊。哈哈。


注:以下修改如无特别说明,都为基于mg12的inove主题之上做的修改,如果你是同样的主题的话,那可以直接使用,不是的话,那参考和修改下,应该也可以用到你的博客主题里面。

1.增加评论和回复“Ctrl+Enter”快捷键,首先是在模版的comments.php加一段JS代码,记住,最好是加在php的头部!保证这段代码在下面代码之前被执行。比如可以放到第一行的script脚本后面。

<!--更改评论按钮开始-->
     <script language="javascript" type="text/javascript">
     function ctrlEnter(e){ 
       var theEvent = e?e:window.event;
     if(theEvent.ctrlKey && theEvent.keyCode==13){ 
         document.getElementById("submit").click();
        }  
    } 
    </script>
<!--更改评论按钮结束-->

第二步就是修改回复按钮,在comments.php里面找到相关代码:

<input id="“submit“" name="“submit“" type="“submit“" />
e.g.<input id="“submit“" name="“submit“" type="“submit“" value="“Submit" tabindex="“5“" />
将其中的”input”替换为”button”
e.g.<button id="“submit“">Submit Comment</button>

注意原来的value=“Submit Comment“已经被删除,并移动到<button>与</button>之间!
p.s.原来对回复按钮使用过样式的朋友则需要到CSS里面重新修改一下咯! 最后是找到这段,并修改:

<textarea id="“comment“" cols="“70“" rows="“4“" name="“comment“"></textarea>
修改为:
<textarea id="“comment“" onkeyup="“javascript:return" cols="“70“" rows="“4“" name="“comment“"></textarea>

注意,添加了这段代码:onkeyup=“javascript:return ctrlEnter(event);“ 之后你就可以测试你的博客这个功能是否起作用了,如果没有请仔细检查你修改的代码,注意,修改之前请先备份,养成好习惯。

2.搞了搞留言板,其实稍微改了下模板里面自带的single.php页面而已。将single.php复制一份,改名为guestbook.php,留言板做好了,这样做的目的是希望留言板能保持博客的基本布局如:页面头部,页脚和侧边栏。然后将修改后的guestbook.php上传到博客模板目录(/wp-content/themes/博客模板名称/)下,用具有管理员权限的账户登陆后台,页面–>添加新页面–>右侧的模板属性–>选择guestbook–>保存。只要在首页做好相关的连接就可以了。这条基本上可以用在所有的模板上。

3.增加右上角搜索框里面的文字提示,打开wp-content\themes\模板名称\templates\header.php。在这句代码之后”“找到以下面这句代码开头的代码行。

<input type="text"

然后在input和type之间增加下面这句代码,其中”关键字+Enter“替换成你想要在搜索框里显示的文字。

value="关键字+Enter" onfocus="if (value =='关键字+Enter'){value =''}" onblur="if (value ==''){value='关键字+Enter'}"

ok,开始测试吧。

4.修改了下页脚,使所有的连接都可在新窗口中打开,版权信息,也就是那个”W“图标,点击后在新窗口中打开效果,之需要打开wp-content\themes\模板名称\templates\end.php,找到:

<a id="powered" href="http://wordpress.org/" title="Powered by WordPress 博客平台">WordPress</a>

在title之前加一句代码 “ target=”_blank” ”即可,注意前后都有空格,不要最外层的双引号。至于“主题由 MG12 提供, 通过 XHTML 1.1 和 CSS 3 验证.”这句中的连接,则要修改相应的语言文件,使用Poedit打开language目录里面的“zh_CN.po”找到最后一行在翻译栏里,在每个网址结束之后加上同样的代码“ target=\”_blank\” ”,注意空格和外层双引号不要。保存就会生成相应的mo文件,替换原来的mo文件即可。至于Poedit的用法,网上找找自己摸索摸索,就可以了。

5.备案通过,不买空间,发几封邮件搞定,注意啊,以后备案地址一定要详细到门牌号,即使在学校,详细到几号宿舍楼,寝室号。

6.修改了下头部的导航栏,这个可以参考主题作者的博客这篇日志:《在主题中添加 LavaLamp 菜单效果》由此可见,多关注你用的模板或者其他东西的作者还是好处大大啲。

7.增加了Google Friendconnect侧边栏,这个比较麻烦,就是在googleconnect网站申请帐号,上传相应的文件到你网站,验证,在你网站加代码,相关的可以网上搜搜,小提示,可以在后台 外观–>主题选项–>橱窗,这里加上给你的代码,“谁可以看到?”,全部打钩,标题前就不要打钩了。效果如本站所示,打钩的话你也可以试试效果。宽度推荐250px,高度随便,按你的喜好设置。
其他的嘛,就是加了个Ozh’ Admin Drop Down Menu插件,这样后台管理视野大多了,也更加方便了。参加了一个 CSS Naked Day 活动,没有CSS控制,页面那个难看啊,提醒大家,语法格式等的重要性,哈哈,就到这里,完了。

评论

  1. 13年前
    2009-4-12 14:32:43

    呵呵。。修改的都挺好。。这样分享对我们这些后来者也会有不少帮助。。
    PS:月夜也挺喜欢这样折腾着本地化。。哈哈。。
    不过我试了下。。发现还是用不上你的Ctrl+Enter快捷键。。
    XP,IE8,TW环境下。。

  2. 13年前
    2009-4-12 15:37:46

    @月夜
    不会吧,那我测试下,应该不会有问题的啊。
    不对啊,我是Win7 IE8 TW3 环境下,可以的啊。

  3. 13年前
    2009-4-12 18:33:03

    一米 :@月夜 不会吧,那我测试下,应该不会有问题的啊。不对啊,我是Win7 IE8 TW3 环境下,可以的啊。

    我再试试看。。。还是没反映。。囧。。
    PS:你的博客没有评论回复功能吗?就是你回复了我的评论,会给我发邮件提醒的。。

  4. 一米 博主
    13年前
    2009-4-12 20:00:58

    @月夜
    有评论回复功能的,只是最近好像主机发邮件的功能有问题了。用别人的主机,不好搞啊。

  5. 13年前
    2009-4-13 8:47:40

    终于收到了你的邮件提示,呵呵。。
    不过貌似回复的3条评论只收到了1封信。。
    Windows 7 +IE8依然不能使用Ctrl+Enter,呵呵。。。

  6. 13年前
    2009-4-13 8:48:26

    另。。你文中iNove写错了。。昨天忘记说了。。。呵呵。。。

  7. 13年前
    2009-4-13 8:49:09

    今天,收到了一封..呵呵…

  8. 13年前
    2009-4-13 8:50:01

    月夜 :今天,收到了一封..呵呵…

    崩溃..我在另一篇文章中的评论阿..怎么跑这儿来了阿..

  9. 一米 博主
    13年前
    2009-4-13 16:01:25

    月夜 :

    月夜 :今天,收到了一封..呵呵…

    崩溃..我在另一篇文章中的评论阿..怎么跑这儿来了阿..

    哈哈,奇怪了,邮件通知一会好一会坏的。不知道怎么了!真崩溃。

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇