+- انجمن های تخصصی علوم رایانه و هنرهای دیجیتال (https://www.forum.cgaria.com)
+-- انجمن: رایانه (https://www.forum.cgaria.com/forum-236.html)
+--- انجمن: برنامه نویسی | طراحی وب (https://www.forum.cgaria.com/forum-22.html)
+---- انجمن: طراحی صفحات وب (https://www.forum.cgaria.com/forum-27.html)
+----- انجمن: مباحث دیگر طراحی وب سایت (https://www.forum.cgaria.com/forum-72.html)
+----- موضوع: آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن (/thread-562.html)
آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن - Mohsen Omidvar - 26-03-2014
در این تاپیک از انجمن تخصصی علوم کامپیوتر و هنرهای دیجیتال سه سایت بسیار جالب در زمینه ساخت فاوآیکون 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 به این صورت :
کد:
<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 آماده برای سایت :
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*
RE: آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن - lidakushki - 30-05-2017
سلام مممنون از انجمن خوب و پر محتوای شما .
من یک سواالی ذارم آیا گذاشتن متنی درباره سایت توی فوتر و صفحه اصلیمون مثل سایت دیجیکالا و یا یه سایت دیگه ای مثل گل فروشی رضوان و یا جاگذاری کلید واژه ها در فوتر و لینک گذاری اونها توی seo سایت تاثیر داره یعنی امکانش هست که نه تنها توی seo تاثیر نداشته باشه بلکه بارگذاری سایت هم به تاخیر بندازه؟
ممنونم از شما اگر زود تر پاسخ من رو بدین چون من یه سایتی ساختم درباره قاب گرافیکی اینم ادرسشه .. *شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید* به نظرتون خوبه که این حرکت روش پیاده کنم؟
RE: آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن - Mohsen Omidvar - 30-05-2017
بهتر بود برای سوالتون تاپیک جدید ایجاد می کردین چون سوال شما با موضوع این تاپیک مرتبط نیست.
اگر فقط کلیدواژه و توضیحات باشه و مرتبط با فعالیت سایت باشه باعث بهبود سئو میشه اما اگر توضیحات اضافی و طولانی در مورد فعالیت سایت هست صفحه اصلی شما هر چقدر حجم بیشتری داشته باشه قطعا سرعت بارگزاری پایین میاد که رو سئو هم تاثیر میزاره ، پیشنهاد میکنم صفحه اصلی رو خیلی شلوغ نکنید و برای سایتتون یک صفحه درباره ما بسازید و فعالیت سایت رو در این برگه شرح بدین.
RE: آموزش ساخت و قراردان فاوآیکون favicon در سایت و معرفی سه سایت برای ساخت فاوآیکن - Mohsen Omidvar - 12-06-2018
طراحی سایت و اپلیکیشن فروشگاهی مشابه دیجیکالا :
*شما قادر به دیدن لینک ها نیستید ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید*