Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-件回應

我要回應

新規
本回應內容僅站主看得見

-件回應

引用URL
http://gkgwpk.blog79.fc2.com/tb.php/100-f719caeb
對本記事進行引用(FC2 blog User)

Blog編輯記

這次發發不一樣的東西, 因為舊有的直接套用別人的版,並沒有想過適合不適合的問題,用久了總覺得沒有美觀設計一樣,所以決定趁著一個假日好好研究怎麼改。

後來經過了快一整天,總算把這個blog徹底換了個面孔。現在就在此記下甘苦談,以後也可以回味以及複習。
要改blog之前, 首先要瞭解系統提供怎麼樣的改造。
目前一般blog系統都是使用CSS來控制外觀,這樣才可能達成用戶的自訂功能,所以問題不大;但是內部結構卻是要弄清楚的,同時改CSS的基礎知識也是要有的。

FC2 blog很大的特點就是,他不只是能改CSS, 甚至連輸出主題都能改。
他把側邊部份分為幾個plugin, 另外用一個xml檔案來控制各部份的輸出順序以及HTML碼。不過這次看過之後,認為沒有什麼必要動到xml, 所以最後還是以CSS修改為主。

我原先使用的template, 是一個二欄式的樣板,大體上文章階層是這麼分的:
container (這個階層基本不必動)
1. primary-column (這是包含非plugin的內文和標題部份)
1.1 header (這是標題, 也就是各位所看見"肉包子的麻痺生活 Chapter2"字樣所在。
1.2 main (這是所有內文部份的區塊)
底下的部份可以分割成很多篇文章,此時就要套用class而不是id了。
1.2.n c:section (整個文章區塊)
1.2.n.1 entry_title
1.2.n.1.1 entry_header (每一篇的標題)
1.2.n.1.2 entry_body (每一篇的內文)
1.2.n.1.3 entry_state (每篇底下顯示日期以及追蹤數目等等的部份)

因此,要動到內文的話,就改動以上部份定義就好。至於plugin, 那必須動到下面一步:

2. secondary-column (這部份是整塊部份)
2.1 appendix
2.1.n c:section (每一個 plugin 的區塊)

經過觀察後,我覺得我想做的是上端有一個主標題,底下分左右的版面配置,比較小的功能欄放左方,較大的文章欄放右邊,要這樣的話,就要把 primary_column 佔據整塊,而下方的main則使用margin讓他自動讓出左側空間(目前讓200px)

至於secondary-column 當然也要絕對定位,並且設定到左側0, 總度要
小於200. 依據CSS的定義,如果有padding或是margin, 必須把這些和度加總以後才是真正的度,因此設定上要多費心控制以及設定。

如果不熟,做點小實驗是必須的。此時建議把CSS code取出另存,再到自己blog頁面把內容存一份,稍事修改以後套用另存的CSS, 如此就可以測試,又不會不小心把真正blog內容搞爛了修不好。

經過一番測試以後,就可以訂出版面配置以及各部份度。很可惜為了圖片,高的點數是要對好的,而IE和FireFox在此多所衝突,想兩邊討好實在有困難。不過還好IE這方今後是7的時代,比較符合標準了,所以只要不會太難看,大體犧牲IE6成就標準CSS...

畫圖也是一個傷腦筋的工作,對不是經常做美工工作的我更是頭疼,很花時間,最後大體以想要的感覺為主自己合成了一張,配上一些素材光碟的底圖修改以後,準備好了需要的圖片。

目前大體上已經改到能看了,當然還不夠完美,不過想改更好,覺得沒有一些時日抓感覺大概有困難,還是先在此告一段落好了。剩下的事情是想辦法生出一個小圖示,供站外當本站的logo用啊! 也許這部份也要考慮外包了…
スポンサーサイト

0件回應

我要回應

新規
本回應內容僅站主看得見

0件回應

引用URL
http://gkgwpk.blog79.fc2.com/tb.php/100-f719caeb
對本記事進行引用(FC2 blog User)

Appendix

關於作者/プロフィール

肉包子(肉まん)

Author:肉包子(肉まん)
以台灣的貝婷伺服器為主,最常出現於ch4。但是也有其他伺服器的角色存在。關於本站請參閱這一篇
關於所有角色,請看角色介紹這一篇。
本站正式網址: http://gkgwpk.blog79.fc2.com/
簡易網址: http://mabilife.3cc.cc/

Erinn Info

一般 星月門 布萊斯 露雅
如果時間不正確,請使用中華電信對時程式校正系統時間再重新載入。

最新文章/最近の記事

月曆/カレンダー

09 | 2017年10月 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

引用/最近のトラックバック

ブロとも申請フォーム

この人とブロともになる

搜索/ブログ内検索

連結/リンク

站長有興趣的連結

QR Code/QRコード

QRコード

人數/カウンター

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。