Question to say "I can!"

給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:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 股票交易日数据 陕西快乐10分钟区间走势 天津时时彩开奖号码记录 股票微信群是真的吗 吉林快3预测 广西快乐双彩结果 怎样买基金才能稳赚钱 甘肃快三 一定牛 快乐8下载安装 群英会任二计划 好运彩99937_com手机登录 通达信炒股软件 北京11选五预测软件 p2c投资理财平台 精准三肖免费公开资料 河北燕赵20选5AA