4小時學會WordPress模板制作(一),建站技術
導讀:建站技術建站技術WordPress模板制作其實非常簡單,今天蝸牛博客就帶你從零開始制作一個Wordpress模板,只需要花半天的時間,你也可以制作一個你心中理想的Wordpre網站技術支持建站技術網。
WordPress模板制作其實非常簡單,今天蝸牛博客就帶你從零開始制作一個Wordpress模板,只需要花半天的時間,你也可以制作一個你心中理想的Wordpress模板。
比如,想做一下下面這樣的模板。
一、素材 1.下載模板 我們直接以仿站開始吧,首先找到一個你喜歡的網站,比如:http://demo.codethemes.co/robolist-pro/,
然后用仿站工具,將這個網站的模板下載下來。一般我們只需要首頁、列表頁、詳情頁三個頁面就可以了。
其中的: index.html wordrpess首頁 archive.html wordpress的列表頁 single.html wordpressrr的文章詳情頁。
下載后保存到電腦是這樣的:
2.整理模板 用notepad或者sublime之類的軟件打開模板文件看一下它的代碼,如果比較整齊則不用這一步。
如果下載的模板排板上有點亂,需要用html格式化工具進行一些整理,比較好用的有: http://web.chacuo.net/formathtml/(暫時覺得這個最好用) https://www.sojson.com/jshtml.html
二、后臺顯示模板
1.建立模板文件夾
在wordpress后臺的theme下面建立一個文件夾Stheme,用來存放你的模板,并將你下載的模板放到這個文件夾下面。
2. index.php 將index.html改成php文件index.php。
3.style.css 因為我們在第一步下載別人網站的模板的時候,設定了將所有的css文件放到了css文件夾下面,所以style.css也當然存到了css文件夾下面。不過在wordpress的模板中,style.css必須保存在模板的根目錄下面,所以我們這里需要將style.css從css文件夾下面移到模板的根目錄Stheme下面,即和index.php同一個目錄下面。
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-23 ,文章4小時學會WordPress模板制作(一),建站技術主要講述模板,小時,建站網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_35063.html