改版 | omegaW 2.0 更新版

February.18, 2012 (Saturday)

omegaW v2.0

話說才剛做好 omegaW 1.0 不到三天的時間,就火速的跑出來更新版 2.0。原因是,發現 1.0作的太瞎太爛啦...,不但被大家挑了好多毛病,連我自己也愈看愈淒涼,所以就趁著還有動力的時候,依舊以 網站風+日系風 為主題,進行了一次 update。

果然還是要先在 photoshop把版面做好,再轉成HTML,最後丟到PHP,比較不會出錯。上一版就是在photoshop做了直接轉成PHP,所以就沒時間測試各瀏覽器相容了。

以下簡單介紹 omegaW 2.0 幾個比較不一樣的東西!

▼ 這是之前提過,從傅不死FullHouse 那邊下載來的插件,網站風最重要的就是要有最新公告啊! 所以很感謝傅不死有提供這麼美妙的插件。而且還有訂閱功能耶,也太酷了~

公告

▼ 依然是首頁的部分,點選 Recent Articles 會先預覽文章,再點一次才會進入內文。上一版也有作滑鼠移過才會展開文章的效果,不過上次放的是縮圖,這次改全部。另外因為這版多了一個點擊的動作,所以我也寫了一個關閉的功能。
詳細的應用是從這邊學來的,有興趣的朋友可以參考: jquery實現wordpress首頁文章內容展開預覽效果

jquery實現wordpress首頁文章內容展開預覽效果

▼ 這是我覺得比較有趣的功能,進入內文閱讀,如果隨時想要搜尋其他文章,可以點選左邊的搜尋按鈕,就會跳出搜尋框讓你做搜尋囉!

搜尋

接著簡單說一下很夯的HTML5,因為實在很混都沒研究,所以一知半解的先從outline著手。Chrome有個擴充元件: HTML5 Outliner 可以看網頁的大綱,所以我就簡單的設計了一下,依照我的邏輯作區分

▼ 最後首頁長這樣:

▼ 然後這是內文的大綱:

■ 文章資訊
人氣: 582
分類: wordpress佈景主題
文章標籤: , , , ,
引用網址:

■ FACEBOOKs COMMENT:



■ EVERYBODYs COMMENT:
  • 1♥ Richer Yang (LV.11)

    還是要來當過度認真以對的人
    1. css 的引入順序,先style.css 再 reset.css 這樣怪怪的吧!~ 雖然結論是正確的
    2. jQuery 二次引用的問題還是存。
    3. 使用 XHTML 1.0 Strict 宣告
    4. IE9 404頁面跑版,firefox, chrome不會
    5. IE9 首頁搜尋的放大鏡在第二行,不是最後面

    不研究了,繼續認真轉寫 php 程式去~

    2012.02.18 14:52
    • └ Re: muki (LV.1158)

      ^口^
      1.咦 引入我是先Style再reset嗎? 等等修正3Q
      2.jQ二次引入其實我不想管耶,因為那是插件的錯誤 冏...這樣每次更新我都要去插件修改,好懶 冏
      3.我不太清楚這邊為什麼有問題耶,因為我一直都是用這個宣告,這沒錯阿@@
      4.IE9 3Q修正,我再去找哪裡有瀏覽器給我測=w=

      2012.02.18 18:57
    • └ Re: Richer Yang (LV.11)

      是我比較龜毛,這樣的宣告是不會有錯誤,只是 W3C 驗證會有錯誤訊息而以~
      2次引入不是外掛的錯誤,因為外掛(WP-postviews plus)使用的是標準的 WP API "wp_enqueue_script" 來引入javascript 檔案。
      如果需要服用 CDN 正確的做法應該是先 wp_deregister_script WP本身內建的,然後再 wp_register_script CDN的進來,然後再使用 wp_enqueue_script 載入。
      因為所有合理寫作的外掛,如果需要使用到 javascript 應該都要使用 wp_enqueue_script 的方式。

      2012.02.18 19:13
    • └ Re: muki (LV.1158)

      我突然想到 postviews plus是你寫的=口=!!! 對不起我錯了OTL
      所以...我還是不懂應該怎麼改?
      我應該在header.php寫成 <?php wp_enqueue_script ?>,這樣嗎?
      ---

      另外,我以為Xhtml這樣的嚴格宣告,是架構最嚴謹的 :-o

      2012.02.18 19:37
    • └ Re: Richer Yang (LV.11)

      沒錯, xhtml 1.0 中你採用了最嚴謹的宣告方式。
      不過在版本演進到 html5 的時候,宣告方式化繁為簡。統一使用一種宣告,而細節的差異就交給瀏覽器處理了~

      jQuery 改 CDN 的詳細做法有一點複雜,是要在 function.php 中處理。

      2012.02.19 10:40
    • └ Re: Richer Yang (LV.11)

      http://wwpteach.com/114

      生了一篇文章,完整的說明如何修正與指向 Google CDN

      2012.02.19 11:33
  • 2♥ Richer Yang (LV.11)

    剛剛在寫文章的時候送了一個 Trackbacks 到這一篇文章,不過沒有看到他的出現?
    你是故意的吧!!~~

    2012.02.19 11:39
    • └ Re: muki (LV.1158)

      可以給我連結嗎?
      ---

      喔,我看到文章了。
      因為我忘了從哪一版開始,就沒把trackback放到comment裡頭。
      我再看看要放在哪

      2012.02.19 12:27
  • 还感觉不错的呢!

    2012.02.23 10:49

  • ■ LEAVE YOUR COMMENT:



      :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: