如何把自己單獨做的HTML頁面放到基於 WordPress 的網站上?
用 FTP 軟體直接上傳到相應目錄就行。
原諒我上傳一個沒有做完的導圖。
關於問題,其實也就是做一個主題,將Html設計原稿分解成為對應的模組。
WordPress會根據設定組合呼叫的。
比如首頁,他會使用index。php。
<?php get_header(); ?>/* 呼叫header。php,包含內容如圖 */
…
<?php get_footer(); ?>/* 呼叫footer。php, 包含內容如圖 */
用FTP工具將html檔案上傳到相關目錄,然後在進入儀表盤——外觀——選單
新增一個自定義連結,連結地址就填你剛剛上傳的html檔案的地址。儲存選單後就OK啦
直接新建個目錄,然後將HTML檔案上傳到這個目錄。比如在根目錄下建立目錄test,然後你訪問域名的時候輸入:
http://
xxx。xxx。com/test/index。
htm
就行了(注:index。html是你的HTML檔名稱)
方法一:
1、將 xx。html 修改為 page-xx。php 上傳到你當前使用的主題目錄中;
2、在WordPress後臺建立別名為 xx 的頁面後釋出,大功告成。
注意:建立的頁面別名一定要與page-後面一樣。或者在步驟1中將xx改為你的頁面ID。
方法二:
1、將 xx。html 修改為page-template-xx。php 然後再該檔案頭部新增:
<?
php
/*
Template Name: xx 頁面模板
*/
?>
然後上傳到你當前使用的主題目錄中;
2、在WordPress後臺建立別名為 xx 的頁面並選擇頁面模板為第一步中建立的 xx頁面模板,然後釋出,大功告成。
如果你新增的頁面是首頁,可以在 設定 > 閱讀 > 首頁顯示 中設定將此頁面設定為首頁。
關於CSS、JS、圖片等外部檔案
如果你的頁面有引用CSS、JS以及圖片,例如:sample。css、sample。js、sample。jpg,可以將這些檔案一併複製到主題目錄下,然後引用地址改為:
<
link
href
=
“<?php echo get_theme_file_uri( ‘sample。css’ ); ?>”
rel
=
“stylesheet”
type
=
“text/css”
/>
<
script
src
=
“<?php echo get_theme_file_uri( ‘sample。js’ ); ?>”
type
=
“text/javascript”
>
script
>
<
img
src
=
“<?php echo get_theme_file_uri( ‘sample。jpg’ ); ?>”
/>
如果有影片等,同上面方法。
如果你想了解更多:
2017。11。04 新增:
上面介紹了將WordPress轉換為Page(頁面)的方法,下面介紹轉換為首頁、分類、標籤、文章等頁面的方法:
front-page。php
:這個檔案是首頁,
如果沒有則使用上面方法二中在後臺設定為首頁的頁面;
home。php:文件歸檔頁面,通常1中都沒有使用這個顯示首頁;
index。php:1、2都沒有使用這個顯示首頁;
single。php:文章模板檔案;
404。php:404頁面檔案;
page。php:頁面模板檔案,支援 page-$id (即頁面 ID)或 page-$slug (即頁面別名);
category。php:分類歸檔模板檔案,支援 category-$id 或category-$slug ;
tag。php:標籤歸檔模板檔案,支援 category-$id 或category-$slug ;
author。php:作者歸檔模板檔案,支援 category-$id 或 category-$slug;
date。php:日期歸檔模板檔案;
archive。php:如果主題沒有7-10之中的任一檔案,那麼都會用此模板檔案顯示對應內容,當此模板檔案也不存在時,則使用index。php顯示,支援 archive-$id 或archive-$slug。
header。php、footer。php、sidebar。php等檔案一般都是“頁面部分”模板檔案,即:頁首、頁尾、邊欄。
如果你能看懂英文,詳細可參考官方文件:
WordPress模板檔案等級介紹(官方)
WordPress獲取主題目錄裡的檔案和目錄