我想为我的 Wordpresse 网站使用 Glide.JS。我阅读了文档,并为 WP 转置了解释。
https://glidejs.com/docs/setup/
我在我的主题文件夹中安装了“npm”,并且在我的 fonction.php 文件夹中编写了代码:
我在 single.php 中的代码:
<div class="glide">
<?php
$images = get_field('galery');
if( $images ): ?>
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<?php foreach( $images as $image ): ?>
<li class="glide__slide">
<a href="<?php echo esc_url($image['url']); ?>">
<img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>">
</a>
<p><?php echo esc_html($image['caption']); ?></p>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">prev</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">next</button>
</div>
<?php endif; ?>
</div>
<script>
import Glide from '@glidejs/glide'
new Glide('.glide').mount()
</script>
我有一个结果,但我的控制台中有这个错误:
未捕获的语法错误:导入声明只能出现在模块的顶层
我相信我的问题是在这个解释中,我不知道如何为 Wordpress
谢谢 !