最近学习笔记walker.theme option还有无限加载按钮

一:如何创建walker函数:

walker函数是用在wp_nav_menu子级ul菜单的函数,由四个method函数组成,分别是start_lvl() 方法函数,end_lvl() 函数, 是用在<ul>标签上,生成ul的output, 也就是html的样式的。start_el() 和end_el() 函数,是生成li\a\span的output规则的。

贰:如何创建自定义css

首先创建自定义css的sub admin page,然后创建 字段,添加css的输入框。

然后去下载ace.js,网址是:ace.c9.io, 后端代码编辑器插件,整合到后台里。要注意要下载无冲突的版本,noncflict版本。不然无法起作用。添加自定义输入的css的theme option后,在header里面添加style标签,然后在里面调用get_option,就可以实现。

叁:如何创建无限加载按钮

首先创建按钮的Html,在while循环下面,然后添加ajax代码:

$(document).on(‘click’,’.abt-load-more’,function(){
var page = $(this).data(‘page’);

var ajaxurl = $(this).data('url');

$.ajax({
  url: ajaxurl,
  data: {
    page: page,
    action: 'abt_load_more',
  },
  error : function( response ){
    console.log(response);
  },
  success : function( response ){
    $('.abt-post-container').append(response);
  }

});

然后在inc文件夹创建ajax.php

Share :

上一篇:

下一篇: