標籤:RWD

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

網站經營不再只有使用電腦的讀者,很多網站手機讀者進逼八成以上,你的網站還沒有手機板嗎?那可能遜掉了。想要擁有手機版網站該怎麼製作?是否每一個類型的網站都適合製作手機板?這個您可以透過Google分析來做評估。至於手機板如何做到最佳化?讓搜尋喜愛呢?這個也是一個重要課題,好在Google有提供說明指南「Google 行動裝置相容檢測」透過此工具,快速了解網站是否符合標準。

如果會透過Google分析查看,就可以知道手機版的讀者佔有多少比例,透過這個比例來評估你是否需要網站手機板。但網路現況行動裝置(平板、手機)的依賴程度非常高,很多人甚至家裡不安裝ADSLVDSL光纖網路,直接使用手機網路上網而已。還有人回家再也不開PC電腦了。面對強大的行動裝置訪客來襲,你準備好要製作一個手機板網站了嗎?

[教學]解決升級WordPress 4.4 媒體庫、網站破圖問題(srcset)

新版WordPress 4.4 最近推出,有些使用者斷然的升級後發現網站居然破圖了!而且媒體庫破圖、網站也破圖,但是查看FTP,圖檔確實是存在耶?!事實上這問題國外也有發生,主要是因為WordPress 4.4版本支持RWD的圖片縮放,讓網站的圖片可以從媒體庫內的各尺寸抓出活用,但是並非每一個網站一開始都是採用RWD版型,可能是中途更換,那麼舊文章可能就造成破圖了。

另外,有些使用者會為了避免媒體庫裡面產生三種尺寸的圖片,會去把媒體庫自動裁切圖片設定為0,也因此造成另外兩種尺寸圖片不存在,但是WordPress4.4似乎是自動產生圖片連結,因此產生出的連結卻是圖片檔案不存在,因此也會造成網站破圖。基於以上種種原因,國內外都陸續出現哀號,也因此這樣,在WordPress官方網站討論區中有網友提出了解決方法。

免費WordPress版型:林旺、馬蘭,支援RWD設計,一次搞定手機電腦瀏覽

隨著行動裝置的普及化,網站不得不需要跟進讓不同螢幕解析度的裝置皆可瀏覽。這次針對部落格版型的設計,推出也是一樣支援多重解析度的裝置佈景:林旺、馬蘭。別懷疑,這次是一口氣兩個,正當版型做到一半的時候,WordPress官方推出了3.9的版本。正巧,每次推出一個佈景主題,官方都剛好向上升級一個大版本,如果官方升級太頻繁,那我應該會做WordPress免費版型做到手軟XD。

這次兩個版型分別叫做「林旺」和「馬蘭」,相信大家一定不陌生這兩隻大象。至於介紹我想就免了,有興趣直接上維基百科上看應該會更為詳細。版型兩個,但其實是差在配色部分,一個是黑色系,另一個則是純白色系,看大家喜歡哪一款呢?白色系應該較為好搭配文字顏色,黑色系則不是每一個網站都適合,但感覺網站比較有質感的感覺,最重要的還是要搭對圖片。

免費 WordPress 版型:Benjamin ,響應式設計佈景主題,支援手機、平板、電腦螢幕

開工日當然就是要來個新的WordPress免費版型與大家分享。這回的版型叫做「Benjamin」,中文就是「班傑明」。不同於以往,這回我們帶來了自適應(響應式)網頁設計,讓你的版型可以在多種不同尺寸的螢幕上都可以有良好的呈現,讓你免去安裝手機板外掛就可以讓WordPress部落格網站擁有手機板的瀏覽畫面。

以往由阿腸工作室提供的版型都是單純的固定寬度,這回我們來點不一樣的,讓你網站的版型可以在不同的解析度上都可以正常的瀏覽。至於整體的配色感覺,跟之前的迪奇版型差不多,版面上倒是跟克努特類似,當然我們還是有做一些小微調,盡量讓網站精簡與乾淨。此外,版型這回改採左邊欄、左選單設計,上方不再有一整長排選單,取而代之是左側的手風琴選單。