Categories
WordPress WordPress Themes 部落維護

這裡│新主題版面上線.持續改版測試中~

 現在這個新的主題 D&Z Theme 來自對岸的 DZTHEME.COM ,我很喜歡這種以雜誌風格呈現的主題,有 Tab 切換的側邊欄,雖說是兩欄主題,但是卻能放下不少內容,整個版面會清爽很多。

 不過按照佈景的分配,我還在慢慢摸索當中,所以這一陣子會一一測試各種代碼所呈現的方式,找出最好的風格。現在就來說說整體的更改度有多少吧~


原先的舊版面

 

  • 將所有分頁都做了重新配置,原本的兩個聯播分頁我都換到側邊欄的 Tab 切換欄。
  • 相簿連結也在側邊欄的 Tab 切換欄,並且以幻燈片的方式呈現,當然附上了相簿的連結以供訪客連去相簿主站方便觀看。
  • 原本一直都沒有在這邊加上友情連結的,但這次改版我也順便設置了新分頁『連結』,然後在側邊欄放上十個輪播的友情連結,當然,這是用新版面檔案中附加的插件達到的,大家可以看看我的插件分頁,新增加了不少插件,當然都有詳細的解說。
  • 另外,要跟大家說明這個主題模版的特點,在頁尾部份有一個『返回首頁』的錨點可以點擊,點擊下去就能以滑動特效滾動視窗回到頁首,非常特別。在主題作者的這篇文章中有介紹如何使用這個特效,有興趣的朋友可以過去看看研究。
  • 現在『最新文章』是擺放在首頁和翻頁文章頁面的文章底部,主題模版裡直接調用了程式碼,所以現在每個文章頁面底部(非單篇文章),頁次導航列底下就能看到各十則的『最新文章』和『隨機文章』。
  • 並且,在頁尾跟『最新文章』『隨機文章』的中間(單篇文章在頁尾和留言區中間)則置放了十二個本部落格的文章分類目錄欄位,點擊目錄可以看到不一樣的文章摘要頁面喔!還有,只要你點選 Tab 切換欄中的『標籤』,或是直接自文章頁面或是首頁的文章目錄點選標籤、文章分類,就能看到一篇篇標籤下(分類下)的文章排排對正的展現在你眼前,這也就是我前面所提的『雜誌』類型元素的意思。
  • 原本以置頂文章放在第一篇的 Twitter 碎碎念,現在則是改放在 Tab 切換欄的『自語』欄位,預設是第一順位開啟,所以一樣都能馬上讓大家看到我的近況。這幾天由於忙著修改新版面,所以就沒更新 Twitter 囉!

 

 以上就是目前版面大致變更的情形,至於為何會將原本清爽的藍白色掉更改為目前的黑白冷調,其實我自己是覺得這樣對於我這個以文字為主的部落格來說比較適合。

 雖然有時我也會放置圖片相片在此與大家分享,不過內容主體的背景色以白色配置,原本就相當適合放置圖片,但是把整體色調改成黑灰白的配色,對閱讀文字來說比較不會太吃力,也能夠讓大家把目光專注於我的文字上,這樣的改變可以說是我自己的私心,不知道大家對於這樣的變化有什麼感覺呢?你可以在底下留言讓我知道。

 目前列出的連結都是我自己一直以來都有在觀看的部落格,他們不一定都和我交換了連結,只是憑我自己的個人喜好而加上的。

 現在尚未有交換連結的部落格,如果你的部落格願意和我交換連結,請在連結分頁那邊留言,並留下你的部落格資料,我會過去參訪並加入你的連結,前提是你的部落格真的有料,而不是只靠轉貼文章和廣告以及交換連結來換取流量的。

 部落格的流量和人氣或許是 SEO 以及 Google PageRank 的指標,但我這裡收藏的部落格連結都是以內容精緻著稱的好站,我比較傾向這方面的交換,這是我個人的癖好,如有不便之處,敬請見諒!

 

 至於這裡的版面還會不停的繼續細修,我自己是想將版面修改成類似 CMS 的模版,就像 D&Z Theme 主題作者的版面,或是類似 A`Vai 部落格的形式,我很喜歡他們在頁首刊頭的 FLASH 呈現樣式,我自己目前也找到了那樣的代碼,不過還在摸索著該如何調用,zEUS. 的部落格中有許多教學,我正在一一消化學習當中。

 現在尚有許多地方不足,還有需要改進的空間,我會慢慢進行。如果新版面有什麼地方出了岔子,也請各位幫幫忙在此文底下回報給我知道,多謝!

 

 以上。

 

 

 文by覺非/新版面完工之日.持續測試修改中

<========簽名檔分隔線開始=========>

 後山鄉居歲月,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

 回。到。原。點 https://carrielis.com

<========簽名檔分隔線結束=========>

By Carrie / 覺非

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

24 replies on “這裡│新主題版面上線.持續改版測試中~”

呵,我自己也曾經想要跟A`Vai一樣,首頁圖片用flash特效
插件都找到了就是懶得用 噗

換新版面也替你開心:)
不過我個人不喜歡wp雜誌型的風格QQ
但是他迴響這邊還蠻cool的~XD

@muki, 我的迴響是用了這個插件,並且搭配 WP Paged Comments 才會有這樣的效果的,如果你想達到這樣的效果,也可以試試看喔!捲動的效果真的很妙,我也相當喜歡,雖說不是每個人都會看到最底頁,但有此效果還是很好的:)

@zEUS., 你是問標題的還是其他部分的?

我在 body 部分使用了:Verdana, Arial, Helvetica, sans-serif 幾種字型。
至於 sidebar 則是使用:Comic Sans MS 這款字型。

感覺多了很多功能,比原來版面更豐富許多!最底下的那些文章分類表單,我很喜歡!

建議凱莉版主,除了灰色為主體之外,可加點色彩,會更好喔! 個人覺得啦,提供參考!

@mayer, 目前版面我還是不甚滿意,所以還是會持續細修,當然,色彩方面的配置,我也會再加強,多謝你的意見喔!

@Carrie

關於字型插件的問題。因為 TTF Title 只支援 TTF 字型檔,所以如果你的中文字型原本就是 TTF 就不用轉檔了。

那 TTC 轉檔的方式大概是這樣:
下載 ttcsdk.zip 之後解壓縮, TTC 的目錄裡有個 breakttc.exe , 然後你就把 TTC 的字型檔(例: HEIMEDB5.TTC)跟 breakttc.exe 放在一起,然後從 Windows 開一個命命提示字元,再切換到 breakttc.exe 跟 TTC 字型所在的目錄下, 接著打指令:

breakttc heimedb5.ttc

它就會把你的 heimedb5.ttc 這個字型檔分離成數個 ttf 檔。像是 font0.ttf, font1.ttf .. 這樣。分離後就使用 font1.ttf 這個檔就可以了。

如還有不明白的地方再跟我說一聲吧!

@A`Vai Poitsonu,

對了,我後來在 header.php 編輯檔案,加入了< ?php the_ttftext(get_bloginfo('name'),true,My Style Name); ?> ,可是首頁卻發生錯誤無法打開,錯誤碼為:Parse error: syntax error, unexpected T_STRING in /home/carrieli/public_html/blogs/wp-content/themes/D-Z-Theme/header.php on line 27

我不知道是哪裡出了錯耶 @_@

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *