原创 構建一個Bootstrap WordPress主題#1 項目概述

在這個項目中,我們將Bootstrap與WordPress集成。 我們之前創建的模板外觀非常簡單。 我們沒有采取一些壯觀的設計。 這個項目的目標是讓您瞭解:如何將Bootstrap和WordPress結合在一起,並將其用於爲WordP

原创 WordPress主題製作進階#10自定義主頁

這節我們將創建一個自定義主頁,然後將小工具添加到指定的位置。 新建一個文件並將其保存爲front-page.php。 如果我們重新加載主頁,它會完全空白,因爲它正在查看front-page.php文件。 所以我將複製page.php中

原创 WordPress主題製作進階#11添加評論功能

這一節課程我們將學習添加自定義評論功能。 打開single.php然後在endif下面。 添加<?php comments_template();?>: <?php endif; ?> <?php comments_tem

原创 WordPress主題製作進階#8頁面,自定義模板和子導航

定製頁面模板 現在我們訪問“關於”頁面,可以看到它的格式就像一個帖子,這不是我們想要的。我們只希望頁面有標題,我們不想要元數據,閱讀更多,以及類似的東西。 所以爲了改變這一切,我們須要創建一個新文件並將其保存爲page.php。 我們

原创 WordPress主題製作進階#7不同的帖子格式

目前爲止我們只定義了一種格式的帖子, 我們還可以提供諸如圖庫,鏈接,圖像和報價狀態更新等內容,我們可以通過不同方式格式化這些不同類型的帖子。接下來我們來學習如何定製不同格式的帖子。 精簡index文件代碼 打開index.php,仔細

原创 WordPress主題製作進階#6自定義存檔頁面

現在,如果我們點擊其中一個類別,它將跳轉到一個類別存檔。我們來創建自定義的存檔頁面。 定製存檔頁 如果我們點擊admin,用戶名,會跳轉到作者檔案。 我們也可以按日期存檔,我們可以通過標籤來存檔,等等。我們進入主題文件夾,創建一個新文

原创 WordPress主題製作進階#9使用主題小工具widget

這節我們學習使用小公具 我們現在有個側邊欄,但是其內容都是靜態的,我們把側邊欄替換成動態的小公具。在博客頁面和任何其他頁面上,除了我們稍後將創建的自定義主頁之外,這將是唯一的小工具。我們將在functions文件中添加小工具的顯示位置

原创 WordPress主題製作進階#3創建一個WordPress主題

創建WordPress主題1、修改修改style.css2、引用樣式表3、修改index.php文件修改頭文件修改標題欄修改導航菜單nav4、後臺增加頁面 1、修改修改style.css 現在我們將HTML模板轉換爲WordPress

原创 從0到1製作WordPress主題#11使用小工具widgets

創建widgets顯示位置 這一章節,我們學習如何在主題中創建窗口小工具。 我們將有一個小工具位置,這將位於側邊欄中。 1、打開index.php,找到class=main的div標籤,在其結束標籤下方創建一個class=sideba

原创 WordPress主題製作進階#2使用HTML和CSS構建設計佈局

在我們進入WordPress之前,我們將首先繪製出來並使用靜態HTML和CSS創建設計佈局。 構建HTML結構&添加CSS1、創建HTML主體並添加搜索框2、添加導航欄3、添加博客文章4、添加footer部分5、添加一些基礎樣式6、然

原创 WordPress主題製作進階#4展示博客文章

我們之前創建了主題並添加了標題和導航欄,接下來學習如何用WordPress提供的主循環展示博客文章,我們現在頁面上的博客是寫在HTML中的靜態內容,但是在集成了WordPress的頁面中,所有的內容都應該是動態的。 展示博客文章1、添

原创 從0到1製作WordPress主題#12添加評論功能

接下來我們來添加評論功能,經過前面那些學習,添加評論功能對我們來說已經很簡單了。 1、打開single.php,創建一個顯示評論欄的位置,在如下位置添加一行代碼comments_template: <?php endif; ?>

原创 WordPress主題製作進階#5創建單個帖子頁並添加縮略圖

接下來將學習如何創建一個單獨的帖子頁。當我們點擊“閱讀更多”,它會將我們帶到單獨帖子頁,另外我們還會學習爲帖子添加縮略圖。 創建單個帖子頁並添加縮略圖1、添加縮略圖2、創建單獨帖子頁模板拆分index.php修改single.php

原创 從0到1製作WordPress主題#10頁面和菜單

本節我們將關注頁面和菜單。除了在WordPress中創建帖子,我們還可以創建頁面: 1、如果我們轉到後端並單擊頁面,您會看到有幾個示例頁面;現在我們創建一個新頁就叫About,我們再輸入兩段文字進去。然後點擊發布。 2、我們繼續創建

原创 從0到1製作WordPress主題#9添加functions.php和縮略圖

現在我們轉到下圖顯示的表單添加帖子,會發現你看不到在其他WordPress主題或其他WordPress網站上看到過的特色圖片框。 原因是我們沒有包含該功能。 1、進入我們的主題文件夾simple,我們將創建一個叫functions.