Dreamweaver 視覺化的編輯與設計 WordPress 佈景主題

梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
  隨著WordPress愈來愈成熟,透過WordPress來架設網站是再簡單不過,同時完全無需具備任何的程式背景,就能架設出一個具備後台的平台出來,因此現在也有不少的官方網站或活動網站,都採用了WordPress來架設,雖然說WordPress架設很方便,但當要修改佈景時,就得透過 文字編輯器,去修改WordPress的佈景主題,這對於許多視覺設計師來說,那可真是一個頭二個大,再加上大部分的視覺網頁設計師,還是習慣使用Dreamweaver來編輯網頁,其實透過Dreamweaver也可直接俢改WordPress的佈影主題,同時還是全視覺界面,因此修改上更加無障礙,所以習慣使用Dreamweaver的朋友,現在也一塊來看看囉!

事前準備:
1.電腦需先安裝好虛擬伺服器(usbwebserver、mamp、xampp)
2.將WordPress架設完成

Step1
接著開啟Dreamweaver,點選Site/New Site
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step2
接著在Local Site Folder選擇WordPress架設好的路徑位置。
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step3
完成後,再點左邊的Servers,與右下方的+號
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step4
接著將Connect using設為Locl/Network,以及設定web的url
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step5
再切到Advanced頁籤,將下方的選項,設為PHP MySQL
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step6
完成後再點Test。
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step7
這時就會開始建立專案,當專案建立完畢後,再點右邊目錄的index.php,接著再點上方的Discover
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step8
再點Yes
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step9
再點Live View
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step10
鏘~鏘~感動的時刻到了,這時畫面就跑出來了。
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step11
當要改變樣式時,只要對著要修改的區塊點一下,立即就會被選取起來。
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step12
這時下方就會開啟Style的樣式進行修改。
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題
Step13
當然也可修改php,但這需要較有經驗的朋友,從上方點一下WordPress的佈景檔案,接著下方就可進行修改啦!這樣就可在全視覺界面中,來修改與編輯WordPress的佈景啦!同時改那邊立即見效,因此習慣使用Dreamweaver的朋友,不妨也可參考看看囉!
梅問題-Dreamweaver視覺化的編輯與設計WordPress佈景主題

相關文章

Adobe Dreamweaver CS6以上版本全面支援Bootstrap

Adobe Dreamweaver CS6以上版本全面支援Bootstrap

Adobe Dreamweaver CC 2017-beta測試版搶先用

Adobe Dreamweaver CC 2017-beta測試版搶先用

Dreamweaver CC2015限定-與PSD檔更緊密結合,網頁切版排版更快速

Dreamweaver CC2015限定-與PSD檔更緊密結合,網頁切版排版更快速

Dreamweaver CC安裝Emmet套件,實現在Dreamweaver下也可使用Emmet

Dreamweaver CC安裝Emmet套件,實現在Dreamweaver下也可使用Emmet

《Dreamweaver CC 2015限定》Bootstrap全圖形化製作工具

《Dreamweaver CC 2015限定》Bootstrap全圖形化製作工具





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 2 梅留言

  • 第2梅
    chan 說道:

    老師,如果我自己已經付費租用網上webhosting及附有資料庫,仍需要電腦需先安裝好虛擬伺服器(usbwebserver、mamp、xampp)嗎?在設定時打進租用那個server資料會有什麼影響?可行嗎?

    回應:
    因為在開發時,直接在本機進行測試比較方便也比較快,
    同時也有一份存檔,因此會建議本機建立好一個模擬的環境,
    開發完畢後,再把檔案上傳到實體的主機中
  • 第1梅
    chan 說道:

    電腦需先安裝好虛擬伺服器(usbwebserver、mamp、xampp)

    請問是怎樣安裝於mac?

    回應:
    目前只有mamp與xampp有支援mac