給wordpress博客添加一個網頁計算器，講解新建獨立單頁面應用的開發步驟

2017年10月27日15:35:18 5 2,110 views

標題說的是給wordpress博客添加一個網頁計算器，講解新建獨立單頁面應用的開發步驟，事實上不僅僅是wordpress博客，只要是php的網站程序都行，比如dedecms,shopx,discuz,等任意的php程序都能做，將各種各樣的網頁應用添加到自己的網站里面，留住更多的用戶,使用自己的網站提供的功能。

下面楊澤業就以我自己的wordpress博客，知更鳥主題講解，新建一個獨立頁面應用的方法，并列出詳細的步驟，方便小白用戶實踐操作：

1、下載自己主題里面的默認文章頁面，比如我的是page.php，位置在/wp-content/themes/begin目錄里面，查看文件全部代碼為：

<?php?get_header();??>
<div?id="primary"?class="content-area">
<main?id="main"?class="site-main"?role="main">
<?php?while?(?have_posts()?)?:?the_post();??>
<?php?get_template_part(?'template/content',?'page'?);??>
<?php?if?(?comments_open()?||?get_comments_number()?)?:??>
<?php?comments_template(?'',?true?);??>
<?php?endif;??>
<?php?endwhile;??>
</main>
</div>
<?php?get_sidebar();??>
<?php?get_footer();??>

2、我們在第一行的最前面添加一個頁面模板名稱為網頁計算器的代碼標識。

<?php
/*?
Template?Name:?網頁計算器
*/
?>

3、刪除默認文章頁面第五行的<?php get_template_part( 'template/content', 'page' ); ?>這個頁面內容代碼，改成：這個具體應用的內容代碼標記占位符。

4、把具體的網頁計算器代碼，放置到之間，要修改的東西，也是在這個區域里面修改。具體代碼文末免費放出。如圖：

5、保存上面修改的內容，文件重命名為jisuanqi.php，上傳到博客主題系列單頁面模板列表，比如我的是放在wp-content/themes/begin/pages文件夾里面。（如果你不確定博客主題位置的話，多放幾個地方也是可以的，比如當前主題的根目錄，當前主題根根目錄下的template文件夾）

6、后臺--頁面--新建頁面--填寫標題和固定網址，選擇模板頁面為網頁計算器的模板，點擊發布。（我已經發布過了，所以截圖中是更新）