自己好不容易折騰了個(gè)wordpress博客，發(fā)現(xiàn)所有人的首頁(yè)樣式都大同小異，是不是很沒(méi)創(chuàng)意，很掃興？下面就來(lái)說(shuō)說(shuō)如何制作一個(gè)wordpress個(gè)性化首頁(yè)，讓你隨心所欲的改變首頁(yè)的樣式，讓你有個(gè)不一樣的主頁(yè)。

?

wordpress有設(shè)置page頁(yè)作為默認(rèn)首頁(yè)的功能，下面的方法就是自定義一個(gè)page也模板，然后添加一個(gè)用這個(gè)模板制作的page頁(yè)，最后將這個(gè)page頁(yè)設(shè)為首頁(yè)。

?

1) ftp或者cpanel到部署wordpress空間或其他。復(fù)制wordpress主題目錄下的page.php文件，重名名。比如，找到文件（wp目 錄） /wp-content/themes/zbench/page.php 重命名為 myhomepage.php

?

2) 用文本編輯器打開(kāi)myhomepage.php，例如用記事本打開(kāi)，在文件首位添加以下代碼：

    <?php
/*
Template Name: 首頁(yè)
*/
?>
  

?

“Template Name : ” 后的文字可以是任意的。這樣我們就添加了一個(gè)新的page頁(yè)模板。自定義的首頁(yè)內(nèi)容其實(shí)就是這個(gè)myhomepage.php的內(nèi)容。如何設(shè)計(jì)修改這個(gè)文件，建立自己的個(gè)性化首頁(yè)，會(huì)在后面提到。我們先將它設(shè)為首頁(yè)。

?

3) 添加一個(gè)新的page頁(yè)：瀏覽器登錄wordpress后臺(tái)控制面板，dashboard ->pages -> add new。 輸入標(biāo)題，在右方page attributes 面板中會(huì)有parent 和 template 的下拉框，在模板下拉框中選擇剛剛添加的模板。如圖，我添加的模板名字叫“首頁(yè)”，我就選擇它。

?

?

選擇好后，給這個(gè)page也命名，我是在title那輸入的“首頁(yè)”。然后就可以發(fā)表了，其他的內(nèi)容什么可以都不用寫(xiě)。

?

4) 設(shè)置首頁(yè)的最后一步，點(diǎn)擊后臺(tái)的reading設(shè)置項(xiàng)：dashboard -> settings -> reading。在第一個(gè)設(shè)置項(xiàng)目里選擇第二項(xiàng) a static page ，然后再它下方的第一個(gè)下拉選項(xiàng)框里選則剛剛給page頁(yè)設(shè)置的名字。比如我的“首頁(yè)”。

?

?

點(diǎn)擊 save changes 保存配置。

?

這樣，我們把首頁(yè)重新設(shè)置好了。這個(gè)時(shí)候訪問(wèn)首頁(yè)的時(shí)候我們會(huì)發(fā)現(xiàn)，我們的首頁(yè)除了頭上的標(biāo)題名稱(chēng)、側(cè)邊欄、底部欄之外就什么都沒(méi)有。

?

我們已經(jīng)把wordpress的首頁(yè)換掉，但是這個(gè)首頁(yè)現(xiàn)在是一片空白，我們要怎么去填充這片空白呢？如果你有html、css、js功底，那就是 你一展身手的時(shí)候。如果水平一般，那也沒(méi)關(guān)系，能看懂一點(diǎn)點(diǎn)代碼，那就有辦法去使用一些好的模板，好的插件，設(shè)計(jì)出一個(gè)自己滿(mǎn)意的首頁(yè)還是可以的。我就只 是能看懂代碼的那種，根本不熟悉網(wǎng)頁(yè)前端開(kāi)發(fā)。

?

方法一

怎么給這個(gè)首頁(yè)填充內(nèi)容，最簡(jiǎn)單的方法就是，編輯我們之前添加的page頁(yè)。之前我們并沒(méi)有在文章內(nèi)容里添加任何東西。只要你有好內(nèi)容，好方案，就可以像寫(xiě)一個(gè)新的文章一樣這里出一個(gè)你自己的主頁(yè)。

?

方法二

這個(gè)方法就需要去修改我們的myhomepage.php文件。前端開(kāi)發(fā)的牛人大有人在，我也不多說(shuō)。就把我的一些代碼貼出來(lái)，有心思看到朋友可以參考下。主要用到的幾個(gè)函數(shù)我羅列一下：

    <?php if(function_exists(‘wp_thumbnails_for_category’)) { wp_thumbnails_for_category(‘id=7&num=1′); } ?>
  

?

這是我使用的wp-thumbnail插件提供的函數(shù)，用于顯示分類(lèi)中的文章和縮略圖。在wp-thumbnail插件設(shè)置中設(shè)置好分類(lèi)文章的相關(guān) 數(shù)據(jù)，如圖片大小、標(biāo)題位置。然后再這里調(diào)用。id=7表示文章分類(lèi)id為7的分類(lèi)下的文章，num=1表示顯示一篇。文章分類(lèi)ID是幾可以參考 這篇文章 。

?

嵌入的探討tt1 tt2 的css代碼是控制左側(cè)欄目的背景。另外有block1和block2的代碼是用來(lái)控制左右兩部分的布局。

        .tt1 {background:#E3E3E3;width:270px;height350px}
    .tt2 {background:#E3E3E3;width:210px;height310px;margin:30px}

    .block2 { float:left; width:250px; height:700px}
    .block3 { float:right; width:350px; height:700px}
  

?

中間欄的隨機(jī)文章和標(biāo)題評(píng)論控制是用這些函數(shù)：

        $args = array( ‘numberposts’ => 5, ‘orderby’ => ‘rand’, ‘category’ => 7 );
    $rand_posts = get_posts( $args );
    foreach( $rand_posts as $post ) : setup_postdata($post); ?>
...
  

?

    <?php if(function_exists(‘the_views’)) { echo ” | “;the_views(); } ?>
  

?

這段代碼是用了postviews+的插件，用于統(tǒng)計(jì)文章瀏覽次數(shù)。

?

更多代碼：

        <?php
    /*
    Template Name: 首頁(yè)
    */
    ?>
    <?php get_header() ?>
    <div id=”content”>
    <?php the_post(); ?>
    <div <?php post_class(‘post post-page’); ?> id=”post-<?php the_ID(); ?>”>
    <div class=”block2″>
    <h2><a href=”http://daniex.info/category/coding”>編程開(kāi)發(fā)</a></h2><span>C/C++ java C# wpf php…</span>
    <div class=”tt1″>
    <div class=”tt2″>
    <?php if(function_exists(‘wp_thumbnails_for_category’)) { wp_thumbnails_for_category(‘id=7&num=1′); } ?>
    </div>
    </div>
    <div class=”tt1″>
    <div class=”tt2″>
    <?php if(function_exists(‘wp_thumbnails_for_category’)) { wp_thumbnails_for_category(‘id=7&num=1&order=recent’); } ?>
    </div>
    </div>
    <style>
    .tt1 {background:#E3E3E3;width:270px;height350px}
    .tt2 {background:#E3E3E3;width:210px;height310px;margin:30px}
    </style>
    </div>
    <div class=”block3″><br><br><br><br>

    <?php
    $args = array( ‘numberposts’ => 5, ‘orderby’ => ‘rand’, ‘category’ => 7 );
    $rand_posts = get_posts( $args );
    foreach( $rand_posts as $post ) : setup_postdata($post); ?>
    <h3><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h3>
    <?php if (‘open’ == $post->comment_status) { ?>
    <div>

    <span><?php the_time(get_option( ‘date_format’ )); ?></span>
    <span id=”gotocomments”><?php comments_popup_link(__(’0 評(píng)論’, ‘zbench’), __(’1 評(píng)論’, ‘zbench’), ‘% ‘.__(‘ 評(píng)論’, ‘zbench’)); ?><?php if(function_exists(‘the_views’)) { echo ” | “;the_views(); } ?></span>
    </div>
    <div></div>
    <!–<div>
    <?php if ( $options['excerpt_check']==’true’ ) { the_excerpt(__(‘&raquo; Read more…’,'zbench’)); } else { the_content(__(‘&raquo; Read more…’,'zbench’)); } ?>
    </div> END entry –>

    <?php if(is_sticky()) { ?>
    <div><p><?php _e(‘This is a sticky post!’, ‘zbench’); ?> <a href=”<?php the_permalink() ?>”><?php _e(‘continue reading?’, ‘zbench’); ?></a></p></div>
    <?php } ?>
    <?php } else { ?>
    <div style=”height:1px;”></div>
    <?php } ?>

    <?php echo mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 100,”…”); ?>

    <br><br>
    <?php endforeach; ?>

    </div>

    </div><!– END post –>
    </div><!–content–>
    <?php get_sidebar() ?>
    <?php get_footer() ?>
  

?

來(lái)源： http://daniex.info/wordpress-custom-home-page.html

?

?

?

wordpress自定義個(gè)性化首頁(yè)