wordpress主題開發階段性總結

5-21日淩晨，我有幾件事情要做，學習jQ做web應用開發，同時還想看wordpress開發，最終選擇了花費一個星期讓自己能獨立開發wordpress主題。

過去5天了，今天是第6天，回顧最近幾天發生的事情，再次計劃好下一階段做什麼。有目的性的學習，不至于讓自己左顧右盼，什麼都做效率顯得很低。

5天時間裡面，真正在高效學習的也就三天。第一天，心中多了一個計劃，知道最近一個星期要開發wordpress主題，當時在想要怎麼做。就去wordpress官網去看主題相關的官方文檔，當時看文檔，覺得子主題更容易開發一些，要不要開發子主題? 在對一件事情沒大緻了解的時候，總是想先做個簡單的東西吧。反正第一天沒有動手去做，在想要怎麼去做。學習并不是每天都有大量的時間去學習，第一天下午和晚上陪老婆聊天了。當天做的東西也不多，除了早上看的wordpress官方文檔的内容。

第二天時間，搭建wordpress開發環境很簡單了，下載下傳的instantWP，可以随U盤攜帶，到有電腦的地方就可以開發，不過我主要在自己電腦上開發。第二天搭建好環境之後，想開發主題必須要看下别人開發的主題，就在找找主題，總是覺得主題布局也就那樣，都是大同小異，換些圖檔等。當時心裡還是有些不确定性，沒有動手寫代碼之前，不知道要做什麼總是有點不安。晚上我告訴自己，不能再找主題了，這樣一直在别人的陰影之下，要自己動手了，晚上就看《wordpress theme development beginner's guide》，先看了開始的介紹部分，主要說wordpress怎麼用，這點我已經沒什麼問題了。第二章說的要想好自己的主題怎麼設計。可以用PS，也可以先做個靜态網頁。我先試着按書上教的敲了一些代碼。回去休息的很晚。

第三天，《wordpress ...beginer's guide》沒看完，接着看，這一整天時間，在看第二章如何設計你的主題，作者在寫這本書的時候，書上提供的怎麼敲代碼和送給我們的代碼差別很大，也就是書上按它的步驟來，都是正确的結果，我的剛開始結果不是很正确。不過，我想還是先把這一章代碼敲完吧，就按照書上的一直在敲代碼，終于看完第二章了，花了2個小時。發現怎麼和書上最後的結果有些不一樣，想要得出正确結果，還要繼續敲代碼。這時候看完了這一章，包括書上所說的說明部分，已經有個大體印象要怎麼做了，又重新敲一遍代碼，這時候錯誤很少了，第二遍代碼，全部我自己手敲，這一次敲完全程代碼知道了wordpress主題中的重點部分在于CSS渲染，html重要性不是特别大。這一天就隻是把主題的html代碼和CSS代碼敲了一遍，一天做一件事情，不過也是有收獲，當天晚上随便看了一下第三章的用PHP寫，我知道這時候才是真正的重點部分。敲了幾個樣例，覺得不難，很興奮，這天睡的還是很晚。

第四天，主要看第三章，把靜态主題換成動态的，就是把HTML換成php檔案，裡面修改一些内容。wordpress提供了很多模闆标簽，是以開發起來很容易，剛開始在寫的時候有些錯誤，經過我幾次排查，就知道怎麼處理錯誤了，同時不要覺得wordpress開發有多難，不難。這天主要做的就是改HTML檔案中的内容，借助wordpress提供的很多标簽實作無門想要的功能，重點還是在于布局，不過之前寫好的CSS檔案，現在稍微修改一下就好了。最後把檔案子產品拆分，放頁面頭部的，放頁面尾部的，放側邊欄的，放功能的等等。這時候wordpress主題已經成型了，也就是網站已經是動态的了，自動從資料庫加載内容，可以設定側邊欄和底部挂件，設定菜單等等。寫内容，頁面就會更新，而且首頁面的CSS是自己寫的，還是響應式的，網站已經成型了。下面要做的就是細化，讓使用者感覺更好一點。

第五天，昨天一整天的專業課，從早到晚在寫作業，早上寫作業，上午專業課兩節，下午專業課三節，晚上抄第二天的實驗報告，一整天什麼都沒做，就是在上課看wordpress相關的資料。我可以用wordpress做的事情，做什麼多人網站，什麼雜志網站等等，絕大部分的網站都可以用wordpress來做。

第六天，2016-5-26，還是沒做wordpress相關的東西，早上在想下一步要做什麼，下載下傳了《Bootstrap ..》這本書看起來挺好，教我們做絕大部分網站的布局，我覺得認真看過這本書，對wordpress開發上又增強不少實力，下載下傳了，《wordpress 4.x complete》這本書涵蓋了wordpress的各方面，後面基于wordpress做社群網站等等，也是好書。又下載下傳了《wordpress theme design》和我之前看的書應該相差不多，如果去看也就是在主題開發中要注意的細節印象更深了，這幾本書我下載下傳下來準備看，現在還沒定下來看那本書，從不斷找書上，可以感覺的到這兩天又止步了。做個回顧，與分析。

昨天老師找我，讓我設計一個有關視訊監控的布局頁面，我覺得還好不是很難，這個東西需要多人去做，頁面裡面的内容是别人在做的。内容就是攝像頭，在頁面裡面加上一個攝像頭。 我想這個東西主要功能就兩個

1、 一個把攝像頭的位置布局好，很簡單，因為攝像頭是一幀幀的圖檔，我看了那個攝像頭的具體頁面内容明确知道攝像頭中就是圖檔，是以布局很簡單。

2、布局好看點，頁面中加入可以操作傳感器的按鈕之類的，放側邊欄。這點在阻礙我的進展。如果要三欄布局，最左邊沒什麼東西可以加，因為現在主要就是監控和操作傳感器節點，這樣一想，也就是兩欄。操作傳感器的那一欄要顯示什麼？實時資料，還有各種操作。

傳感器這一欄，不是那種簡單的美觀東西，這一欄需要很強的邏輯，頁面的實時效果，點選每個按鈕出現什麼操作。

擷取資料要寫PHP。

畫圖表寫js。

按鈕美化用CSS。

功能有了，到了裡面具體放什麼按鈕，一時頭腦反應不過來，按鈕放在哪裡，這個按鈕要做什麼...瞬間頭腦不清晰，不知道要怎麼做了。現在無負責的是顯示，裡面硬體部分的操作，我不熟悉，不知道加什麼邏輯按鈕過去。 我隻知道像傳感器發送資料，還有點選顯示傳感器資料的内容。隻是按鈕放在哪裡。想下，那就這樣寫吧。放兩個按鈕，一個按鈕用來選擇顯示哪個傳感器資料，一個按鈕用來選擇像哪個傳感器發送資料。

樣式改為三列，最左邊一列加上地圖顯示目前傳感器的節點位置。中間放攝像頭，右邊放按鈕。

上面的這個小東西，今天沒想出來怎麼做，wordpress也沒開發，最近睡的晚，晚上就很困，從5：20吃個飯睡到了夜裡11：00，休息一下，清醒一下頭腦，好好休息，好好想想下一階段要做什麼。

1、老師布置給我的東西肯定要做，我想這幾欄東西，按我現在想的去實作，耗費時間的地方還在于細調顔色，按鈕樣式等等，這些事設計要做的東西，我去做好麻煩。還有個辦法就是無現在手裡面有本bootstrap的書，bootstrap已經把網頁樣式中的很多東西都美化了，無好好消化吸收一下bootstrap 的東西，花費個3-5天時間不等。這樣界面就好看很多。在學bootstrap的時候，對以後網頁設計等等很多方面都有很多幫助，最近還是先看bootstrap。不然設計出來的界面，我不會搭配顔色，單純幹巴巴的功能，看起來太醜了。

2、網頁設計的本質都差不多，幫老師做東西的同時，設計自己的wordpress主題個人部落格遷移至wordpress。個人網站還有很多功能要添加，那不在最近考慮範圍之内。

3、 就業指導作業，寫圍繞工作崗位做自我介紹，1-3分鐘。寫就業指導感想。

4、5-31号，嵌入式考試，要花費1-2天時間複習。抽空複習。

總結：

1、"長大以後才發現，做好一件事很難"。做東西不要左顧右盼，沒有中心主線，什麼都做，進步太慢了。明确自己做事情的目标。

2、程式設計方面的東西，還是多寫代碼，多寫代碼有助于了解代碼的具體含義。多實踐，實踐有助于融會貫通。

3、...提高寫作能力