微小的Web設計變更具有重大影響

當我啟動一個新站點時,我想在博客中添加某種功能來突出顯示新站點。 但是,我不想讓它變得過於明顯,也不想離開博客本身。

答案很小,但影響很大……在導航菜單中的鏈接上添加了一個很小的新圖像。 (點擊進入 發布以查看實際效果)。 我獨自運行了該鏈接幾天,卻獲得零流量。 我添加了圖像,現在有8.5%的出站流量通過該鏈接!

我沒有將圖像實際嵌入HTML中,而是利用CSS,以便將來可以在其他新功能中使用它。 CSS看起來像這樣:

span.new {背景:url(/mytheme/new.png)不重複右上方; 填充:0px 18px 0px 0px; }

背景將圖像錨定在文本的右上方,並阻止其重複。 內邊距將跨距文本推開18像素,以使圖像清晰可見。 現在將其輕鬆嵌入頁面中,只需在文本周圍使用一個span標籤:

評論

有時並不需要花很多時間就可以將讀者帶入一個新的方向!

3 個評論

  1. 1

    很棒的提示! 如此簡單而且如此出色……這就是為博客增值的一種方式:簡單,良好,有用的提示……謝謝!

  2. 2
  3. 3

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.