久久未發文，突然不知道第一句話該怎麼寫？揮別了以往會在年底發表的回顧文，直接來到了2014年發表第一篇部落格文章，因為最近比較忙，少了很多時間可以撰寫文章，手邊也好多東西delay中。不過剛好看到今天外面的好天氣，突然想說來寫篇2014的第一篇文章好了！就從年底前默默規劃改版的阿腸網頁設計工作室官方網站作為序。
記得去年初春公開的阿腸網頁設計工作室官網嗎？就是一個大紅色的搶眼色系，採用滾動式的滑動，全站只有一個頁面，不過最近也做了一個大幅度的調整，直接變成一頁頁的網頁，除了讓瀏覽動線上更好，色系部分也改為比較舒服的配色，希望家可以在網站上停留久一點、閱讀上可以舒適一點，順便讓網站多一點點PV。
這次的官網嘗試透過Sass+Susy的方式撰寫，為了之後的RWD響應式網頁設計，讓各螢幕尺寸都可以正常觀看，同時也可以加快網頁的開發速度，不過礙於時間關係，暫時還沒有對手機板做調整，等過年有時間一口氣補完好了XD。在特效的使用上，比起上次少用了很多jQuery，大量使用jQuery對於用戶的瀏覽體驗雖然比flash好(跨平台)，但是相對的會造成用戶瀏覽器資源吃重、CPU吃重等問題，因此大部分的特效能使用CSS3替代的就改用CSS實現，至於舊版瀏覽器不支援CSS部分，則是盡量讓他可以看為主，版面部分還需花時間做些微調。
首頁上方採用大圖輪播，讓使用者視覺完全聚焦，這些首頁上方大圖輪播，展示的不只是漂亮的圖片，而是我們的部分作品集。去年無名宣布關閉，我們接手不少的部落客搬家，並協助幫助他們無痛轉移、快速上手WordPress部落格，同時也替他們網站進行客製化開發與網站優化、部落格人氣轉移等。
- 網站名稱：阿腸網頁設計工作室
- 網站網址：https://achang.tw/
首頁
在前端UI設計工，因對初次嘗試Sass + Susy，光是對column的規劃就花了大半的時間，以往用像素去計算位置一時間要轉換還要磨合一下。不過抓到感覺之後，後面在版面規劃上都比較快。下圖是首頁的下半部分。網頁結構上也是使用HTML5的語意化結構。
網頁設計
網頁設計的部分，我們主要採用 WordPress 作為基底，進行網頁客製化版型、功能開發，我們不購買國外版型來修改，一律依照客戶需求進行客製化開發，同時會對程式進行優化，讓你的網站可以在我們的虛擬主機上，達到最棒的呈現效果與瀏覽速度。
作品瀏覽
在作品瀏覽部分，如同前一版的設計，也是採用CSS不過這次直接手刻效果了，並搭配上CSS3的動畫效果「CSS3 transition」來達到漸變的特效。區塊的排版上則採用了Susy的欄位設定，把網頁區分為12欄，每一個作品集使用4欄進行排版，完全不用拿計算機算半天，一整個很方便。不過在位置的設定上因為Susy是用了CSS3的「nth-child」，有些舊版瀏覽器無法辨識，就會造成版面跑掉了XD。不過Chrome、Firefox、IE9以上，都可以正常運作。
免費版型
去年我們推出了3個免費的WordPress佈景主題供大家分商業性的免費使用，如果你還沒跟到的，別忘了來測試使用一下囉！佈景主題一律採用CSS3 + HTML5 的結構進行規劃撰寫，採用 WordPress 最新的語法進行開發，讓你的網站保持在安全的狀態上。內建社群功能，讓你功能內建不需安裝一堆消耗資源的外掛，只要安裝好佈景就通通幫你Ready！
2012年中剛好碰到了無名、Yahoo部落格關閉，認識了不少不同的部落客圈的朋友們與加入WordPress部落格圈的朋友，2014年當然希望有更多的使用者可以體會到自己架設網站的美好與優勢，就是打造出完全屬於自己的部落格平台。仰賴在BSP雖然是個安全的保護，就很像小孩子依偎在媽媽身旁受到呵護，但總有一天小孩也是需要成長獨立的！
![[教學]如何申請台北捷運誤點證明？](https://i1.wp.com/sofree.cc/wp-content/uploads/2024/04/20240403164113_0.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何申請台北捷運誤點證明？")
![[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？](https://i2.wp.com/sofree.cc/wp-content/uploads/2024/04/20240402230128_0.png?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？")
![[教學]如何用 ShowKeyPlus 查詢 Windows 10/11 產品金鑰序號？](https://i0.wp.com/sofree.cc/wp-content/uploads/2023/11/20231103232630_0.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何用 ShowKeyPlus 查詢 Windows 10/11 產品金鑰序號？")
![[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告](https://i0.wp.com/sofree.cc/wp-content/uploads/2023/06/20230620130326_57.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告")
網頁設計的那一段：”讓你的網站可以我們的虛擬主機上” 這一行有漏字嗎?
總覺得讀起來怪怪的…
少一個「在」XDD
您好: 我想請問如何連絡，我需要做部落格的美化報價，[email protected]，請與我聯絡，謝謝您~
你好，
可以把您的需求與細節，透過表單與我們聯繫就可以囉！
http://achang.tw/contact.html
您好
我想請問您一個問題
請問您知道 wp上有沒有哪種外掛 是給註冊的會員上傳檔案用的
除了管理員以外 我希望給註冊的會員上傳檔案也能修改刪除檔案
WordPress 並不太適合做太過會員機制的東西哦~
香腸的版型很好看，如果能再加上文章人氣統計功能就更完全了 :)
人氣統計會過於消耗系統資源，通常是不考慮內建在佈景主題中。
替代方式：
1. 安裝 jetpack ，啟用裡面的統計工具。
2. 安裝 Google 分析
這樣也可以進行網站人氣統計
你好，可以請問一下虛擬主機有保證Uptime 嗎？
重點是發生問題能否即時解決比較重要吧~
香腸哥什麼時候要幫我
今天沒搶到小米電源很桑心
電源就別搶了吧
也是，我是機王!
我什麼都沒說喔！
行動電源我覺得可以買其他的