也想出现在这里?联系我们

WordPress 读取文章中的所有图片幻灯显示

2023.12.13 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要在WordPress文章中创建一个幻灯片显示所有的图片,你可以使用插件或者自定义代码。这里我将为你提供两种方法:一种是使用插件,另一种是通过自定义代码实现。

方法一:使用插件

  1. 安装并激活插件

    在WordPress仪表板中,依次点击“插件” > “安装插件”,然后在搜索框中输入“WP Slick Slider and Image Carousel”。找到并安装这个插件,然后激活它。

  2. 创建新的幻灯片

    在插件被激活后,你会在仪表板的左侧菜单中看到一个新的选项“Slick Slider”。点击它,然后点击“Add New Slick Slider”来创建一个新的幻灯片。

  3. 配置幻灯片

    在创建幻灯片时,你可以设置幻灯片的名称和其他属性,如宽度、高度、自动播放等。

  4. 添加图片到幻灯片

    在“Slider Items”选项卡中,你可以开始添加图片。点击“Add New Item”按钮,然后上传或选择你想要添加到幻灯片的图片。

  5. 保存幻灯片

    添加所有需要的图片后,确保保存幻灯片。

  6. 将幻灯片添加到文章

    返回到你想要在其中显示幻灯片的文章编辑页面。在文章的文本编辑区域,你可以使用短代码将幻灯片嵌入到文章中。在文章中插入以下短代码,其中yoursliderid应该替换为你创建的幻灯片的ID:

    [slickslider id="yoursliderid"]

    保存或更新文章后,你的幻灯片将会显示在文章中。

方法二:使用自定义代码

如果你更喜欢使用自定义代码,你可以按照以下步骤来实现:

  1. 编辑主题的functions.php文件

    打开你的WordPress主题文件夹,找到并编辑主题的functions.php文件。

  2. 添加以下代码

    在functions.php文件中添加以下代码,它会创建一个自定义短代码,用于显示文章中的所有图片:

    function custom_gallery_shortcode($atts) {
       $post_id = get_the_ID();
       $post_content = get_post_field('post_content', $post_id);
       preg_match_all('//i', $post_content, $matches);
       $image_urls = $matches[1];
    
       if (!empty($image_urls)) {
           $output = '
    '; $output .= '
    '; foreach ($image_urls as $image_url) { $output .= '
    '; } $output .= '
    '; $output .= '
    '; return $output; } return ''; } add_shortcode('custom_gallery', 'custom_gallery_shortcode');
  3. 保存文件并在文章中使用短代码

    保存functions.php文件后,你可以在文章中使用以下短代码来显示幻灯片:

    [custom_gallery]

    这将在文章中显示一个幻灯片,其中包含所有的图片。

无论你选择哪种方法,都可以在WordPress文章中创建一个幻灯片来显示所有的图片。方法一使用插件更容易,而方法二使用自定义代码更灵活。选择适合你需求和技能水平的方法。

有用0
  • 2023.12.13初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧