یک تغییر کوچک در طراحی وب با تأثیر بزرگ

وقتی یک سایت جدید راه اندازی کردم ، می خواستم نوعی ویژگی به وبلاگ اضافه کنم که باعث برجسته شدن سایت جدید شود. با این حال ، من نمی خواستم آن را بیش از حد واضح یا از وبلاگ خود دور کنم.

پاسخ بسیار ناچیز بود ، اما تأثیر بسزایی داشت ... افزودن یک تصویر کوچک و کوچک به پیوند منوی پیمایش. (از طریق کلیک کنید تا ارسال کنید تا در عمل مشاهده کنید) من خودم با لینک چندین روز دویدم و بازدید صفر کردم. من تصویر را اضافه کردم و اکنون 8.5٪ از ترافیک خروجی از آن لینک عبور می کند!

من به جای اینکه تصویر را در HTML جاسازی کنم ، از CSS استفاده کردم تا بتوانم در آینده از آن در سایر ویژگی های جدید استفاده کنم. CSS به این شکل است:

span.new {background: url (/mytheme/new.png) بدون تکرار بالا سمت راست؛ padding: 0px 18px 0px 0px؛ }

پس زمینه تصویر را در بالای سمت راست متن لنگر می اندازد و از تکرار آن جلوگیری می کند. بالشتک فاصله 18 پیکسل را از متن خارج می کند تا تصویر شما در نمای واضح باشد. جاسازی آن در صفحه اکنون آسان است ، من فقط از یک برچسب span در اطراف متن خود استفاده می کنم:

بررسی ها

بعضی اوقات نیاز نیست که خوانندگان خود را به سمت جدید هدایت کنید!

3 نظرات

  1. 1

    نکته عالی! بسیار ساده و بسیار خوب… این نوع مواردی است که به یک وبلاگ ارزش افزوده می دهد: نکات ساده ، خوب ، مفید… متشکرم!

  2. 2
  3. 3

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.