سلام مهمان گرامی ، خوش آمدید. آیا این نخستین بازدید شماست ؟ وارد شده یا عضو شوید

انجمن های تخصصی علوم رایانه و هنرهای دیجیتال



آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن
زمان کنونی: 21-11-2017، 03:32 AM
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Mohsen Omidvar
آخرین ارسال: Mohsen Omidvar
پاسخ 3
بازدید 2287
محبوب کنید:

امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن
#1
Heart 
در این تاپیک از انجمن تخصصی علوم کامپیوتر و هنرهای دیجیتال سه سایت بسیار جالب در زمینه ساخت فاوآیکون  favicon و تبدیل عکس به آیکن برای سایت را معرفی خواهیم کرد
اما فاوآیکون  favicon چیست ؟
لوگو یا عکس کوچکی است که در بالای پنجره مرورگر کنار نام سایت به نمایش درمیاد در واقع مخفف کلمه انگلیسی (favorite + icon) به معنی آیکون موردعلاقه می باشد . در واقع وجود این عکس و لوگو در وب سایت هایی که طراحی می کنیم باعث میشه که چهره ی سایت ما در نظر مخاطب بهتر جلوه کنه و سایت رو زیباتر میکنه.
سایت اول که میخواهیم معرفی کنیم*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید* هستش
ابتدا به سایت مراجعه کنید : *شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
از بخش سمت راست (color picker) می تونیم رنگ وابزار را انتخاب کنیم
در این قسمت شکل و یا عکس مورد نظر خودمونو درست می کنیم خیلی شبیه paint ویندوزه
می تونیم انیمیشن هم درست کنیم و کارمون رو تو چند فریم مختلف درست کنیم بدین صورت که با کلیک روی Use Animation می تونیم هر تعداد فریم درست کنیم و تو هر فریم عکس و یا شکل خودمون رو درست کنیم حتی می شود سرعت حرکت فریم (frame rate) رو هم مشخص کنیم
از نکات بسیارجالب و مفید و رایج وب سایت اینه که ما عکس و یا لوگوی خودمون رو به favicon تبدیل کنیم برای این کار کافیست روی import image کلیک کنیم و عکس رو اضافه کنیم .
حتی می تونیم favicon هایی رو که دیگران درست کردن رو ببینیم و اگر خوشمون اومد همون رو انتخاب کنیم
سایت دوم برای ساخت فاو آیکن :
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
این سایت هم قابلیت تبدیل عکسهای ما به فاوآیکون  favicon رو داره
و با استفاده از *شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید* می تونیم به ابزارهای خوبی که برای وبمستر ها بسیار مفیدن دسترسی پیدا کنیم
انجمن تخصصی علوم کامپیوتر و هنرهای دیجیتال
سایت سوم برای ساخت فاوآیکن :
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
کد قرار دادن فاوآیکون favicon در سایت :
باید کدهای زیر رو قبل از <head/> کپی کنید.
کد:
<link rel="shortcut icon" type="image/x-icon" href=".../favicon.ico" />
دقت کنید که کد بالا برای favicon ها با فرمت ico هستش اما اگر فرمت دیگه ای دارید مثل png یا gif باید از کد زیر استفاده کنید (اما ico پیشنهاد ماست)
همینطور در کد بالا و این پایینی باید بجای favicon.ico/… باید آدرس جایی که آپلود کردین رو بدید.
مثلا برای آیکون png به این صورت :
کد:
<link rel="icon" type="image/png" href=".../favicon.png" />
تغییر فاوآیکون در سایتهای مختلف :
معمولا در اکثر سایت ها باید فایل header.php در قالب رو ویرایش کنید و کد هایی که در بالا گفته شد رو قرار بدید یا برای برخی مدیریت محتوا ها مانند وردپرس ،جوملا،دروپال و .. اگر قالب فاوآیکونی هستش ، آدرس اونو عوض کنید.بعضی قالبها هم تنظیماتی برای فاوآیکون دارن که می تونید آیکونتون رو جایگزین کنید.
برای قرار دادن فاوآیکن در وردپرس از کد زیر هم میتونین درHeader.php استفاده کنید :
کد:
<link rel="icon" href="http://www.cgaria.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.cgaria.com/favicon.ico" type="image/x-icon" />
توجه کنید که آدرس *شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید* موجود در کد بالا رو به آدرس لوگوتون که آپلود کردید تغییر بدید.
دانلود favicon آماده برای سایت :
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
خورشید باش که اگر خواستی بر کسی نتابی نتوانی.
پاسخ
 سپاس شده توسط razer ، Ehsan
#2
سلام مممنون از انجمن خوب و پر محتوای شما .
من یک سواالی ذارم آیا گذاشتن متنی درباره سایت توی فوتر و صفحه اصلیمون  مثل سایت دیجیکالا و یا یه سایت دیگه ای مثل گل فروشی رضوان و یا  جاگذاری کلید واژه ها در فوتر و لینک گذاری اونها توی seo سایت تاثیر داره یعنی امکانش هست که نه تنها توی seo تاثیر نداشته باشه بلکه بارگذاری سایت هم به تاخیر بندازه؟
ممنونم از شما اگر زود تر پاسخ من رو بدین چون من یه سایتی ساختم درباره قاب گرافیکی اینم ادرسشه .. *شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید* به نظرتون خوبه که این حرکت روش پیاده کنم؟
پاسخ
#3
بهتر بود برای سوالتون تاپیک جدید ایجاد می کردین چون سوال شما با موضوع این تاپیک مرتبط نیست.
 اگر فقط کلیدواژه و توضیحات باشه و مرتبط با فعالیت سایت باشه باعث بهبود سئو میشه اما اگر توضیحات اضافی و طولانی در مورد فعالیت سایت هست صفحه اصلی شما هر چقدر حجم بیشتری داشته باشه قطعا سرعت بارگزاری پایین میاد که رو سئو هم تاثیر میزاره ، پیشنهاد میکنم صفحه اصلی رو خیلی شلوغ نکنید و برای سایتتون یک صفحه درباره ما بسازید و فعالیت سایت رو در این برگه شرح بدین.
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
خورشید باش که اگر خواستی بر کسی نتابی نتوانی.
پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Heart تبدیل وبلاگ به وب سایت Mohsen Omidvar 0 466 22-02-2017، 04:14 PM
آخرین ارسال: Mohsen Omidvar
  اولین قدم برای طراحی وبسایت Farzad 1 1,824 19-02-2017، 02:19 PM
آخرین ارسال: SaaRaa
  مطالب آموزشی در طراحی سایت SaaRaa 4 1,024 20-12-2016، 12:28 PM
آخرین ارسال: SaaRaa
  مناسب ترین فونت در طراحی وب سایت چیست ؟ sitecode 1 667 12-12-2016، 02:26 PM
آخرین ارسال: SaaRaa
  قانون گشتالت در طراحی سایت asgharji 0 662 04-09-2016، 03:50 PM
آخرین ارسال: asgharji
  درخواست معرفی هاستینگ sarahd 1 689 14-08-2016، 11:36 AM
آخرین ارسال: Mohsen Omidvar
  ۵ مورد از متداول ترین اشتباهات در طراحی وب سایت diaraweb 0 670 25-06-2016، 12:28 PM
آخرین ارسال: diaraweb

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان