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();  }

WordPress怎样添加图片尺寸

先add_image_size('land',200,200,true); 然后用regenarate thumbnail 这个插件重新生成图片尺寸, 如果要自定义裁剪的话,用Manual Image Crop 插件。

WordPress的shortcode注意点1

php extract函数将键值 "Cat"、"Dog" 和 "Horse" 赋值给变量 $a、$b 和 $c: 如 <?php $a = "Original"; $my_array = array("a" => "Cat","b" => "Dog", "c" => "Horse"); extract($my_array); echo "\$a = $a; \$b = $b; \$c = $c"; ?> 结果是 $a = Cat; $b = Dog; $c = Horse 添加shortcode的方式 : //shorcode apifunction university_location_shortcode() { echo "from the shorcode";}add_shortcode( 'campus_location', 'university_location_shortcode' ); //[campus-location] 由于google map现在限制注册,以及限制获取api, 所以我们可以用leafletjs这个插件来获取map.,  就是加载挺慢。 在wp后台,可以添加acfleafmap这个插件,获取到acf的field的值, 然后在acf里添加field, 在jquery里寻找leafmap这个field, 可以修改宽度和高度,可以设置经纬度。

fontaweom使用unicode的注意点

用fontawesome的Unicode的时候要注意css文件的位置, webfonts的位置必须在css文件的上一层。  通过这种方式在css引入fontawesome 

wordpress数据库笔记1

WP要用到数据库操作的时候 要申明通用变量 global $wpdb;  form的input 里有name 这个属性, 比如 name = email, 这个name 就是 $_post['name'] 里面的属性; 通过php创建数据表: 其中id message name 这种都是在form里的item.  function lapiza_database() {    //varoubles   //  global $wpdb;  global $lapiza_db_version;  $lapiza_db_version = "1.0";  $table = $wpdb->prefix . 'reservations';  $charset_collate = $wpdb->get_charset_collate();  //SQL stateent    $sql = "   CREATE TABLE $table (    id mediumint(9) NOT NULL AUTO_INCREMENT,    name varchar(50) NOT NULL,    date datetime NOT NULL,    email varchar(50) DEFAULT '' NOT NULL,    phone varchar(10) NOT NULL,    message longtext NOT NULL,        PRIMARY KEY (id)    ) $charset_collate;   ";   require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   dbDelta( $sql ); } add_action( 'after_setup_theme', 'lapiza_database' ); sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your 如果出现这种错误, 就是sql语句有错误,或者有空行,sql里面可以换行,但是不能有空行。reservation.php  插入form数据到数据库的wp函数写法 : function lapizza_save_reservationn () {  global $wpdb;  if(isset($_POST['submit']) && $_POST['hidden'] == "1") {   $name = $_POST['name'];   $date = $_POST['date'];   $email = $_POST['email'];   $phone = $_POST['phone'];   $message = $_POST['message'];   $table = $wpdb->prefix . 'reservations';   $data = array(    'name' => $name,    'date' => $date,    'email' => $email,    'phone' => $phone,    'message' => $message,   );   $format = array(    '%s',    '%s',    '%s',    '%s',    '%s'   );   $wpdb->insert($table,$data,$format);  } }

clear time out和set time out

clearTimeour() 函数清除settimeout函数的时间; settimeout() 函数, setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method;    第一个参数是要执行的函数,第二个参数是要等多少秒才会执行这个函数;  单位是millisecond  毫秒, 1/1000 秒。  https://blog.csdn.net/qq_28256783/article/details/80097092 ;  js 键盘代码的操作方法,要注意e的传递方式$(document).on("keyup",this.keyDispatcher.bind(this)); }  //3 methods (functions,actions .. ) keyDispatcher(e) {  console.log(e.keyCode); } 如果keycode代码是 83 打开搜索的写法是: if (e.keyCode == 83) {   this.openOverlay();  }openOverlay() {  this.searchOverlay.addClass("search-overlay--active");  $("body").addClass("body-no-scroll"); }

wordpress的rest api笔记-$.getJSON(url,x )

wordpress 的rest api 需要wp设置长链接才可以,  不能设置 ?P=2 这种链接,需要是localhost/postname这种链接; $.getJSON(url,x ) 有两个参数,第一个是响应的网站链接,第二个是执行的callback函数;如: getResults() {  $.getJSON('http://milad.com.cn/wp-json/wp/v2/posts?search=things',function(posts) {   alert(posts[0].title.rendered);  });  this.isSpinnerVisable = false; }

Jquery的$when和$then

$.when().then();  可以同时进行多个Json url链接任务。  例子:$.when(a,b,c).then((one,two,three) => {     }) when和then里面的参数都是对应的。