WordPress 主題編輯工具Stiqr的使用方法

　　網(LieHuo.Net)WordPress教程，在上一篇文章里我們簡單介紹了Stiqr，這篇文章就開始詳細介紹它的用法。

　　我們以最簡單的空白頁面為例，開始對Stiqr的用法介紹。

　　準備頁面

　　首先我們要準備的是一個空白頁面(如果你只是想利用Stiqr來修改WordPress的頁面外觀，請跳過這一步驟)。

　　新建一個空白頁面不像新建文本文檔那么簡單——當然也不會很難。 空白頁面中應該包含一些驗證代碼，告訴瀏覽器當前所瀏覽的文件確實是一個網頁。

　　首先，新建一個空白的文本文檔，在其中插入驗證代碼。 當然你無須自己編寫這些驗證代碼，你可以從網絡上眾多可用資料中找到一段代碼然后復制到文本文檔里，這里提供一個。

　　然后從Stiqr中在開始“body”標簽和結束“body”標簽中插入這段代碼。 你也可以更改頁面標題。 “title”標簽之間的文本就是頁面標題。

　　以“index.html”為文件名保存文件。

　　你用來創建文檔的程序會詢問你以“html”還是“txt”為擴展名保存文件， 選擇“.html”。

　　接下來用FTP將“index.html”文件上傳到你的網站。 記住不要上傳到根目錄，除非你的網站是一個完全的新站。 你可以新建一個文件夾，然后把index.html上傳到這個新文件夾里。

　　然后在瀏覽器中打開這個文件夾。 其URL地址應該類似于： “http://your_site_address/the_folder_name/“。 即使你沒有在末尾加上/index.html，瀏覽器也會自動打開這個空白頁面。

　　按下“Shift + F2”組合鍵，注冊一個Stiqr賬號。 即使你已經為其它網站注冊了一個賬號，現在如果想要編輯某個頁面，仍然要重新注冊。 值得慶幸的是注冊相當方便。

　　頁面刷新完畢后，再次按下“Shift + F2”鍵，登錄Stiqr。請確定你的確需要修改頁面，并且所有必需的圖片和文字都已經存儲在硬盤里。

　　一圖抵千言

　　這里先點擊下面的“Snap grid”選項框，選擇網格的大小。

　　每更改一次網格設置，瀏覽器右上角都會彈出一個確認信息。

　　接下來是設置頁面的背景。 點擊圓形的“background”圖標，展開背景選項按鈕。

　　你可以用網絡圖片、自己電腦里的圖片甚至普通的顏色作為頁面背景。 如果選擇圖片作為背景，你還可以進一步決定是重復圖片還是給圖片以固定尺寸，并確定圖片顯示的具體位置。

　　如果選擇顏色作為背景，首先找到你需要的顏色，從“#”框中找到顏色對應的六位數顏色碼，將數字復制到“Color:”中。

　　點擊右側的“Stick it”按鈕以保存設置。 每次更改頁面元素后都需要點擊這個按鈕以保存所做修改。

　　接下來我們來看看“shapes”工具，不過目前這里只有一個可用的形狀—— 長方形，此外你可以選擇是否讓長方形顯示圓角。

　　選擇顏色圖案，保存，然后拖放到你希望顯示在頁面的位置，最后將圖案剪裁成合適的大小。你也可以將圖片應用到頁面上。 圖片可以來自你自己的電腦，Stiqr自身也提供了一個圖片庫。

　　至于文本， 在Stiqr的文本框里寫下需要的內容，然后選擇字體、字號以及字色，最后“Stick it”。

　　右擊頁面上的元素后你會看到更多選項，包括“編輯”、“復制”、“刪除”等。

　　Stiqr還提供了添加HTML/CSS代碼的功能。

　　要快速編輯或刪除多個元素，可以使用“manage my stickers”按鈕。 “manage my stickers”旁是“Sava Changes”按鈕，點擊“Sava Changes”保存所有修改。

　　Stiqr能走多遠

　　關于Stiqr的潛力，還需要你自己去發掘。Stiqr官網上有一個展示頁面供用戶參考， 另外你也可以點擊這里進行試驗。

　　VIA：原文

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈