WordPress自定義頁面模板的方法圖解

2024-09-07 00:51:13

字體：大中小

來源：轉載

供稿：網友

用過一段時間wordpress的人都會這個WordPress:自定義頁面模板,但還有很多新手不知道頁面模板功能.

頁面模板的作用:讓WordPress的頁面有不同的布局或者樣式,wordpress提供了頁面功能,可以讓我們建立不同的頁面以展示不同的內容,如聯系方式、留言本等等,很多人都喜歡建個這個,這些頁面建立好了,可以自定義標題和內容,但是不同的頁面,布局卻是完全一樣的,沒法按自己的需求去改變和添加,有時候我們只想在某一個頁面的邊欄上添加個什么東西,比如說圖片,這時就可以通過自定義模板來實現特定功能的頁面.

1、通過ftp工具在你的主題目錄下新建一個php文件,比如,links.php,名字隨便取.

2、編輯這個新建的文件,在文件頭部加上這段代碼:

<?php

/*

Template Name:友鏈

*/

?>

3、將你的page.php中的內容直接拷貝到links.php當中.

4、然后在links.php 中找到你需要改變的地方,我想,最主要修改的一個是邊欄,一個是文章內容,至于怎么改,得看你的需求.

5、修改并保存好這個文件后,創建一個新頁面或者修改已存在的頁面,在右下邊有個“頁面模板”的面板,在下拉菜單中選中“友鏈”后保存就可以了.

links.php當中可以是任何內容,不一定一定要復制page.php中的內容,甚至你可以在其中直接放上html代碼而不加任何其它東西.

創建一個聯系(contact)頁面模板

如果你的網站有聯系單頁面(contact page),這樣會很容易讓您的網站訪問者發送電子郵件到你的WordPress博客管理員,下面是一個示例是新建一個聯系人的單頁面模板主題,你可以把下面的代碼復制下:

<?php

/*

Template Name: Contact

*/

?>

<?php

$nameError = '';

$emailError = '';

$commentError = '';

$sumError = '';

if(isset($_POST['submitted'])) {

        if(trim($_POST['contactName']) === '') {

            $nameError = 'Please enter your name.';

            $hasError = true;

        } else {

            $name = trim($_POST['contactName']);

        }

        if(trim($_POST['email']) === '')  {

            $emailError = 'Please enter your email address.';

            $hasError = true;

        } else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+.[A-Z]{2,4}$", trim($_POST['email']))) {

            $emailError = 'You entered an invalid email address.';

            $hasError = true;

        } else {

            $email = trim($_POST['email']);

        }

        if(trim($_POST['comments']) === '') {

            $commentError = 'Please enter a message.';

            $hasError = true;

        } else {

            if(function_exists('stripslashes')) {

                $comments = stripslashes(trim($_POST['comments']));

            } else {

                $comments = trim($_POST['comments']);

            }

        }

        if(trim($_POST['sum']) === '' || trim($_POST['sum']) != '11' ){

            $sumError = "Please enter what's 7 + 4";

            $hasError = true;

        }

        if(!isset($hasError)) {

            $emailTo = get_option('pu_email');

            if (!isset($emailTo) || ($emailTo == '') ){

                $emailTo = get_option('admin_email');

            }

            $subject = '[Contact Form] From '.$name;

            $body = "Name: $name nnEmail: $email nnComments: $comments";

            $headers = 'From: '.$name.' <'.$emailTo.'>' . "rn" . 'Reply-To: ' . $emailTo;

            mail($emailTo, $subject, $body, $headers);

            $emailSent = true;

        }

} ?>

<?php get_header(); ?>

<section class="box grid_9 list_posts">

        <div class="inner">

                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

                        <h1 class="entry-title"><?php the_title(); ?></h1>

                        <div class="entry-content">

                            <div class="contact-form clearfix">

                            <?php if(isset($emailSent) && $emailSent == true) { ?>

                                <div class="thanks">

                                    <p><?php _e('Thanks, your email was sent successfully.', 'framework') ?></p>

                                </div>

                            <?php } else { ?>

                                <?php the_content(); ?>

                                <?php if(isset($hasError) || isset($captchaError)) { ?>

                                    <p class="error"><?php _e('Sorry, an error occured.', 'framework') ?><p>

                                <?php } ?>

                                <form action="<?php the_permalink(); ?>" id="contactForm" method="post">

                                    <ul class="contactform">

                                        <li><label for="contactName"><?php _e('Name:', 'framework') ?></label>

                                            <input type="text" name="contactName" id="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" class="required requiredField" />

                                            <?php if($nameError != '') { ?>

                                                <span class="error"><?php echo $nameError; ?></span>

                                            <?php } ?>

                                        </li>

                                        <li><label for="email"><?php _e('Email:', 'framework') ?></label>

                                            <input type="text" name="email" id="email" value="<?php if(isset($_POST['email']))  echo $_POST['email'];?>" class="required requiredField email" />

                                            <?php if($emailError != '') { ?>

                                                <span class="error"><?php echo $emailError; ?></span>

                                            <?php } ?>

                                        </li>

                                        <li class="textarea"><label for="commentsText"><?php _e('Message:', 'framework') ?></label>

                                            <textarea name="comments" id="commentsText" rows="20" cols="30" class="required requiredField"><?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>

                                            <?php if($commentError != '') { ?>

                                                <span class="error"><?php echo $commentError; ?></span>

                                            <?php } ?>

                                        </li>

                                        <li><label for="sum"><?php _e('7 + 4:', 'framework') ?></label>

                                            <input type="text" name="sum" id="sum" value="<?php if(isset($_POST['sum'])) echo $_POST['sum'];?>" class="required requiredField" />

                                            <?php if($sumError != '') { ?>

                                                <br/><span class="error"><?php echo $sumError; ?></span>

                                            <?php } ?>

                                        </li>

                                        <li class="buttons">

                                            <input type="hidden" name="submitted" id="submitted" value="true" />

                                            <label></label><button class="button-message" type="submit"><?php _e('Send Email', 'framework') ?></button>

                                        </li>

                                    </ul>

                                </form>

                            <?php } ?>

                            </div>

                        </div>

                    </div>

                    <?php endwhile; else: ?>

                    <div id="post-0" <?php post_class() ?>>

                        <h1 class="entry-title"><?php _e('Error 404 - Not Found', 'framework') ?></h1>

                        <div class="entry-content">

                            <p><?php _e("Sorry, but you are looking for something that isn't here.", "framework") ?></p>

                            <?php get_search_form(); ?>

                        </div>

                    </div>

                <?php endif; ?>

            </div>

    </section>

    <?php get_sidebar(); ?>

<?php get_footer(); ?>

創建一個寬屏頁面模板

全寬頁面模板是其主要區別在于,側邊欄已經被刪除,使得在內容區域伸展跨越頁面寬度的模板,代碼如下:

<?php

/*

Template Name: Fullwidth

*/

?>

<?php get_header(); ?>

<section class="box grid_12 list_posts">

        <div class="inner">

            <article id="primary" class="hfeed">

            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

                    <h1 class="entry-title"><?php the_title(); ?></h1>

                    <div class="entry-content">

                        <?php the_content(); ?>

                        <?php wp_link_pages(array('before' => '<p><strong>'.__('Pages:', 'framework').'</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

                    </div>

                </div>

                <?php comments_template('', true); ?>

                <?php endwhile; endif; ?>

            </article>

            </div>

        </section>

<?php get_footer(); ?>

創建一個存檔頁面模板

存檔頁面模板將顯示您的所有舊的文章列表,在這個模板也將按月按類別列出前30天的所有的列表,代碼如下:

<?php

/*

Template Name: Archives

*/

?>

<?php get_header(); ?>

<section class="box grid_9 list_posts">

        <div class="inner">

                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

                        <h1 class="entry-title"><?php the_title(); ?></h1>

                        <div class="entry-content">

                            <div class="archive-lists">

                                <h4><?php _e('Last 30 Posts', 'framework') ?></h4>

                                <ul>

                                <?php $archive_30 = get_posts('numberposts=30');

                                foreach($archive_30 as $post) : ?>

                                    <li><a href="<?php the_permalink(); ?>"><?php the_title();?></a></li>

                                <?php endforeach; ?>

                                </ul>

                                <h4><?php _e('Archives by Month:', 'framework') ?></h4>

                                <ul>

                                    <?php wp_get_archives('type=monthly'); ?>

                                </ul>

                                <h4><?php _e('Archives by Subject:', 'framework') ?></h4>

                                <ul>

                                    <?php wp_list_categories( 'title_li=' ); ?>

                                </ul>

                            </div>

            </div>

        </div>

                    <?php endwhile; else: ?>

                    <div id="post-0" <?php post_class() ?>>

                        <h1 class="entry-title"><?php _e('Error 404 - Not Found', 'framework') ?></h1>

                        <div class="entry-content">

                            <p><?php _e("Sorry, but you are looking for something that isn't here.", "framework") ?></p>

                            <?php get_search_form(); ?>

                        </div>

                    </div>

                <?php endif; ?>

        </div>

    </section>

    <?php get_sidebar(); ?>

<?php get_footer(); ?>