1. 编辑 imgbox.php 文件
   首先，找到 Sakura 主题文件夹下的 layouts 目录，打开 imgbox.php 文件。在文件的底部添加以下代码：

   echo bgvideo(); // BGVideo 
   ?>
   <!-- 首页下拉箭头 -->
   <div class="headertop-down faa-float animated" onclick="headertop_down()"><span><i class="fa fa-chevron-down" aria-hidden="true"></i></span></div>

2. 修改 style.css 文件

   接下来，您需要修改主题文件中的 style.css 文件。请确保在 WordPress 后台的主题设置中勾选 CDN 选项以启用本地调用主题的 JS 和 CSS 文件，或者您可以直接在 主题设置 - 自定义 CSS 样式 中添加以下代码：

   /* 首页下拉箭头 */
   .headertop-bar::after {
       content: '';
       width: 150%;
       height: 4.375rem;
       background: #fff;
       left: -25%;
       bottom: -2.875rem;
       border-radius: 100%;
       position: absolute;
       z-index: 4;
   }
   
   .headertop-down {
       position: absolute;
       bottom: 50px;
       left: 50%;
       cursor: pointer;
       z-index: 5;
   }
   @media (max-width: 860px) {
       .headertop-down {
           display: none;
       }
   }
   
   .headertop-down i {
       font-size: 28px;
       color: #fff;
       -ms-transform: scale(1.5,1); /* IE 9 */
       -webkit-transform: scale(1.5,1); /* Safari */
       transform: scale(1.5,1); /* 标准语法 */
   }

3. 编辑 sakura-app.js 文件

   最后，打开主题文件目录中 JS 文件夹里的 sakura-app.js 文件，并在文件末尾添加以下函数：

   /* 首页下拉箭头 */
   function headertop_down() {
       var coverOffset = $('#content').offset().top;
       $('html,body').animate({
           scrollTop: coverOffset
       }, 600);
   }

效果预览