Search.js without Jquery

用Javascript dom实现rest api search的操作:

WordPress add option page

add_options_page($page_title, $menu_title, $capability, $menu_slug, $function ); 在后台设置中增加菜单;  php ob_start() 函数 ; 可以在obstart 后面添加html ;  if (!defined(‘ABSPATH’)) die(‘You have no authority!’); 是说如果这个文件能直接通过绝对地址访问就退出或者警告。 如果die 变成exit() 函数就退出; 如通过这种绝对地址访问 :  http://milad.com.cn/wp-content/plugins/university-post-types/university-post-types.php

WordPress的time

get_the_excerpt  不带p, the_excerpt 带p ; 如果日期显示是 20201023这种类型的,可以通过Php的class datetime来进行转换, 转换成the_time(‘M’) 之类的。 也就是显示 JUL 这种,  day显示的是数字。 <?php the_time( ‘M’); ?>, <?php the_time( ‘d’); ?> , 详细了解php的DateTime class ; $event_date = new DateTime(get_field(‘event_time’));     $month = $event_date->format(‘M’);     $day = $event_date->format(‘d’);

WordPress通过调整query

通过function来调整:

WordPress的paginate links

paginate_links()  是针对的默认的query ,也就是Url 的query , get_query_var() ; get all sorts of information of the current url; custom post type 如果要pagination的话  要加上’paged’ , $pastEvents = new WP_Query(  array(   //’paged’ => 2, //告诉 wordpress 有多少页需要展示内容 get_query_var() get all sorts of information of the current url    ‘paged’ => get_query_var( ‘paged’,1 ), //make page number dynamicly;   ‘post_type’ => ‘event’,   ‘posts_per_page’ => 1,   ‘order_by’ => ‘meta_value_num’,     ‘meta_key’ => ‘event_time’,     ‘order’ => ‘DESC’,     ‘meta_query’ => array(      array(       ‘key’ => ‘event_time’,       ‘compare’ => ‘<‘,       ‘value’ => date(‘Ymd’),       ‘type’ => ‘numeric’      )     ) ) ); echo paginate_links(array(  ‘total’ => $pastEvents->max_num_pages ));

WordPressACF注意点

ACF里面可以创建相关关联的内容,  选择field type为relationship 和filed by post type 即可

WordPress的comment form和comment list

WordPress怎样创建gallery

在gallery页面添加media那里添加, 或者在block里添加gallery,  选择gallery图片, 在右边block那里添加link to 为 media file, 然后设置 columns,  为 3,  然后添加jquery libarary ,也就是fluidbox 插件,  将fluidbox里面css文件夹的fluidbox.min.css文件和js里面的jquery.fluid.min.js 复制到主题文件夹里,然后在functions.php里面通过enqueue导入,  打开script.js , 初始化fluidbox, 先通过jquery给a 链接添加data-fluidbox 的属性,以便jquery选取,jQuery(‘.blocks-gallery-grid a’).each(function() {   jQuery(this).attr({‘data-fluidbox’: ”});  });然后召唤fluidbox的object; if (jQuery(‘[data-fluidbox]’).length > 0) {   jQuery(‘[data-fluidbox]’).fluidbox();  }