• 新时代好家风 2018寻找天津最美家庭 2019-08-30
  • 一汽奔腾SENIA R9下线 5月底将正式上市 2019-08-30
  • 书店悬崖海底 世界上最离奇的酒吧大观PolignanoProvins 2019-08-06
  • 国产葡萄酒业处于升级阶段 2019-08-06
  • 胡杏儿晒儿子软萌照 睡眼惺忪眼神迷人可爱十足 2019-08-03
  • 火箭杜兰特一口价恐被勇士打劫?纵有3绝技也给不起6千万 2019-08-03
  • 世界小姐张梓琳练功晒逆天长腿 被调侃心疼屋顶 2019-08-02
  • 或许正相反,朝鲜就是例证 2019-08-02
  • 世界杯老司机速成手册:球场之上,谁的眼泪在飞 2019-07-23
  • 火狐推出速度更快的全新Firefox 57浏览器 2019-07-15
  • 北京服装学院服饰艺术与工程学院毕业生设计作品发布 2019-07-09
  • 霍金骨灰落葬伦敦西敏寺大教堂 与牛顿达尔文为邻 2019-06-24
  • 土拍活跃 西咸新区四天共18宗土地成交 2019-06-24
  • 险资持仓未变银行股一季度市值缩水326亿元 2019-06-23
  • 朝鲜播长篇“金特会”纪录片,称金正恩为“杰出的世界领袖” 2019-06-20
  • Question to say "I can!"

    国庆作文500字:给wordpress增加一个随机文章按钮

    2014-02-04

    这个功能想了很久了,还是大发老师给力。

    原文:给wordpress增加一个随机文章按钮

    不少网站都有随机文章的功能,包括之前我的写过一个,但是那个实现方法比较蛋疼,这次的实现方式更先进一些,样式还可以。按钮你可以随便放在哪,只要注意给dom绑定事件就可以了。

    把下面的代码放到functions.php

    wp_enqueue_script( 'base', true);
    wp_localize_script('base', 'Bigfa', array(
         "ajaxurl" => admin_url('admin-ajax.php')
    ));
    add_action( 'wp_ajax_random_post', 'bigfa_random_post' );
    add_action( 'wp_ajax_nopriv_random_post', 'bigfa_random_post' );
    function bigfa_random_post() {
    ?? ?$posts = get_posts('post_type=post&orderby=rand&numberposts=1');
    ??? foreach($posts as $post) {
    ??????? $link = get_permalink($post);
    ??? }
    ??? echo $link;
    ??? exit;
    }

    JS代码,需要1.7以上版本的JQ库

    jQuery('.random_post').on('click', function(e) {
    ??????????? e.preventDefault();
    ??????????? jQuery.post(Bigfa.ajaxurl, {
    ??????????????? action : 'random_post',
    ??????????????? }, function(data) {
    ??????????????????? window.location.href = data;
    ??????????? });
    ??????? });

    在你想使用的地方放上按钮,我是直接仍在了footer.php中

    <?php if(!wp_is_mobile()) echo '<a href="javascript:void(0)"> </a>';?>

    css参考样式

    .random_post {background-color: #E8E8E8;background-image: url("img/random_icon_normal.png");background-position: center center;background-repeat: no-repeat;height: 16px;margin-top: -60px;padding: 20px 10px;position: fixed;right: 0;top: 50%;width: 19px;}
    .random_post:hover{background-color:#F36639;background-image: url("img/random_icon_hover.png");}
    作者:admin | Categories:设计问题 | Tags: 、、

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    *

  • 新时代好家风 2018寻找天津最美家庭 2019-08-30
  • 一汽奔腾SENIA R9下线 5月底将正式上市 2019-08-30
  • 书店悬崖海底 世界上最离奇的酒吧大观PolignanoProvins 2019-08-06
  • 国产葡萄酒业处于升级阶段 2019-08-06
  • 胡杏儿晒儿子软萌照 睡眼惺忪眼神迷人可爱十足 2019-08-03
  • 火箭杜兰特一口价恐被勇士打劫?纵有3绝技也给不起6千万 2019-08-03
  • 世界小姐张梓琳练功晒逆天长腿 被调侃心疼屋顶 2019-08-02
  • 或许正相反,朝鲜就是例证 2019-08-02
  • 世界杯老司机速成手册:球场之上,谁的眼泪在飞 2019-07-23
  • 火狐推出速度更快的全新Firefox 57浏览器 2019-07-15
  • 北京服装学院服饰艺术与工程学院毕业生设计作品发布 2019-07-09
  • 霍金骨灰落葬伦敦西敏寺大教堂 与牛顿达尔文为邻 2019-06-24
  • 土拍活跃 西咸新区四天共18宗土地成交 2019-06-24
  • 险资持仓未变银行股一季度市值缩水326亿元 2019-06-23
  • 朝鲜播长篇“金特会”纪录片,称金正恩为“杰出的世界领袖” 2019-06-20
  • 江西时时今天开奖号码查询结果 pk10长期挂机玩法 电玩城注册送100万金币 捕鱼游戏排名 11选五选号分析软件 福建时时彩票开奖结果 四川时时官网下载手机版 ag捕鱼王下载 极速时时是正规的吗 安徽福彩15选5走势图百度 在线棋牌游戏 重庆时时是正规的吗 大发时时彩规律口诀 新时时一星技巧 麻将牌 博彩一分赛车是真的吗