با سلام خدمت کاربران عزیز اکسیژن گروه طراحی Msina، با شما هستیم با مطالب آموزشی دیگر به نام آموزش و نحوه اضافه کردن Favicon در وردپرس. اول از همه در مورد Favicon صحبت کنیم که چی هستش؟ و به چه دردی میخوره؟! یک آیکون کوچک از لوگوی سایت شما را میتونه تشکیل بده که در کنار عنوان تمامی صفحات وردپرس نمایش داده شده و کاربران آن را مشاهده کنند. برای مثال Favicon وب سایت اکسیژن طراحی سایت Msina را در شکل زیر میبینید و ما به شما آموزش میدیم که چطور این Favicon را در وب سایت خودتون نیز قرار دهید. با ما باشید!
–
Favicon چیست؟
–
همان طور که در عکس بالا میبینید در کنار عنوان هر تب آیکونهایی قرار داره که هنگام مراجعه به سایت مورد نظر به ما نمایش داده میشوند و هر زمان که صفحهای را بوکمارک کنیم و یا بین انبوهی از تبهای باز شده در مرورگر قرار بگیریم با استفاده از فاوآیکون وردپرس به راحتی قادر خواهیم بود تا صفحه مورد نظر را باز کرده و مشاهده کنیم. حالا که با فاوآیکون آشنا شدید در ادامه به روشهای افزودن فاوآیکون به وردپرس میپردازم.
ایجاد یک لوگوی تجاری مناسب است تا کاربران، شما را با آن بشناسند و شما با این کار به وبسایت و فعالیت های خود هویت ببخشید.محل قرارگیری لوگو یا آیکون وب سایت را معمولا در سربرگ سایت خود قرار می دهید تا همگی با آن آشنا شوند. اما جای دیگری نیز وجود دارد که شما می توانید لوگوی خود را بگذارید آن هم در گوشه ی سمت چپ مرورگر است.
یعنی دقیقا جایی که با وارد کردن آدرس وبسایت لوگو به نمایش گذاشته می شود. لوگویی که در این قسمت قرار می گیرد “Favicon” نام دارد و به آن وردپرس favicon در وبسایت های وردپرسی می گوییم. البته لازم به ذکر است همون فوآیکون هم می گویند!(:
–
آموزش و نحوه افزودن favicon به وردپرس
–
برای قرار دادن Favicon در وردپرس چندین روش مختلف وجود داره که در این آموزش قصد دارم تا به معرفی همه روشهای موجود بپردازم که عبارتند از:
- افزودن Favicon در وردپرس با استفاده از تنظیمات قالب
- افزودن Favicon در وردپرس با استفاده از کدنویسی
- افزودن گراواتار به عنوان Favicon در وردپرس
قبل از این که آیکون مورد نظرمان طراحی یا انتخاب کنیم، لازمه بدونید که Favicon که از اون استفاده میکنید باید در اندازه استاندارد طراحی شده باشد. بنابراین اگر لوگو سایت خودتون را طراحی کردید با استفاده از یک نرمافزار ویرایشگر تصاویر مثل فتوشاپ Photoshop در سیستم عامل ویندوز و یا Gimp در سیستم عامل گنو/لینوکس لوگو مورد نظر خودتون را باز کرده و با اندازه دلخواه تغییر دهید. البته لازم به گفتن است که فقط پیشنهاد می شود حداقل اندازه ای که برای آن در نظر می گیرید ۵۱۲ px ( پیکسل ) باشد و همچنین به صورت مربعی در نظر گرفته شود.
–
قرار دادن لوگو برای وردپرس Favicon
–
برای اضافه کردن favicon به وردپرس با استفاده از تنظیمات قالب وردپرس باید این امکان در تنظیمات قالب تعریف شده باشد. ممکنه تا امکان اضافه کردن favicon در قالب شما وجود نداشته باشه بنابراین اگر چنین نبود میتونید تا از روش کدنویسی استفاده کنید. برای این مورد ابتدا وارد پیشخوان وردپرس شده و سپس به مسیر نمایش> سفارشی سازی مراجعه کنید طبق شکل زیر قسمت هویت سایت. بعد از اینکه صفحه سفارشی سازی برای شما باز شد مشابه تصویر زیر روی دکمه هویت سایت کلیک کنید تا وارد بخش مربوط به تغییر favicon در وردپرس شوید.
بعد از کلیک روی گزینه هویت سایت مشابه تصویر زیر با این صفحه مواجه خواهید شد، حالا کافیه تا از بخش انتخاب تصویر که در قسمت نمادک سایت قرار داره تصویر فاوآیکون دلخواه خودتون را که در اندازه 512*512 پیکسل آماده کردید را انتخاب کرده و آپلود کنید. در نهایت بعد از آپلود شدن فایل روی دکمه ذخیره کلیک کنید تا Favicon مورد نظر به سایت شما اضافه شود.
–
افزودن Favicon به وردپرس با کدنویسی
–
اما اگر نسخه ی وردپرس شما کمتر از ۴٫۳ بود چه کنید؟ آیکون مورد نظر را با عنوان Favicon.png در روت سایت (در هاست و در شاخه ی اصلی) بارگذاری کنید و سپس کد زیر را در Header.php قرار دهید:
<link rel="icon" href="http://yourwebsite.com/favicon.png" type="image/x-icon" /> <link rel="shortcut icon" href="http://yourwebsite.com/favicon.png" type="image/x-icon" />
همان طور که ملاحظه کردید به همین راحتی می توانید وردپرس favicon مورد نظر خود را در وردپرس اضافه کنید.
–
برای بیشتر بدانید!
–
اگر لوگوی مشخصی ندارید و به دنبال ساخت آن هستید و می خواهید آیکون دلخواه خود را بسازید می توانید از دو وبسایت iconfinder وFlaticon کمک بگیرید. یا میتوانید برای طراحی از طراحان اکسیژن گروه طراحی Msina کمک بگیرید!
–
جمع بندی و نتیجه گیری!
–
اگر می خواهید به کاربران خود کمک کنید تا در میان انبوه پنجره هایی که در مرورگرشان باز است، سایت شما را به راحتی پیدا کنند می توانید وردپرس favicon برای آنها بسازید. وردپرس در خود این امکان را دارد و می توانید فقط با چند کلیک ساده آیکون مورد نظر خود را ایجاد کنید. اکسیژن گروه طراحی Msina برای پاسخ دهی به مشکلات شما حاضر است. پرسش و پاسخ سایت ASK
ramazan
سلام از روش کدنویسی استفاده کنیم بهتر نیست؟
Msina
سلام کاربر گرامی، چون در نسخه های قدیمی وردپرس از تنظمیات قالب میسر نبود از کد استفاده می شد وگر نه فرقی نمی کند، موفق باشید.