wordpress如何添加多个列表页

wordpress如何添加多个列表页,第1张

先判断下是否登录,然后获取当前用户对象,然后获取当前用户对象的信息,需要哪些用哪些:

if(is_user_logged_in()){

$current_user = wp_get_current_user()

/**

* @example Safe usage: $current_user = wp_get_current_user()

* if ( !($current_user instanceof WP_User) )

* return

*/

echo 'Username: ' . $current_user->user_login . '<br />'

echo 'User email: ' . $current_user->user_email . '<br />'

echo 'User first name: ' . $current_user->user_firstname . '<br />'

echo 'User last name: ' . $current_user->user_lastname . '<br />'

echo 'User display name: ' . $current_user->display_name . '<br />'

echo 'User ID: ' . $current_user->ID . '<br />'

}

插件使用教程:

1、到wordpress后台下载这个插件,然后到wordpress后台安装启用这个插件即可。

2、然后我们需要添加一个调用该插件的php函数,这个需要大家稍微懂一点点代码,不过即使大家不懂的话,按照我的说明,一步步 *** 作是没有问题。

首先,我们在/wp-content/themes/你的风格目录/index.php,找到index.php这个文件,然后找到

<div class=”prev”>

<?php next_posts_link(__(‘�0�0 Previous Entries’)) ?>

</div>

<div class=”next”>

<?php previous_posts_link(__(‘Next Entries �0�3’)) ?>

</div>

这段代码,这段代码的意思原主题默认的分页代码,只是显示上一页,下一页的,这里我们要添加一个php函数,

将原来的代码替换为:

<?php if(function_exists(‘wp_pagenavi’)){ wp_pagenavi()} else { ?>

<div class=”prev”>

<?php next_posts_link(__(‘�0�0 Previous Entries’)) ?>

</div>

<div class=”next”>

<?php previous_posts_link(__(‘Next Entries �0�3’)) ?>

</div>

<?php } ?>

相当于就是在原始的分页代码的前后添加了一个php判断函数,这样意思就是说名如果有这个WP-PageNavi插件存在的话,就使用这个插件来分页,如果不存在的话,就使用默认的分页代码呵呵

3、然后我们到 “WP后台 ->设置->分页导航,到这里配置 WP-PageNavi 插件的参数就可以了,参数配置是很简单的,大家简单看一下就明白了,一般来说使用默认的就可以了呵呵。

4、如果需要修改WP-PageNavi分页导航的 CSS样式,可以修改:/wp-content/plugins/pagenavi/pagenavi-css.css这个文件,不过如果大家对css文件不太了解的话,不建议大家修改。

好了,这个插件的教程就说到这里了,有什么问题可以找今宵联系,今宵给您带来最全的wordpress教程和wordpress主题知识。

1、引入laypage所需的js和css文件

<link href="js/laypage/1.3/skin/laypage.css" rel="stylesheet"/>

<script type="text/javascript" src="js/laypage/1.3/laypage.js"></script>

<script type="text/javascript" src="js/layer/2.1/layer.js"></script>

2、定义分页需要显示的地方,id为doctorDiv是分页要显示的地方

1 <div class="doctor_list">

2 <ul id="doctorUL">

3 <div style="clear: both"></div>

4 </ul>

5 <div style="clear: both"></div>

6 <div class="pages" id="doctorDiv">

7

8 </div>

9 </div>

3、使用ajax异步请求查询数据,并分页显示

1 <script type="text/javascript">

2

3 //定义全局变量记录页码信息

4 var globalDate = {}

5 //1页显示两条数据

6 globalDate.pageSize=2

7

8 $(function () {

9 //查询数据

10 search()

11

12 })

13

14

15 //查询数据

16 function search(date) {

17 var str = ""

18 $.ajax({

19 type: "post",

20 url: "<%=basePath%>mytlist.html",

21 dataType: "json",

22 async: true,

23 data: date,

24 success: function (data) {

25 if (data.result) {

26 var mydata = data.obj.list

27 for (var i = 0i <mydata.lengthi++) {

28 var info = mydata[i]

29 str += "<li>"

30 str += "<a onclick=" + "doctorDetail('" + info.id + "')" + ">"

31 //str+="<a href='mytdoctor_xq.html?id='"+info.id+">"

32 str += "<img src=" + info.photo + ">"

33 str += "<div class='yi_text'>"

34 str += "<h2>" + info.name

35 str += "<span>" + info.title + "</span>"

36 str += "</h2>"

37 str += "<h3>科室:" + info.department_one + "</h3>"

38 str += "<h3>"

39 str += "<em>评分:</em>"

40 str += "<span>"

41 if (info.total_score != null &&info.total_score != "" &&info.total_evaluate_num != null &&info.total_evaluate_num != "") {

42 var pingfen = info.total_score / info.total_evaluate_num //评分

43 var j

44 for (j=0j <pingfenj++) {

45 str += "<img src='images/pc/icon_031.png'>"

46 }

47 if(j<5){

48 for(var k=0k<5-jk++){

49 str += "<img src='images/pc/icon_032.png'>"

50 }

51 }

52 }

53 str += "</span>"

54 str += "</h3>"

55 str += "<h3>所在医院:" + info.hospital + "</h3>"

56 str += "<p>疾病擅长:" + info.skilful + "</p>"

57 str += "</div>"

58 str += "</a>"

59 str += "</li>"

60 }

61 $("#doctorUL").empty()

62 $("#doctorUL").append(str)

63 var page = data.obj.pages //总页数

64 var curr = data.obj.pageNum //当前页

65 laypage({

66 cont: 'doctorDiv', //分页需要显示的地方

67 pages: page,//总页数

68 curr: curr, //当前页

69 groups: 3,//连续显示分页数

70 skip: true, //是否开启跳页

71 first: '首页',

72 last: '尾页',

73 skin: 'molv', //加载内置皮肤,也可以直接赋值16进制颜色值,如:#c00

74 prev: '<', //若不显示,设置false即可

75 next: '>', //若不显示,设置false即可

76 jump: function (e, first) { //触发分页后的回调

77 if (!first) { //一定要加此判断,否则初始时会无限刷新

78 globalDate.pageNum = e.curr

79 search(globalDate)

80 }

81 }

82 })

83

84

85 } else {

86 //错误

87 console.log("错误")

88 }

89 }

90 })

91 }

92 </script>

4、最终效果

5、感觉laypage显示出来的页码有点扁,高度不够,所以稍微修改了一点css

1 <%--修改laypage的样式--%>

2 <style>

3 .laypage_main a, .laypage_main input, .laypage_main span {

4 height: 40px

5 line-height: 40px

6 }

7

8 .laypage_main button {

9 height: 40px

10 line-height: 40px

11 margin-left: 5px

12 padding: 0 10px

13 color: #666

14 }

15 </style>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11555687.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存