登入
RSS Feed

[密技] LuKoo 佈景主題支援手機修改法 (LuKoo theme mobile support)

前陣子寒假把幾乎所有要忙的事情都忙完啦
最近比較閒,想說來把這荒廢的部落格重新整頓 XD
首先一開始就遇到 Google 一直要求支援手機的相容性
但是現在這個主題用得很喜歡,捨不得換掉啊!!!

後來發現目前用的 LuKoo 佈景有自訂 CSS 的選項,那就自己改改看囉~

首先請登入到 WordPress 的後台
找到外觀 > LuKoo設定

然後選上方的文章
自定義樣式表打開,下面應該會出現一個輸入框

接著請打開這裡
把裡面的內容 Ctrl + A 全選複製
再回到剛剛的自定義樣式表框框把它貼上並儲存

然後在你的 WordPress 安裝目錄找到這個檔案

/wp-content/themes/lukoo/header.php

把這段貼到大概第七行的地方

這行是為了讓手機固定畫面大小,並且禁止縮放
如圖片這樣

接著用手機開應該可以看到畫面有明顯的變化
丟到 Google 的行動裝置相容性測試也可以順利通過了唷!

原理很簡單
當螢幕寬小於 1024px 時
側欄整個隱藏 (所以廣告什麼的也會被隱藏啦 Orz)
把大多數不必要的 div 寬度填滿畫面
再小小美化了下邊框

不過很粗糙就是了,但是最簡單也最方便
若有其他問題歡迎留言告知~

以上

LuKoo 再戰十年!!!!

沒有標籤。
  • Trackbacks
  • Comments
  • 暫時沒有評論。
  • 暫時沒有引用。

發表迴響

*