wordpress网站的自定义域教程讲解 实操干货分享

以前没曾用过WordPress自定义域，所以，在调用文章时，就受到不小的阻力，代码也会多写不少。自从与wordpress自定义域交上了朋友，它真的帮了我不少的忙，让我在实现调用文章时更加的多彩多样了。如果你也是主题创作者，如果不用wordpress自定义域，甚至跟它不是朋友，那你就亏大了。

下面，以DChaser主题首页幻灯片文章的调用来对wordpress自定义域做一个小小的介绍。

首先，在function.php文件中添加获取文章第一张图片的代码，如下：

//获取文章第一张图片，如果没有图就会显示默认的图
function catch_that_image($post="") {
if($post == ""){
global $post, $posts;
}
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){
$random = mt_rand(1, 10);
$first_img = get_bloginfo ( 'stylesheet_directory' ).'/static/img/random/'.$random.'.jpg';
}
return $first_img;
}

再在function.php文件中添加在首页幻灯中调用的代码函数，这里就用到了wordpress自定义域，代码如下：

// 获得首页幻灯图片文章
function get_banner_slide(){
$previous_posts = get_posts('numberposts=3&meta_key=banne_slide&meta_value=on');//这里的banne_slide与on就是自定义域名称和值，在下一篇文章中我们会用到。
$str = "";
if(is_array($previous_posts)){
foreach($previous_posts as $post){
setup_postdata($post);
$thumbnail_img = catch_that_image($post->ID);
$str.="<li><img src='".$thumbnail_img."' alt='".$post->post_title."' /><div class='flex-caption'><h3>".mb_strimwidth($post->post_title,0,40)."</h3> <p>".strip_tags(mb_strimwidth($post->post_content,0,120,'......'))."</p><input type='button' value='查看详情' class='red' onclick=\"location.href='".get_permalink($post->ID)."'\"/></div></li>";
}
}
echo $str;
}

最后，就是在首页文件中添加调用代码来调用这个函数。这样，主题首页就实现了通过wordpress自定义域来调用文章来幻灯展示。这只是实现了这样的功能，要想真正实现首页幻灯显示，还要在发表文章的时候，添加自定域属性，否则，是不会显示的。怎么添加自定域属性呢？我们将在下篇文章中介绍。

但是，要想真正实现首页幻灯显示，还要在发表文章的时候，添加自定域属性，否则，是不会显示的。怎么添加自定域属性呢？在这一章中，高时银博客会做详细的介绍，一起往下看吧。

我们在后台打开“写文章”页面来添加文章，在页面的最右上角有一个“显示选项”按钮（如上图），点击一下，就会展开如下图：

在“自定义栏目”前打上|“勾”，就会在文章编辑区域的下方出现“自定义栏目”的相关窗口，如下图所示：

然后点击“输入新栏目”，这时就会展开添加自定义栏目的窗口，如下图：

然后，在名称下的框框里填写“banne_slide”，在值下的框框里填写“on”，（banne_slide与on 我们在上一篇文章有提到过，是get_posts函数中用到的）。保存文章，这样，我们在DChaser主题首页的幻灯中就可以看到这篇文章，如果文章有图片，就会展示图片。

到此结束~