تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

وردپرس , مقالات,آموزش,ترفند

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

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

 

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

 

فاوآیکون یا favicon چیست؟

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

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

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

 

افزودن favicon به وردپرس

برای اضافه کردن قاوآیکون در وردپرس چندین راه مختلف وجود داره که در این آموزش قصد دارم تا به معرفی همه روش‌های موجود بپردازم که عبارتند از:

  • افزودن فاوآیکون در وردپرس با استفاده از تنظیمات قالب
  • افزودن فاوآیکون در وردپرس با استفاده از کدنویسی
  • افزودن گراواتار به عنوان فاوآیکون در وردپرس

قبل از اینکه بخواهیم تا آیکون مورد نظر برای افزودن به وردپرس را انتخاب کنیم لازمه بدونید که فاوآیکونی که از اون استفاده می‌کنید باید در اندازه استاندارد طراحی شده باشد. بنابراین اگر لوگو سایت خودتون را طراحی کردید با استفاده از یک نرم‌افزار ویرایشگر تصاویر مثل فتوشاپ در سیستم عامل ویندوز و یا Gimp در سیستم عامل گنو/لینوکس لوگو مورد نظر خودتون را باز کرده و اونو با اندازه 16*16 پیکسل تغییر اندازه داده و با فرمت png. ذخیره کنید.

 

افزودن فاوآیکون به وردپرس از تنظیمات قالب

برای اضافه کردن favicon به وردپرس با استفاده از تنظیمات قالب وردپرس باید این امکان در تنظیمات قالب تعریف شده باشد. ممکنه تا امکان اضافه کردن قاوآیکون در قالب شما وجود نداشته باشه بنابراین اگر چنین نبود میتونید تا از روش کدنویسی استفاده کنید. برای این مورد ابتدا وارد پیشخوان وردپرس شده و سپس به مسیر نمایش> سفارشی سازی مراجعه کنید. بعد از اینکه صفحه سفارشی سازی برای شما باز شد مشابه تصویر زیر روی دکمه هویت سایت کلیک کنید تا وارد بخش مربوط به تغییر فاوآیکون در وردپرس شوید.

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

بعد از کلیک روی گزینه هویت سایت مشابه تصویر زیر با این صفحه مواجه خواهید شد، حالا کافیه تا از بخش انتخاب تصویر که در قسمت نمادک سایت قرار داره تصویر فاوآیکون دلخواه خودتون را که در اندازه 16*16 پیکسل آماده کردید را انتخاب کرده و آپلود کنید. در نهایت بعد از آپلود شدن فایل روی دکمه ذخیره کلیک کنید تا فاوایکون مورد نظر به سایت شما اضافه شود.

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

افزودن فاوآیکون به وردپرس با کدنویسی

در این روش باید از طریق کدنویسی اقدام به اضافه کردن فاوآیکون در وردپرس کنید. ابتدا وارد هاست خود شده و به مدیریت فایل هاست که با کلیک روی گزینه File Manager قابل دسترسی است مراجعه کنید.

آموزش قراردادن آیکون در کنار نام سایت در وردپرس

بعد از اینکه وارد محیط مدیریت فایل در هاست خود شدید به مسیر /public_html/wp-content/themes/ مراجعه کرده و سپس وارد پوشه قالبی که روی سایت شما فعال هستش مراجعه کنید. حالا در این مرحله با کلیک روی دکمه Upload که در بالای صفحه قرار دارد تصویر فاوآیکون خودتون را که با عنوان favicon.png ذخیره کردید در مسیر اصلی پوشه قالب آپلود کنید. سپس در همین مسیر به دنبال فایلی با نام header.php بگردید و بعد از یافتن فایل روی اون راست کلیک کرده و گزینه Edit را انتخاب کنید. با انتخاب این گزینه وارد صفحه ویرایش فایل خواهید شد که میتونید کدهای این فایل را تغییر دهید. حالا کافیه تا کد زیر را درست بین دو تگ <title></title> قرار داده و فایل را ذخیره کنید.

<link rel="shortcut icon" href="favicon.png"/>

با اضافه کردن قطعه کد بالا تصویر favicon.png به عنوان فاوآیکون صفحات در وردپرس انتخاب شده و در تمامی صفحات به نمایش در خواهد آمد.

 

افزودن گراواتار به عنوان فاوآیکون در وردپرس

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

 

برای اینکه این تصویر را به عنوان فاوآیکون در وردپرس انتخاب کنید کافیه تا قطعه کد زیر را در فایل فانکشن قالب خودتون قرار دهید. برای این منظور در همین حین که در مسیر پوشه قالب فعال در روی سایت خودتون که در مسیر /public_html/wp-content/themes/ قرار داره به دنبال فایلی با نام functions.php بگردید و سپس با راست کلیک کردن روی فایل و انتخاب گزینه Edit وارد محیط ویرایشگر فایل فانکشن قالب شده و کدهای زیر را در مکان مناسبی از اون قرار دهید.

function dcg_gravatar_favicon() {
    // Replace email here
    $GetEmailHash = md5(strtolower(trim('mail@yoursite.com')));
?>
<link rel="shortcut icon" href="<?php echo 'http://www.gravatar.com/avatar/' . $GetEmailHash . '?s=16;'; ?>" type="image/x-icon" />
<?php
}
add_action('wp_head', 'dcg_gravatar_favicon');

به جای mail@yoursite.com هم ایمیل خودتون را که برای اون تصویر گراواتار تعیین کردید را وارد کنید. حالا در این صورت تصویر گراواتار مورد نظر در اندازه 16*16 به عنوان فاوآیکون در سایت نمایش داده خواهد شد.

امیدوارم که این آموزش هم مورد توجه شما قرار گرفته باشه و با استفاده از اون تونسته باشید تا نسبت به افزودن favicon به وردپرس اقدام کنید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=50870
کلمات کلیدی پست :
مطالب مرتبط
4,088انتقال سایت وردپرس از سرور به لوکال هاست تاریخ : 2019/09/10
7,164پوسته مجله خبری Maxazine نسخه 1.0.2 برای وردپرس تاریخ : 2016/02/4
3,300چگونه زمینه های دلخواه وردپرس را شرطی کنیم؟ تاریخ : 2019/08/9
11,009حذف و بهینه سازی دیتابیس وردپرس با افزونه WP-Sweep تاریخ : 2017/04/30
6,035پخش آنلاین موزیک در وردپرس بدون افزونه تاریخ : 2017/11/29
11,718قالب میزبانی وب و خدمات اینترنتی ماهدیس برای وردپرس تاریخ : 2014/02/10
8,299پلاگین ارسال اس ام اس ملی پیامک برای وردپرس و ووکامرس تاریخ : 2018/01/25
9,277افزودن کپشن به تصاویر وردپرس با افزونه Image Caption Hover تاریخ : 2017/07/5
3,512افزایش سلامت سایت وردپرسی با چند روش ساده تاریخ : 2019/10/27
5,360نمایش آخرین ورود کاربر در وردپرس تاریخ : 2018/04/28
3,012آموزش قرار دادن لینک فقط برای اعضا در وردپرس تاریخ : 2019/05/14
9,892افزونه وردپرس مدیریت نقش کاربری و سطح دسترسی Members تاریخ : 2017/04/19
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات