|
|
<b>[文章目录]</b>
<ul id="index-ul">
<li>一：开启特设图像功能</li>
<li>二：在你的首页调用图片代码</li>
</ul>
</div>
大家好，今天给大家说下如何在首页中调用有需要图片的文章
有的<strong>主题</strong>是把特设图像给删除了，也就是说没有开启，那么我们自己就要通过函数添加代码来实现
那我就依照仿制网站的例子来给大家说明操作方法
如果你要仿制一个网站，在首页出现了一些带有缩略图的文件，那如何来调用呢
有的同学是直接添加调用图片的代码，但是在首页却没有显示图片，这又是为什么呢？
其实就是你没有创建functions.php这个文件，而且没有在这个文件里添加开启特设图像的功能
那下面就给大家说下操作的方法与步骤：
<h2 id="title-0">一：开启特设图像功能
在你的网站的后台functions.php里面添加如下面的代码函数
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><span class="comment">//支持外链缩略图</span></li>
<li><span class="keyword">if</span> ( function_exists('add_theme_support') )</li>
<li class="alt">add_theme_support('post-thumbnails');</li>
<li><span class="keyword">function</span> catch_first_image() {</li>
<li class="alt"> <span class="keyword">global</span> <span class="vars">$post</span>, <span class="vars">$posts</span>;</li>
<li> <span class="vars">$first_img</span> = <span class="string">''</span>;</li>
<li class="alt"> ob_start();</li>
<li> ob_end_clean();</li>
<li class="alt"> <span class="vars">$output</span> = preg_match_all('/<img.+src=[\'<span class="string">"]([^\'"</span>]+)[\'"].*>/i', <span class="vars">$post</span>->post_content, <span class="vars">$matches</span>);</li>
<li> <span class="vars">$first_img</span> = <span class="vars">$matches</span> [1] [0];</li>
<li class="alt"></li>
<li> <span class="keyword">if</span>(<span class="keyword">empty</span><span class="func">empty</span>(<span class="vars">$first_img</span>)){ <span class="comment">//Defines a default image</span></li>
<li class="alt"> <span class="vars">$random</span> = mt_rand(1, 3);</li>
<li> <span class="func">echo</span> get_bloginfo ( 'stylesheet_directory' );</li>
<li class="alt"> <span class="func">echo</span> '/images/random/'.<span class="vars">$random</span>.'.jpg';</li>
<li> }</li>
<li class="alt"> <span class="keyword">return</span> <span class="vars">$first_img</span>;</li>
<li>}</li>
</ol>
</div>
关于第一个代码函数表明首先可以调用你所设置的特设图片，如果你没有设置特设图片，可以直接调用你的文章里插入的第一张图片
<h2 id="title-1">二：在你的首页调用图片代码
在你的网站的首页带有缩略图的文章中添加如下代码即可实现了
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><a href=<span class="string">"<?php the_permalink() ?>"</span> rel=<span class="string">"bookmark"</span> title=<span class="string">"<?php the_title(); ?>"</span>></li>
<li><img <span class="keyword">class</span>=<span class="string">"home-thumb"</span> src=<span class="string">"<?php echo catch_first_image() ?>"</span> width=<span class="string">"200px"</span> height=<span class="string">"150px"</span> alt=<span class="string">"<?php the_title(); ?>"</span>/></li>
<li class="alt"></a></li>
</ol>
</div>
到此为止即可实现在网站的首页或者是在文章列表页面实现这种功能了，方便地把你的文章里的图片或者是你设置的特设图片给调用出来
在第二个代码里面你可以设置图片的大小，如宽度和高度，根据你的网站里的情况而定好吧
|
|
发表于 2015-4-20 15:51:20
