• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

15 بررسی ضروری قبل از راه انداختن وبسایت (قسمت 1)

1 365 ۲۴ آذر ۹۴

وبسایت شما طراحی شده، CMS کار میکنه، محتوا اضافه شده و کاربران منتظر هستند. حالا زمان اون رسیده که وبسایتتون رو آنلاین و زنده کنید. اما صبر کنید!

زمانی که میخاید یک وبسایت رو آنلاین کنید، شما اغلب تعدادی از موارد مورد نیاز رو فراموش میکنید و یادتون میره که اون موارد حیاتی رو بررسی و رفع کنید. در این مواقع هست که داشتن یک چک لیست قوی و کامل میتونه کمکتون کنه.

در این مطلب و مطالب بعدی تعدادی بررسی لازم و حیاتی قبل از آنلاین شدن رسمی سایت، در اختیارتون قرار میگیره که میتونین با استفاده از اون به تجربه کاربری سایتتون ضربه نزنید و کاربران رو ناراحت نکنید.04-01_launch_website_ld_img

مورد 1 : Favicon

Favicon آیکون برند شما رو در مرورگر و تب اون نمایش میده و کاربران سایت متوجه خواهند شد که کدام تب مربوط به کدام سایت و برند است. این آیکون همچنین در زمان Bookmark شدن در مرورگر ذخیره میشه و کاربران میتونن با دیدن اون وبسایت و برند شما رو تشخیص بدن. تعدادی از مرورگرها بصورت اتوماتیک در مسیر ریشه وبسایتتون جستجو میکنن و اگه فایلی بنام favicon.ico رو ذخیره کرده باشید، اونو نمایش میدن. اما برای اینکه مطمئن بشید که همه مرورگرها آیکون برند شما رو نشون خواهند داد، حتما قطعه کد زیر رو در Head سایت خودتون قرار بدین:

همچنین برای اینکه آیکون برند خودتون رو برای iPhone بهینه کنید، از تگ زیر نیز استفاده کنید:

در اینجا میخام سایتی رو بهتون معرفی کنم که میتونین با استفاده از اون Favicon سایت خودتون رو برای همه دستگاه ها بهینه سازی کنید. در ابتدا تصویر برند مورد نظرتون رو انتخاب کنید. بهترین سایز تصویر برای این سایت 260 در 260 هست. من یک تصویر 512 در 512 رو انتخاب میکنم و منتظر میمونم تا آپلود بشه. بعد از آپلود شدن وارد محیط دیگه ای میشیم که میتونیم تنظیمات مورد نظر رو برای آیفون و اندروید و ... تغییر بدیم و موارد مورد نظرمون رو انتخاب کنیم. در نهایت و پس از تنظیمات مورد نظر میتونین با کلیک بر روی دکمه Favicon Package آیکون های تغییر سایز داده شده رو دانلود کنید و در مسیر ریشه سایت خودتون قرار بدین. بعد از اون هم تعدادی کد رو میزاره که باید اونا رو در Head سایت خودتون قرار بدین. نمونه خروجی کد بصورت زیر هست:

همونطور که میبینید تعداد زیادی تگ قرار داده شده که هر کدام مخصوص دستگاه خاصی هست. اونایی که apple-touch-icon هستند مرتبط با دستگاه های Apple هستند و در سایزهای مختلف قرار داده شده اند که با توجه به دستگاه آیفون یکی از اونا در محل مورد نظر قرار داده میشه. در نظر داشته باشید که همه اونا برای کاربران دانلود نمیشه، فقط اون سایزی که بهینه هست دانلود و نمایش داده میشه. فایل manifest.json هم خیلی بدرد بخور هست و میتونین در مورد اون بخونید. msapplication هم مربوط به windows 8 و متروی اون هست.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها یک نظر ارسال شده است.

  • ‏‏

    عالی بود.
    عالی
    باز هم مطلب بگذارید.
    مطالب آقای اسفندیاری خیلی خوب هستند و کاربردی.
    من اون مطلب که در مورد UI بود رو هم خوندم. goodui.org

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram