آموزش قرار دادن تصویر برای title وب سایت

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Թ • Ր • Տ  lօгժ ،‏ 3 ماه و 4 هفته پیش .

این تاپیک تاکنون 156 بازدید داشته است .

نویسنده پست
شنبه ، 13 آگوست 2016     10:17 ب.ظ #


سید احسان عظیمی

Subscriber
105 پست14 تاپیک

حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:
<link rel="nofollow" href="http://adres-shoma/blogskin.ico" rel="shortcut icon">
این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات  بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.

این مطلب از وب سایتhttp://www.bloghelp.ir/ کپی شده است

پیوست ها:
You must be logged in to view attached files.
0  تشکر
یکشنبه ، 14 آگوست 2016     2:40 ب.ظ #


Թ • Ր • Տ  lօгժ

Subscriber
17 پست2 تاپیک

سلام البته استفاده از نسبت 16*16 کار اشتباهی است در مانیتور هایی با رزولوشن بالا دچار تداخل می شود شما باید برای این کار از آیکون های چند حالته استفاده کنید تا در تمام صفحه نمایش ها نشان داده شود در ضمن در این حالت فرمت عکس باید ico باشد پس در این صورت شما باید یک فایل جدا برای سیستم عامل مکینتاژ که از این فرمت پشتیبانی درستی ندارد استفاده کنید. برای همه  این کارها از نرم افزار axialis icon workshop استفاده کنید.

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

<link rel="shortcut icon" rel="nofollow" href="/favicon.ico" type="image/x-icon">

<link rel="icon" rel="nofollow" href="/favicon.ico" type="image/x-icon">

<link rel="apple-touch-icon" rel="nofollow" href="favicon-apple.png" />

0  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .