這裡│對於版面的一些疑惑

分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram

 上一篇提到了更換主機的欣喜,但我目前在思考新的版面配置,所以有點小煩惱。

 目前最鍾意的版面是 Hemingway ,喜歡它的簡潔風格,不過因為此 theme 不適用 WP 自帶的 widgets ,它是用 blocks 來定義 sidebar 的呈現,在咕狗大神的協助下,我找到了不少這方面的資訊,所以大致瞭解該如何自定義blocks的語法,這倒是不難。不過,最困難的恐怕就是整體版面的調度,像是文章寬度(主頁和單篇文章)、 banner 自定義、整體色調、 sidebar 寬度……等等。這方面的調整,雖然可以用 CSS 語法來定義,但還是頗有難度。

 像是羅賓的部落格就是使用 Hemingway 來做基本版型,他成功調整的非常美觀,不過對於羅賓那裡的 footer 語法我就參不透了,因為他的語法能夠將 footer 鎖定,讓你不論轉到哪一頁都自動對齊底部、而不需要將捲軸拉至最底才能看到(請連結至羅賓的部落格觀看效果,就是那個 Entries RSS 、 Comments RSS 的 bar );看樣子好像是使用了特定語法,不過我不清楚是不是 CSS 語法。

 另外,羅賓在單篇文章的 Comments 的頁面也有滑動式的選項可以點選(請自行連結至羅賓的部落格觀看),讓你一點按便能收起 Comments 區,這一點我在 Hemingway 的預設版面也沒有看到,雖說羅賓有提過這點可以透過 CSS 語法來定義,不過我還是參不透啊!因為,那似乎不光只是 CSS 語法能做出的效果,不曉得是不是有 js 語法關聯!?好,我承認是自己太弱:P

 大家一定都覺得我怎麼那麼喜新厭舊,不是才換的版面,怎麼又想要換新了呢?其實是因為我覺得 sidebar 東西太多,不僅看了眼花撩亂,還拖慢部落格整體的載入速度,雖說現在不需要再擔心流量的問題了,不過因為 BH 是國外主機,我自己開啟部落格的速度都有點慢到令我難以忍受,所以,勢必要更換一個更簡潔的版面,並且在更換版面之後,我也要改掉在 sidebar 亂加小玩意兒的壞習慣了XD

 Hemingway 版面當然不是只有那暗黑色系,也有白色系可以使用,甚至網路上有許多好手都釋出了他們以 Hemingway 作為基底設計出來的佈景主題,但,老話一句,難改!如果,我最後採用了這個佈景主題,我一定會使用白色系的樣式,然後再細修成自己喜歡的色系,畢竟,黑色系的版面我真的沒辦法接受呀!

 此外,除了 Hemingway 的佈景,我也找到了另一款簡潔風格、類似 Hemingway 的佈景主題: squible 。這款我也相當喜歡,但前提是我如果會使用,一定會把它改成寬版面的,預設的寬度對我來說有點太窄了,我喜歡寬一點的感覺,字級能調大些、觀看舒適度提昇、貼圖不怕跑版。

 最後要說的是,如果你也使用 Hemingway 的佈景主題,歡迎在此文底下回應一同分享你的心得 🙂

 

 

 文by覺非/搞個版型弄得我一個頭兩個大 =_=

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……
StartOver.回。到。原。點 https://carrielis.com

分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram

“這裡│對於版面的一些疑惑” 有 6 則留言

  1. 非真的很好學,學了這麼多種版面配置的方法,
    我一整個都沒碰過,感覺有點遜色。

    不過暗色系也有暗色系的好處,例如一個人深夜
    瀏覽的時候,只點著一盞怕打擾到室友的檯燈,
    突然開到像我網誌一樣全白色的頁面會整個張不開
    眼睛,而且暗色系也會給人沉穩的感覺吧!

    期待看到非的新版面喔!

  2. well…
    不知道你 HTML 底子如何,先假設你的 HTML 是ok的,那麼建議你可以好好學學 CSS。
    現在幾乎所有網站都是透過 CSS 定義網站的樣式,不會 CSS 在改版面配置的時候會有點綁手綁腳的。

    我剛開始是從網路上偷看別人的原始碼再配合一些網站來自學的,但是這樣一點系統性也沒有,很花時間、學的也很慢(雖然我幾乎所有電腦相關知識都是這樣學來的),所以不建議你這樣學。
    買本書我想會是個好選擇,尤其做到一半有樣式定義上的疑問時,可以把書拿來翻一翻,很快就會有解決辦法。

    我手邊有5、6本(幾乎都沒看),看了一下還是建議你買 O’reilly 的『CSS大全』,作者是『Eric A. Meyer』,『莊惠淳』編譯。
    O’reilly 的書都很棒,我下一本 O’reilly 的書已經決定買 JavaScript 大全中文第五版了:P

    CSS 大全:
    http://www.oreilly.com.tw/product2_web.php?id=a212

    CSS 其實不難,難在怎麼把大腦裡的創意實現出來。
    加油,希望有天你也能成為一位網頁設計大師^^

  3. Leo,你這樣誇我,我會不好意思啦:P
    不過,或許是因為我對這方面有興趣的關係,可以為了一個小細節磨很久,因為看起來不完美會讓我很沮喪……這是我自己龜毛的個性使然,也不算是好學啦!

    暗色系是不錯,我沒有說它不好,可能是我自己本身不喜歡自己的部落格黑鴉鴉一片吧!我喜歡白色系加上各種不同調性的藍,這樣的搭配,會讓我看了舒服一整天;或是白色為基底,配上不同調性的綠色或黃色……等等。我喜歡這種明亮的色系,總是能讓我感覺很舒服:)

    新版面呀,由於我的底子不好,可能要慢慢磨了。如果你有時候深夜時分過來會看到我的部落格版面不停轉換、有時候也可能會有錯誤頁面產生,那就是我在修改佈景主題的時候。至於什麼時候能正式推出全新佈景,我真的不敢跟你保證呀!

    有得等囉~

  4. 冰漾每次的留言總是能夠讓我有很多想法呢!

    我的 HTML 底子根本不好,只是略懂皮毛罷了,如果可以,也請冰漾推薦我一本(一本就好) HTML 的工具書吧!

    其實,我的 CSS 自學方式,也都是偷看他人的原始碼自己學習的:P
    不過,就如你所言,這樣的學習方法根本一點系統都沒有,甚至有時候會無法理解其中的奧秘,所以我才會說很頭大呀 =.=

    至於冰漾推薦的這本《 CSS 大全》,我會買來邊看邊學的,多謝你的建議喔!

    對了,不知道冰漾知不知道哪一本 PHP 的學習工具書比較好啊?

    除了 CSS 和 HTML 之外,我還蠻想多學習 PHP 的,因為 WP 都是用 PHP 寫就的,所以我還蠻有興趣的,如果可以,也希望冰漾推薦我一些,先在此謝過你囉:)

  5. 非,php很難喔…
    我學一兩次,頭痛的要命!!

    我對WP不太了解,但如果有要CSS的協助,
    非可以拿出來討論喔…

    之前側欄的東西真的有點多,
    維持一定的簡潔度還是有必要的啦…
    真的想放很多東西,也要想想是否有其他方式可以變通;
    另外,我覺得側欄位資訊的先後順序也會影響使用者的停留喔!
    像我都會先找新文和新回應…
    不過這也是使用者的習慣和格主的偏好啦,得斟酌一下喔!

  6. 史小汀,我也知道 PHP 不簡單,這點我在使用 WP 之後有很大的感觸啊,可是,就算難,我還是想學!

    關於你是 CSS 大王這一點,我從來沒有不承認過啊:P
    可是你現在在痞客這麼忙,有時間撥給我嗎?那這樣好了,給我你的msn帳號,我們線上聊:)

    你有發覺我把 sidebar 的東西減少大部分了嗎?我有點想將版面先換成 WP 預設的版型,然後把字級大小、背景顏色、 banner 換一下……這樣就好了,然後 sidebar 的東西精簡到只留必備的,小玩意只留 MyBlogLog ,其他就不需要了。再來,等我這方面的程式語言學習得不錯之後,我再慢慢設計新版型,我覺得這樣似乎也不錯;)

    另外你的建議(就是新文、新回應)我會斟酌考量的。

請留言

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

相關文章

捲動至頂端