如何设置WordPress站点的预加载器？

为了设置WordPress站点的预加载器，你可以按照以下步骤操作：

1. 在主题的functions.php中添加以下代码（如果主题没有则可以在子主题中添加）：

function add_preloader() {
  echo '<div id="preloader"><div class="spinner"></div></div>';
}
add_action('wp_body_open', 'add_preloader'); 

上面的代码将在页面body元素打开后添加一个id为preloader的div元素，div元素中包含一个带有类名为spinner的css动画。

2. 在主题的style.css文件中添加以下CSS代码：

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f8f8f8;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  border-radius: 100%;
  animation: spinner .8s infinite ease-in-out;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
} 

上面的CSS代码为预加载器和动画设置了样式，你可以根据自己的需求进行调整。

3. 最后，在主题的header.php文件中添加以下Javascript代码：

jQuery(window).on('load', function() {
  jQuery('#preloader').delay(500).fadeOut('slow');
}); 

上述Javascript代码使用jQuery。它将在页面加载完成后等待500毫秒，然后通过逐渐淡出的动画隐藏预加载器。

完成以上三个步骤后，重新加载你的WordPress站点，你将看到包含预加载器的页面。