큰 영향을 미치는 작은 웹 디자인 변경

새 사이트를 시작할 때 블로그에 새 사이트를 강조 표시하는 기능을 추가하고 싶었습니다. 하지만 블로그 자체를 너무 뻔하게 보이거나 하고 싶지 않았습니다.

답은 작았지만 큰 영향을 미쳤습니다. 탐색 메뉴의 링크에 작은 새 이미지를 추가했습니다. (클릭하여 실제 모습을보기 위해 게시). 나는 며칠 동안 자체적으로 링크를 실행했으며 트래픽이 전혀 발생하지 않았습니다. 이미지를 추가했고 이제 8.5 %의 아웃 바운드 트래픽이 해당 링크를 통과하고 있습니다!

실제로 HTML에 이미지를 삽입하는 대신 CSS를 활용하여 향후 다른 새로운 기능에도 사용할 수있었습니다. CSS는 다음과 같습니다.

span.new {background : url (/mytheme/new.png) no-repeat top right; 패딩 : 0px 18px 0px 0px; }

배경은 이미지를 텍스트의 오른쪽 상단에 고정하고 반복을 중지합니다. 패딩은 텍스트를지나 18 픽셀의 범위를 밀어내어 이미지가 선명하게 보이도록합니다. 이제 페이지에 쉽게 삽입하려면 텍스트 주위에 span 태그를 사용합니다.

리뷰

때로는 독자에게 새로운 방향을 제시하는 데 많은 시간이 필요하지 않습니다!

댓글 3

  1. 1

    멋진 팁! 매우 간단하고 훌륭합니다… 이것이 바로 블로그에 가치를 더하는 것입니다 : 간단하고 훌륭하고 유용한 팁… 감사합니다!

  2. 2
  3. 3

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.