Feed 订阅 (更多)

Subscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with Bitty BrowserSubscribe with Live.com
Subscribe with RojoSubscribe with BloglinesSubscribe with PlusmoSubscribe with FeedLoungeSubscribe with The Free DictionarySubscribe with NewsAlloySubscribe with Excite MIXSubscribe with Yourminis.comSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with netomat HubSubscribe with Daily RotationSubscribe with Podcast ReadySubscribe with FlurrySubscribe with Particlsadd to Any Feed ReaderSubscribe with fwickiPřidej na Seznam

玩WordPress

聚合的内容由 feedcat.net 助推

 
玩WordPress,将带你玩好你的WordPress。

当前 Feed 内容 更新于 8 Feb 10 13:04

TABS; }

这里用一个id为wrapper的div包裹设置页中要用到的HTML代码。跟着是ul列表,列表中的li就是Tabs滑动效果中的Tab。li中的#setting和#uninstall对应下面id为setting和uninstall的div,也就是说点击#uninstall对应的Tab就出现id为uninstall的div里的内容。需要更多的tab,按照这样的格式添加就可以了。
现在的效果:
用WordPress内置jQuery制作Tabs滑动效果

接下来,我们为它添加必须的jQuery

 wp_enqueue_script('jquery');
 wp_enqueue_script('jquery-ui-core');
 wp_enqueue_script('jquery-ui-tabs');

 add_action('admin_footer', 'test_setting_js');
 function test_setting_js() {
  echo <<
jQuery(document).ready(function(){
 jQuery("#wrapper").tabs();
});

JS;
 }

三个wp_enqueue_script载入Tabs效果中要用到的jQuery库,跟着在后台的底部加上一小段jQuery调用代码(注:这里不能使用$,而用jQuery代替),其中的#wrapper就是上面HTML中的div。
现在的效果:
用WordPress内置jQuery制作Tabs滑动效果

最后用CSS美化一下Tabs

 add_action('admin_head', 'test_setting_css');
 function test_setting_css() {
  echo '';
 }

CSS都应该添加到head标签里,所以是将CSS添加到后台头部的。虽然WordPress内置了jQuery库,但却没有内置美化用的CSS,所以要自己添加CSS,当然jquery官方提供了很多美化CSS,你选择一个就可以了,不过最好还是将该CSS保存为本地文件,而不是像这里用外链调用。
最后效果:
用WordPress内置jQuery制作Tabs滑动效果

上面例子的完整代码

参考:UI/API/1.7.1/Tabs

留言讨论:7
本文链接 http://wanwp.com/tips-tricks/howto-use-builtin-jquery-make-a-tabs-effect/,转载请联系作者:冰古 )


冰古
  • WordPress开发者必备插件

    Sat, 04 Jul 2009 14:06:17 +0000

    WordPress开发者必备插件
    WordPress Console,一个WordPress开发者必备的WordPress插件。

    WordPress控制台,从字面和界面上就可以看出这个插件的用途,她如同Windows的命令提示符和*NIX的控制台那样,输入命令就能返回数据。

    WordPress控制台中可以输入PHP或WordPress(包括激活的插件)中可用的函数,运算符等,它运用了AJAX技术,使得能像真实的控制台般立即返回数据。

    还是不清楚?看作者的视频教程。

    WordPress Console Introduction from Jerod Santo on Vimeo.

    安全提示:为了你的服务器的安全,请不要在公开环境中使用此插件,仅开发阶段使用。

    留言讨论:0
    本文链接 http://wanwp.com/plugins/wordpress-developer-must-have-this-plugin/,转载请联系作者:冰古 )


    冰古
  • 如何在Dashboard中添加挂件

    Thu, 25 Jun 2009 16:34:34 +0000

    如何在Dashboard中添加挂件

    WordPress 2.7开始,Dashboard变得动人,这个地方也是每次登陆后台后第一眼看到的页面,如果能在这个页面提供一些有用的信息,这些信息将能发挥更大的作用。

    在Dashboard中添加这样的一个挂件很简单,仅仅需两个函数就能搞定:

    function dashboard_widget_output() {
      // 这里打印出你要输出的信息
    }
    
    function dashboard_widget_setup() {
     wp_add_dashboard_widget( 'dashboard_widgt_id', '挂件标题', 'dashboard_widget_output' );
    }
    
    add_action('wp_dashboard_setup', 'dashboard_widget_setup');

    上面的代码中,第一个函数,dashboard_widget_output()的作用是打印你要在dashboard中显示的信息,例如要显示当前服务器的PHP信息:

    function dashboard_widget_output() {
     echo '

    '; phpinfo(); echo '

    '; }

    第二个函数,dashboard_widget_setup()的作用就是对这个挂件进行必要的设置:

    wp_add_dashboard_widget( '这里填写挂件的id,命名同php函数命名吧', '挂件显示的标题', '打印函数,如dashboard_widget_output' );

    最后用add_action添加一个行为:

    add_action('wp_dashboard_setup', '设置函数,也就是第二个函数dashboard_widget_setup');

    就是这么简单的两步就可以在Dashboard上添加一个自定义的挂件了。

    最后给出题图所示挂件——This Year——的代码。

    参考文章:Creating Dashboard Widgets in Two Easy Steps
    二零零八总结与二零零九展望

    留言讨论:1
    本文链接 http://wanwp.com/tips-tricks/howto-create-a-widget-on-dashboard/,转载请联系作者:冰古 )


    冰古
  • Some Chinese Please!

    Fri, 19 Jun 2009 13:24:59 +0000

    Some Chinese Please!是冰古在2007年制作的一款防御Spam留言(包括trackback和pingback)的WordPress插件。新版本发布,就转移到“玩WordPress”这里来了。

    工作原理

    一般blog(特别是由WordPress等外国平台构建的blog)收到的Spam基本都是纯英文或其他外文语言构成的,而我们通常的文章都是用中文写作的,纯英文留言出现的机率是极低的。这时,限制留言内容必须带有中文字就是限制Spam留言的一个好办法。

    Some Chinese Please!的作用就是在留言被保存到数据库之前,检查留言内容是否含有中文字。如果含有中文字,则顺利保存到数据库中;如果不含有中文字,则不保存到数据库中,并返回留言失败的原因。

    优点与缺点

    优点:

    1. Some Chinese Please!能很好地拦截Spam留言,而不会将之保存到数据库中,这样可以有效地减少数据库的操作,降低blog服务器的无谓使用。
    2. 留言时不必输入多余的验证码

    缺点:

    1. 可能会拦截非中文用户的留言。(我还是觉得非中文用户要在一篇中文文章上留言时,看到给出的提示,都能运用复制粘贴跳过拦截)
    2. 会拦截一些爱现的童鞋的留言。(例如纯表情;中文没学好,只能用英文表达……)

    安装步骤

    1. 下载Some Chinese Please!的最新版本,解压缩后得到`SomeChinesePlease`文件夹;
    2. 把`SomeChinesePlease`文件夹整个上传到WordPress的`/wp-content/plugins/`文件夹中;
    3. 登录到WordPress后台,跳转到插件管理器(Plugins)中,激活(Active)Some Chinese Please!即可使用。

    更新日志

    版本 1.0.1

    2009/06/24 托管于WordPress Plugins Extend
    提示

    在提示内容中,你可以添加部分HTML代码(例如strong,em,a,blockquote等)和内置的表情(例如::!:)。

    留言讨论:21
    本文链接 http://wanwp.com/plugins/some-chinese-please/,转载请联系作者:冰古 )


    冰古
  • WordPress的jquery库不起作用?

    Wed, 17 Jun 2009 19:23:07 +0000

    这个应该不是什么新信息,但我却是现在才搞清楚。

    在我制作的多个插件中都是用到了jquery这个便利的javascript库,但让我很郁闷的是,虽然已经调用了jquery,在html代码上也有jquery的链接,但插件中应有的效果却始终不能显示出来。但是改为调用Google AJAX Libraries APIjquery上的jquery.js都能出来效果。所以插件中我只好用Google AJAX Libraries API来代替了。

    这实在不是什么好主意,但当时也是没办法,因为我不知道解决办法。

    今天又是在wordpress调用jquery,情况还是如此。无意中打开wordpress中jquery.js,然后对比code.jquery.com中的代码,发现wordpress中的jquery.js最后面是多了一行代码的:

    jQuery.noConflict();


    看来是这行代码的问题了,查阅jquery上的文档才知道,上面那行代码的意义是:释放jquery中的$变量。从而避免多个javascript库之间的冲突问题。当jquery中要使用到$变量时,可用jQuery来代替。例如:

     $(document).ready(function(){
     $("p").after("Hello");
     });

    用下面的代码代替:

     jQuery(document).ready(function(){
     jQuery("p").after("Hello");
     });

    OK,现在使用wordpress内核中的jquery库也能出来效果了。

    留言讨论:4
    本文链接 http://wanwp.com/tips-tricks/wordpess-jquery-doest-work/,转载请联系作者:冰古 )


    冰古
  • 新建Wordpress 2.8必用的两个hack

    Thu, 11 Jun 2009 12:54:07 +0000

    从WordPress的版本升级到2.0开始,WordPress开始向”肥大“发展,这就导致了新版本的WordPress中必有你不太喜欢的功能。
    例如2.6开始加入的post revision特性,2.8开始加入的后台编辑器的代码高亮特性等。
    如果不喜欢,我就会考虑关闭这些功能。但WordPress很多特性都不能在后台控制,唯一的方法就是写一小段代码去关闭它们。
    这里将列举出如何关闭上面提到的两个不太必要的特性。

    1、关闭post revision特性

    /**
     * Set define WP_POST_REVISIONS to zero
     */
    define ('WP_POST_REVISIONS', 0);
    
    /**
     * Remove revisions actions in post.php
     */
    remove_action('pre_post_update', 'wp_save_post_revision');

    这个hack是在保留自动保存文章功能的前提下进行关闭post revision,所以关闭的效果不太完美,有时还是会有revision的出现,但聊胜于无,在不想关闭自动保存文章这个完美的功能的前提下,这已经是最好的解决方法了。

    2、关闭后台插件和主题在线编辑器的代码高亮特性

    /**
     * Disable code highlight in theme and plugin editor
    */
    wp_deregister_script('codepress');

    这个hack可以完美地将编辑器中的代码高亮特性完全关闭。

    这些hack小,但作用却是不小,将它们打包成一个插件,就可以成功摆脱这些多余的功能了。

    安装:
    打开somehacks.php,保存为somehacks.php,上传到wp-content/plguins/文件夹中,最后在后台激活Some Hacks即可。

    留言讨论:7
    本文链接 http://wanwp.com/tips-tricks/2-most-useful-hack-for-new-wordpress-28/,转载请联系作者:冰古 )


    冰古
    WordPress入门指导

    feedcat.net 推介您的 Feed 内容,衡量读者,并节省您的服务器资源负载!

    立即免费开始 Feed 助推.