显示 WP 目录中的随机图像

Question

我用过一个函数

 
/*
    Random File Function
    Written By: Qassim Hassan
    Website: wp-time.com
    Twitter: @QQQHZ
*/
 
function Qassim_Random_File($folder_path = null){
 
    if( !empty($folder_path) ){ // if the folder path is not empty
        $files_array = scandir($folder_path);
        $count = count($files_array);
 
        if( $count > 2 ){ // if has files in the folder
            $minus = $count - 1;
            $random = rand(2, $minus);
            $random_file = $files_array[$random]; // random file, result will be for example: image.png
            $file_link = $folder_path . "/" . $random_file; // file link, result will be for example: your-folder-path/image.png
            return '<a href="'.$file_link.'" target="_blank" title="'.$random_file.'"><img src="'.$file_link.'" alt="'.$random_file.'"></a>';
        }
 
        else{
            return "The folder is empty!";
        }
    }
 
    else{
        return "Please enter folder path!";
    }
 
}
 
?>

从特定的 wordpress 目录中提取随机图像。我可以成功调用一个随机图像文件，但它不显示，只显示图像文件名和损坏的图像图标。

我在教程中用来显示图像的代码是<?php echo Qassim_Random_File("my-folder-name"); // display random image! ?>

截至本周，我是 php 的新手，而且总体上是一个相当新手的编码器（知道一些基础知识），所以我真的很难过。我已经被堆栈溢出的其他可能解决方案愚弄了，但本教程是我唯一能够接近工作的东西。如果有人能发现问题，非常感谢！

这显示在 HTML 检查器中：

<div class="elementor-widget-container">
    <h5>call</h5>
    <a href="wp-content/uploads/H-PH-MA-Greyscale/image_2.jpg" target="_blank" title="image_2.jpg">
        <img src="wp-content/uploads/H-PH-MA-Greyscale/image_2.jpg" alt="image_2.jpg">
    </a>
</div>

Answer 1

你只需要替换这一行：

$file_link = $folder_path . "/" . $random_file;

...用这个：

 $file_link =  get_site_url(null, $folder_path . "/" . $random_file);

出了什么问题？

scandir 正在返回物理文件路径，而不是文件的 url - 我们可以确认这是我们查看它为 $random_file 返回的值之一，例如wp-content/uploads/H-PH-MA-Greyscale

这是一个相对 URL，但我们需要一个绝对 URL，这样无论在哪里调用它都能正常工作。我们还需要包含 站点 URL，以便 wp-content 的路径正确。 （注意：site URL and home URL can be different - 站点 URL 始终指向 WP 文件的位置）。

另一个问题是站点 URL 上的尾部斜杠（或缺少斜杠）。 get_site_url 和 get_home_url 不在 URL 中添加尾部斜杠，因此您需要自己添加它如果它不包含在文件路径中。

那么我们该如何解决呢？

使用get_site_url function为WP文件添加了正确的路径，它还允许我们将文件路径不带前面的斜线作为参数传递，它会添加斜线仅在需要时才在路径上。

Answer 2

代码看起来很简单，如果文件夹存在并且它有超过 2 个文件（当你使用 scandir 时它会考虑“.”和“..”以及文件），那么你应该能够看到一些东西。该函数调用生成的 HTML 代码是什么？

请注意，您使用的代码使用物理路径构建文件 url，这是行不通的。你应该修复这部分：

if( $count > 2 ){ // if has files in the folder
            $minus = $count - 1;
            $random = rand(2, $minus);
            $random_file = $files_array[$random]; // random file, result will be for example: image.png
            $file_link = get_home_url().$folder_path . "/" . $random_file; // file link, result will be for example: your-folder-path/image.png
            return '<a href="'.$file_link.'" target="_blank" title="'.$random_file.'"><img src="'.$file_link.'" alt="'.$random_file.'"></a>';
        }

注意 get_home_url() 以构建您的 所需的真实 URL