DUX主题实现缩略图随机显示

主机之家测评 2021-04-09 14:25 主机之家测评 | 隐藏边栏 | 抢沙发 | 2 0

文章评分 0 次，平均分 0.0 ：

DUX 主题，这个主题看起来很不错，但是缩略图的设置很简单：如果设置了“特色图像”，就以“特色图像”作为缩略图；如果没有设置“特色图像”，则显示一幅默认的图片。经过研究，我最终实现了DUX 主题随机缩略图的显示：如果设置了“特色图像”，就以“特色图像”作为缩略图；如果没有设置“特色图像”，则自动调取文章内第一幅图片作为缩略图；如果文章内没有图片，则随机显示一幅图片。

具体实现方法如下（以 DUX 1.3 版本为例）：

首先修改 inc/fn.php，打开 fn.php 文件，找到第 463 行，将以下内容：

<span class="pln">$html </span><span class="pun">=</span><span class="pln"> sprintf</span><span class="pun">(</span><span class="str">'<img class="%s" alt="" data-src="%s" />'</span><span class="pun">,</span><span class="pln"> get_stylesheet_directory_uri</span><span class="pun">()</span> <span class="pun">.</span> <span class="str">'/img/thumbnail.png'</span><span class="pun">,</span><span class="pln"> $class</span><span class="pun">);</span>

修改为：

<span class="pln">$random </span><span class="pun">=</span><span class="pln"> mt_rand</span><span class="pun">(</span><span class="lit">1</span><span class="pun">,</span> <span class="lit">20</span><span class="pun">);</span><span class="pln">
$html </span><span class="pun">=</span><span class="pln"> sprintf</span><span class="pun">(</span><span class="str">'<img class="%s" alt="" data-src="%s" />'</span><span class="pun">,</span><span class="pln"> get_stylesheet_directory_uri</span><span class="pun">()</span> <span class="pun">.</span> <span class="str">'/img/random/'</span><span class="pun">.</span><span class="pln">$random</span><span class="pun">.</span><span class="str">'.jpg'</span><span class="pun">,</span><span class="pln"> $class</span><span class="pun">);</span>

接下来，我们在主题的 img 下建立一个文件夹 random，复制进 20 张图片，并重命名为 1.jpg、2.jpg……20.jpg，这样，DUX 主题就实现了自动显示随机缩略图的功能，如果文章没有设置“特色图像”，将随机显示一幅图片。

下面我来实现自动调取第一幅图片，在主题的 functions.php 文件中加入如下代码：

<span class="kwd">function</span><span class="pln"> autoset_featured</span><span class="pun">()</span> <span class="pun">{</span>
          <span class="kwd">global</span><span class="pln"> $post</span><span class="pun">;</span><span class="pln">
          $already_has_thumb </span><span class="pun">=</span><span class="pln"> has_post_thumbnail</span><span class="pun">(</span><span class="pln">$post</span><span class="pun">-&</span><span class="pln">gt</span><span class="pun">;</span><span class="pln">ID</span><span class="pun">);</span>
              <span class="kwd">if</span> <span class="pun">(!</span><span class="pln">$already_has_thumb</span><span class="pun">)</span>  <span class="pun">{</span><span class="pln">
              $attached_image </span><span class="pun">=</span><span class="pln"> get_children</span><span class="pun">(</span> <span class="str">"post_parent=$post-&gt;ID&amp;post_type=attachment&amp;post_mime_type=image&amp;numberposts=1"</span> <span class="pun">);</span>
                          <span class="kwd">if</span> <span class="pun">(</span><span class="pln">$attached_image</span><span class="pun">)</span> <span class="pun">{</span>
                                <span class="kwd">foreach</span> <span class="pun">(</span><span class="pln">$attached_image </span><span class="kwd">as</span><span class="pln"> $attachment_id </span><span class="pun">=&</span><span class="pln">gt</span><span class="pun">;</span><span class="pln"> $attachment</span><span class="pun">)</span> <span class="pun">{</span><span class="pln">
                                set_post_thumbnail</span><span class="pun">(</span><span class="pln">$post</span><span class="pun">-&</span><span class="pln">gt</span><span class="pun">;</span><span class="pln">ID</span><span class="pun">,</span><span class="pln"> $attachment_id</span><span class="pun">);</span>
                                <span class="pun">}</span>
                           <span class="pun">}</span>
                        <span class="pun">}</span>
      <span class="pun">}</span>  <span class="com">//end function</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'the_post'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'save_post'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'draft_to_publish'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'new_to_publish'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'pending_to_publish'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span><span class="pln">
add_action</span><span class="pun">(</span><span class="str">'future_to_publish'</span><span class="pun">,</span> <span class="str">'autoset_featured'</span><span class="pun">);</span>

这样，DUX 主题就修改完了，保存即可看到效果。

打赏赞

DUX主题

本文为原创文章，版权归主机之家测评所有，欢迎分享本文，转载请保留出处！