Tumblr 找免費版型,微調整
在「Tumblr 帳號註冊,申請流程」的動作完成後就可以開始找找樣版,幫網誌做一些基本的微調整。如果有自己的網域,想要在 Tumblr 綁上自己的網址的話,也可以到「Tumblr 自訂網址綁定自有域名」篇,觀察「綁定網址」的相關設置方法。
過程中,我們會先前往 Tumblr 後台的「模板編輯頁」更換「免費版型」,接著幫網誌下標題、描述、與增加「留言版」,最後再加入自己想要的背景圖和帳號大頭照。接下來可以開始動工了,以下就是相關的設置流程!
在註冊過 tumblr 後,進入首頁,點擊右方【Untitled】下的網誌連結網址「yourname.tumblr.com」
在「瀏覽器」跳轉後的分頁視窗中,點選右上角的【Edit theme】開始做一些基本的設定
開始找模板。點擊網頁左側的【Browse themes】
經由「All Themes」的下拉式選單,可以接著點選【Free Themes】
在選擇好自己想要的板型之後,可以按下畫面上方的【Use】
這裡可以填入基本設定,「Title 為網誌名稱」下方的「Description」則可以輸入網誌的相關敘述。
另外在左側的區塊做完設置後,可以在右邊區塊看到即時修改後的「預覽畫面」
左側導航往下拉之後,在左邊可以設置自己的「Disqus 留言版」帳號。接著我們在「瀏覽器」開一新分頁,前往「這裡」申請一個「Disqus 留言版」帳號。
若對 CSS 熟悉,左邊區塊再往下拉可以找到設定,可直接做 CSS 細微調整,設置完成就可以按下【Save】儲存,等待系統讀取完成再按下【Exit】離開
( *上方的「Disqus 註冊教學」做完第一步即可,這裡要特別注意的是「Shortname」,若在「Disqus 後台」找不到的話,可直接看自己註冊 Disqus 時的網址 )
這裡點選網頁右上方的【Dashboard】離開模板編輯頁
接下來,可以更改一下自己的「大頭照」及網誌頭段的「背景圖」
回到首頁之後選擇【齒輪圖示】,找到剛才更改過的部落格名稱,就可以選擇電腦裡的圖檔來做更換了
[教學] Tumblr 自訂網址綁定自有域名
過程中,我們會先前往 Tumblr 後台的「模板編輯頁」更換「免費版型」,接著幫網誌下標題、描述、與增加「留言版」,最後再加入自己想要的背景圖和帳號大頭照。接下來可以開始動工了,以下就是相關的設置流程!
![Tumblr 找免費板型,微調整_001 Tumblr 找免費板型,微調整_001](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2FkTM2KAqLK0UMZI5lmmYIjQ3XNA0hTWmRaEkbV2WwdxGVfhrel0eqapm_DEnydfRQJewovqU4JDKrmp4gLLtAyB3zVkCG9KllJrtyXyUpTt7rznAAE7c4enPumMeGBJ8k0f5vtSDRg/s1600/tumblr-free-themes_001.jpg)
相關連結
Tumblr 官方網站「https://www.tumblr.com/」設定教學
Step 1
在註冊過 tumblr 後,進入首頁,點擊右方【Untitled】下的網誌連結網址「yourname.tumblr.com」
![Tumblr 找免費板型,微調整_101 Tumblr 找免費板型,微調整_101](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrh7YwamsnlpT3yDUNPSKakb0qPOif1IRGTJ_Gu33D8EA73nYBKIueZm2gYIqlRZd-2GyTPpfsbMnCSxDWV7EjLRGtyXisJAWuqNQaGMMm9lmCeASMInzaaQHzPk9Q_IEDXli3hhdwNzU/s1600/tumblr-free-themes_101.jpg)
Step 2
在「瀏覽器」跳轉後的分頁視窗中,點選右上角的【Edit theme】開始做一些基本的設定
![Tumblr 找免費板型,微調整_102 Tumblr 找免費板型,微調整_102](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgh7TQ-khHcqRHktBKBKRrW9fsfwpD5Sam5pmAgXY-0xkwCIWfFTHaIk8q5DTW5OvUDtNOAMnHhMuVC0FBAq5BiiMZFLiSitxq9wqMMlDKOa390kfSDh7dRTNTdUOTStALL8yx78UU84/s1600/tumblr-free-themes_102.jpg)
Step 3
開始找模板。點擊網頁左側的【Browse themes】
![Tumblr 找免費板型,微調整_103 Tumblr 找免費板型,微調整_103](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDTppEP5ngnAIWfGr75KTlGBhtByLPFRJdmKKvhdPCxoxrU4O_xoC7daWR1BBGrV8ssFuhm98AXiWY0lnHPFpTb8dGzGG6BYcHH9uUxpMKXs4_Ji8CUlKXNzV0g3lQ36ovUPe6KRP0hg/s1600/tumblr-free-themes_103.jpg)
Step 4
經由「All Themes」的下拉式選單,可以接著點選【Free Themes】
![Tumblr 找免費板型,微調整_104 Tumblr 找免費板型,微調整_104](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjLv5gxIx6B9zFjqxZ6qdjH4_EpU7X6Vkh75dSGvbIw0-tAcBnWPuRWEoecEJ5cZBNLZo0RFb6kFvUKZ-KNLHX6XAJKmhVvMfQcC70lFOGh-TL6d3rAMA6yNGgfcNljjQjR-p7SzoeDU/s1600/tumblr-free-themes_104.jpg)
Step 5
在選擇好自己想要的板型之後,可以按下畫面上方的【Use】
![Tumblr 找免費板型,微調整_105 Tumblr 找免費板型,微調整_105](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Sa80hC1zHoreznIKtcIFEPitChFy4A0BUfCl02D6EFrl2hyphenhyphenMHLTX6nHAntj_ePuSr02z430f-ckwJq8TODG2uzKynntdxUpGYLZb8k6dIXr4vl8WAi0BcD9A9EmeaeG7c6CanyMJtLY/s1600/tumblr-free-themes_105.jpg)
Step 6
這裡可以填入基本設定,「Title 為網誌名稱」下方的「Description」則可以輸入網誌的相關敘述。
另外在左側的區塊做完設置後,可以在右邊區塊看到即時修改後的「預覽畫面」
![Tumblr 找免費板型,微調整_106 Tumblr 找免費板型,微調整_106](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqSQf_wNOmh-Wyu2zS2xaJcz8-95iQg5XaInCBerEAAWGHyaeq0vHZVWSc4NB0PLhJkj9i2ViXQhDI6wfBzZ4N4MaYP6u5QYfzU63IbCgRdG7LONYgVftVyC3J8Q3zYz-6xjltztEV20/s1600/tumblr-free-themes_106.jpg)
Step 7
左側導航往下拉之後,在左邊可以設置自己的「Disqus 留言版」帳號。接著我們在「瀏覽器」開一新分頁,前往「這裡」申請一個「Disqus 留言版」帳號。
若對 CSS 熟悉,左邊區塊再往下拉可以找到設定,可直接做 CSS 細微調整,設置完成就可以按下【Save】儲存,等待系統讀取完成再按下【Exit】離開
![Tumblr 找免費板型,微調整_107 Tumblr 找免費板型,微調整_107](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPphZiGgvD8KAT0AyLfbQc_ahsPp7VA4h6D5jdmZWP-llnquhIBlcxeS7JOdzmp0dSUY61-fKw8MT_CGdkMKqhZ148Wtn8kKAlNIIZzAPboFkczE6ChHYZdxyeXHsrIoQz9fDh4IGHSKQ/s1600/tumblr-free-themes_107.jpg)
( *上方的「Disqus 註冊教學」做完第一步即可,這裡要特別注意的是「Shortname」,若在「Disqus 後台」找不到的話,可直接看自己註冊 Disqus 時的網址 )
Step 8
這裡點選網頁右上方的【Dashboard】離開模板編輯頁
![Tumblr 找免費板型,微調整_108 Tumblr 找免費板型,微調整_108](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_JwcwiIRRwLzAuSA1Jh6lgnQDb3E7qgsehHCum3xvNO0H1HzNd0mY5sRe4REhhKDfjty7VB_hBd4LXu7Ul96R2Pzu9Y3KpYWzXqf8XLoXPvK_VEtTVZhrSSnvFOUBx-_zPAjph8sZnQ/s1600/tumblr-free-themes_108.jpg)
Step 9
接下來,可以更改一下自己的「大頭照」及網誌頭段的「背景圖」
回到首頁之後選擇【齒輪圖示】,找到剛才更改過的部落格名稱,就可以選擇電腦裡的圖檔來做更換了
![Tumblr 找免費板型,微調整_109 Tumblr 找免費板型,微調整_109](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn1pIJJMg5go2IHvKYRMgcIxbmJIaIA7Jq-6sankTKl_zEW2052AR9Qs_j_6_L111A6WPmryloJyFlQVR68VDPFwVaBMeh-53ZjRkpF08-utL4MWvciXS5PaX13beBcWaNiWqX2k4qxG8/s1600/tumblr-free-themes_109.jpg)
小結
「Step7.」的留言版部份,若在 Disqus 沒有註冊過帳號,則在 Tumblr 的網誌中會沒有「留言板」的功能,這邊就需要特別留意了。相關文章
建立 Tumblr 帳號,註冊與申請流程[教學] Tumblr 自訂網址綁定自有域名
留言
張貼留言