2008.08 01

WordPress联系页面的制作+插件+美化

标签: , ,
Wordpress

记得已经有几个朋友给我发来信息，说如何建立一个像我博客一样的联系页面，我也给出了答案，那就是应用一个Wordpress插件来创建。而我用的是Secure and Accessible PHP Contact Form。但问题是，大家好像对这个插件的外观样式不是很了解，也不是很满意。一一解决感觉费掉了很多时间，今天就一次性来个详解吧。

第一：如何在WordPress中制作一个像我一样的联系页面

  • 当然，第一步你需要下载一个插件，像我一样的插件：Secure and Accessible PHP Contact Form。并像平时安装插件一样，把这个插件上传并激活；
  • 到你的后台，建立一个页面，在里面放加上这个注释<!--gb_contact_form-->。需要注意的是，需要在HTML样式下加上，而不是在可视化的情况下加；
  • 到这里，你已经拥有一个这样的页面，但还需要确认一下一些信息，以便把联系者给你的信息发到你指定的邮箱。你需要做的是在后台–>Contact Form–>Configuration–>填写你的信息！如果你觉得填写有问题的话，可以看看下面这张图片(点击查看大图)：confirm
  • 完成了吧？哈哈，你已经拥有这样一个页面了。WP总是让你这么简单就可以做一个页面，只要你用心发现。

第二：美化Contact Form

  • 不满意里面的样式？当然。我想大多数朋友都这么想。那么，美化一下它吧，你可以用修改里面任何一个THEME的CSS样式。在\wp-gbcf\wp-gbcf_themes\这个目录下找到他们，对其进行修改，然后在后台–>Contact Form–>Styling–>选择你想修改过的主题；
  • 不过，我想一般情况下，看到这里你的，或许自己对这个插件还不是很熟悉，或者修改它还存在着一些问题。哈哈，我准备了懒人包。你只要把里面的sofished.css上传到\wp-gbcf\wp-gbcf_themes\这个目录下，并在后台中选择这个THEME，那么，你就可以得到下面这个效果:

    • form_style

  • 这个效果我将会在自己的主题Green House中应用。色彩方面，应该是比较大众化的，适合大部分主题。如果你要修改，用这个可能也会方便很多。

第三：汉化？

  • 其实也不可以说是汉化，只是对Contact Form里面的内容替换成相应的中文，以更适合中文用户。因为这个插件里面的文件比较大，也比较复杂，如果修改，很容易出错误，这里就用我自己的经验来给大家修改吧。
  • 下载：Secure and Accessible PHP Contact Form 中文。这个压缩包中，已经删掉多余的THEME，也对相应的内容做中文修改。应该会比较方便吧。

另外，这里需要申明的是，像Share This中文一样，版权都是属于原作者的。All right reserve to Mike Cherim and Mike Jolley，Thanks for the works of this excellent plugins。The Modifation only to make it easy for Chinese users。你知道的，说这些话的时候，通常都是结束的时候，如果有什么问题，欢迎联系我！

收藏+分享: Del.icio.us / 百度搜藏 / QQ书签 / Google书签 / 更多 »
首页 » Wordpress »

28

  1. 2008.08.02 12:18 am
    Black-Xstar(visit): [回复]

    沙发！
    看上去不错，有空我也装一个。

  2. 2008.08.02 12:20 am
    Black-Xstar(visit): [回复]

    晕，自动填表弄错了，把我email写了上去，麻烦sofish帮我改一下吧。

  3. 2008.08.02 12:42 am
    ZH CEXO(visit): [回复]

    这个插件以前用过，很不错，也是看了你的博客才知道的。现在没用这个插件了，因为我使用的主题自己带了一个CONTACT的模板，比较简单明了。

  4. 2008.08.02 9:48 am
    雀巢(visit): [回复]

    连这个都有插件，wp太强大了。不过我觉得还是直接写html的好。simple is the best

  5. 2008.08.02 11:06 am
    凯尔(visit): [回复]

    还是比较倾向于自己写一个。

    另外觉得这个插件的确很“程序员”，默认的界面都是像Visual Studio窗口一样的风格，哈哈~

  6. 2008.08.02 11:10 am
    stephen(visit): [回复]

    不错，之前都是使用CHADA提供的一个网络服务建立联系页面的～～～

  7. 2008.08.02 12:04 pm
    Roman(visit): [回复]

    谢谢fish的推荐哦，这个插件不错，开始以为是你自己写的呢，呵呵，期待你的新作，赶紧发布吧，嘿嘿

  8. 2008.08.02 12:12 pm
    小叶(visit): [回复]

    偶正想做一个这样的页面呢，谢谢楼主的推荐

  9. 2008.08.02 1:31 pm
    花果山寨(visit): [回复]

    这样就方便多了！

  10. 2008.08.02 5:10 pm
    睡到自然醒blog(visit): [回复]

    直接公布邮箱等联系方式不就行了吗，哈

  11. 2008.08.03 11:11 pm
    sofish(visit): [回复]

    哈哈，如果不方便公布的话…

    测试一下留言回复…

  12. 2008.08.05 9:48 pm
    二手科学家(visit): [回复]

    大图打不开？

  13. 2008.08.06 4:08 pm
    roy7255(visit): [回复]

    可惜我的blog不能自己安装插件。不过有个叫Retaggr的服务提供类似的功能，还可以在不透露IM的情况下聊天等，同时还聚合了一些其他功能。在The sky of Daemon!的这篇文章http://tinyurl.com/552365 和电脑玩物的这篇文章http://tinyurl.com/4nnrda 有详细有用的介绍。

  14. 2008.08.19 5:29 pm
    查伯(visit): [回复]

    我装了这个插件。但是用不成啊。启用后，页面就出错。

  15. 2008.08.22 6:13 pm
    neekey(visit): [回复]

    还是自己手动创建更好。插件也浪费资源

  16. 2008.09.10 12:17 am
    陈小馒(visit): [回复]

    终于OK了~~
    在我自己blog上也加上了~~
    想把文章评论也弄得好一些，小鱼能到我blog去看看随便提些推荐吗？
    （因为我刚开始有决心自己整wordpress@@ 大文盲）

  17. 2008.09.11 10:45 pm
    Chada(visit): [回复]

    sofish，好像您汉化的文件没有清除BOM哦。

  18. 2008.09.12 11:50 am
    sofish(visit): [回复]

    @Chada: 哈哈,我找个时间弄一下…

  19. 2009.01.09 3:29 am
    Bruce GAO(visit): [回复]

    好像你汉化的文件有问题 Fatal error: Cannot access empty property in /home/****/public_html/wp-includes/functions.php on line 430

  20. 2009.02.16 7:20 pm
    seri(visit): [回复]

    用了很多种，最后觉得这个还不错 contact form 7，http://wordpress.org/extend/plugins/contact-form-7/ 自定义都很方便！

  21. 2009.05.05 2:13 pm
    leftkey(visit): [回复]

    看到了。嘿嘿，找到了。

  22. 2009.07.22 10:22 pm
    Ely(visit): [回复]

    Secure and Accessible PHP Contact Form，启用插件的时候显示“该插件没有有效的标题”，请问如何解决？

  23. 2009.07.30 6:21 pm
    七月博客(visit): [回复]

    不错，我也试着搞了下。你的页面做的很好看

  24. 2009.10.14 11:06 am
    波波(visit): [回复]

    已经装了,配置看起来很复杂,你的大图也打不开~

  25. 2009.12.06 10:13 pm
    coffee(visit): [回复]

    安装了，测试中…..

  26. 2010.01.27 11:13 am
    wsa(visit): [回复]

    点击图片看不了啊，邮件那里不知道怎么设置，受不了邮件。

  27. 2010.03.28 3:55 pm
    安庆法律人(visit): [回复]

    似乎寻找的就是这个。

  28. 2010.04.20 3:06 pm
    mrvsto.com(visit): [回复]

    这个确实很不错，我也去弄一个

Additional comments powered by BackType