Mała zmiana w projektowaniu stron internetowych o dużym wpływie
Kiedy uruchomiłem nową witrynę, chciałem dodać do bloga jakąś funkcję, która wyróżniłaby nową witrynę. Nie chciałem jednak, aby było to przesadnie oczywiste lub oderwane od samego bloga.
Odpowiedź była niewielka, ale miała ogromny wpływ… dodanie małego nowego obrazu do łącza w menu nawigacyjnym. (kliknij, aby przejść do opublikuj, aby zobaczyć to w akcji). Biegałem z linkiem sam przez kilka dni i uzyskałem zerowy ruch. Dodałem obraz i teraz 8.5% ruchu wychodzącego przechodzi przez ten link!
Zamiast faktycznie osadzić obraz w HTML, użyłem CSS, aby móc go używać w innych nowych funkcjach w przyszłości. CSS wygląda następująco:
span.new {background: url (/mytheme/new.png) bez powtarzania w prawym górnym rogu; dopełnienie: 0px 18px 0px 0px; }
Tło zakotwicza obraz w prawej górnej części tekstu i zapobiega jego powtarzaniu. Wypełnienie wypycha zakres 18 pikseli poza tekst, dzięki czemu obraz jest wyraźny. Osadzenie go na stronie jest teraz łatwe, po prostu używam tagu span wokół mojego tekstu:
Recenzje
Czasami nie trzeba wiele, aby skierować czytelników w nowym kierunku!