wordPress設計網頁實踐

我但願能設計出世界上最美的畫面!

                         

首先進入你本身創建的網站http://localhost:8079/Frank，如上圖所示。注意，編輯頁面時，要能夠上外網，不然wordPress的插件會下載出錯！

點擊左上角按鈕（不知爲何在firefox瀏覽器中最上面一欄沒有顯示），在下拉列表中選擇Dashboard( 儀表盤)，便可進入下圖網站設計界面，也能夠直接登入設計界面：http://localhost:8079/Frank/wp-admin/，我從本地電腦登錄時，不用輸入網站的用戶名和密碼，可能從外網登錄該頁面時須要密碼。

圖一

進入 Learn more about getting started連接，裏面有一官方的教程！

設計了一些元素以後，若是想返回頁面看效果，點擊左上角的主頁按鈕「FrankWP」便可返回。

網站元素理解： 網頁（Page）和主題（Theme）：

創建的網站有不少個Page,每一個page即一個網頁頁面。你能夠無限添加，點擊圖一左側的Pages，能夠進入網頁編輯界面，在這裏你能夠從新編輯以前創建的page，或者添加新的page,或者刪除page。編輯完一個頁面以後，點擊右側欄中的update按鈕便可保存更新。  編輯頁面時，在右下角有一個Set featured image ，點擊後能夠爲當前你正在編輯的頁面添加一個圖片。 

假設你創建了10個page，可是這些page如何佈局呢，登錄你的網站以後首先會看到那個page，每一個page的風格時什麼樣子的呢，這些都是由網站的主題（Theme）決定的。 在wordPress官網上能夠下載不少個不一樣的主題，不一樣的主題有不一樣的風格！例如，雖然你在編輯某個page時爲其添加了featured image，可是在某些主題寫，這些圖片是不予顯示的。所以，網站的風格跟主題的相關度很大。  

你的網站的主題能夠隨便切換，可是你已經創建好的各個頁面，還有已經寫的Post, 添加過的widgets是不會變少的，只是他們的組織方式變了。 對於不一樣的主題下載以後，須要你對它進行customize，不一樣的主題可讓你customize的項不同，例如若是你激活的某個主題不顯示圖片，那麼你customize這個主題的時候就會少一些項目。

圖一左側工具欄介紹：

1）home按鈕：點擊後，進入的便是圖一的DashBoard頁面，該頁面是一個概覽性質的頁面吧，並且有一些快捷鍵，例如能夠直接進入customize your site, 編輯添加Page等！

2）Post按鈕：進入後，能夠查看和管理髮布過的post，能夠添加新的post.

3）Media： 管理你給網站添加的圖片等資源，能夠加資源。

4）Comments:管理別人的評論。

5）Apperance -- Theme: 爲網站選擇主題，能夠用你已經下載過的，或者 經過AddNew按鈕下載新的哦。

     Apperance -- Customize: 該頁面下也能夠經過change按鈕從新選擇主題。不一樣的主題，對應的下圖列表不 同樣。

其餘的點進去便可知道功能。對於menus,可能只有某些主題纔有這個選項，其用來控制在網站的最上方和最下方顯示什麼連接。

      Apperance -- Widgets: 左側顯示各個能夠被添加的控件，例如日曆，視頻等。右側顯示你當前的網站能夠接受放置Widgets的區域。

     Apperance -- Menus: 控制網站的最上方menu欄(Primary Menu) 和最下方的menu欄(foot Menu)顯示的東西。感受在foot menu中通常顯示一些友情連接吧.     界面上Menu structure對應的各個item，就是將要顯示的東西，你能夠隨便添加刪除，固然也能夠將你本身創建的page，寫的某一篇post做爲一個item.

    Apperance -- Header: 設置網站最上方的Header(顯示網站名字，Primary Menu的那一小部分)的背景圖片等。

   Apperance -- Header:  設置網站的整個背景。

   Apperance -- Install Plugins: 安裝plugins，具體做用尚未體會到

   Apperance -- Editor:  還未知。

6）plugins: easy！

7）users: 帳戶管理

8）Tools:  裏面有導出/導入網站數據的功能！

9）Setting: easy!

Free WordPress Theme 下載：(能夠直接谷歌where to download free ...)

https://colorlib.com/wp/free-wordpress-themes/

https://themeforest.net/free/wordpress-themes

下載後，通常爲zip格式，直接進入Apperance -- Theme 用upload按鍵上傳zip文件，而後點擊install，這是可能會提示The uploaded file exceeds the upload_max_filesize directive in php.ini.  由於你限制了大小，方法：打開php.ini 文件，搜索 upload_max_filesize 和 post_max_size，改一下文件上傳最大限制，好比都改成 32M，比你要上傳的文件大。若是你用的是xampp建站，直接點擊Apach的config按鈕，找到php.ini文件。若是不是則本身安找吧，參考：https://www.vpsss.net/2679.html