روش استفاده و نمایش داشیکن های وردپرس برای متمایز کردن تم خود

یکی از ساده‌ترین راه‌ها برای تغییر ظاهر وب‌سایت وردپرس، تغییر قالب آن است. با این حال، جستجوی تم مناسب می‌تواند زمان زیادی طول بکشد، بنابراین تغییر مکرر آن برای تازه‌سازی سایت، کارآمدترین راه‌حل نیست.

این جایی است که Dashicon های وردپرس می توانند مفید باشند.

Dashicons آیکون‌های رسمی فونت وردپرس هستند که از نسخه 3.8 در دسترس هستند. آنها مقیاس پذیر، سبک وزن و با استفاده از CSS قابل تنظیم هستند. به همین دلیل، می توانید از Dashicon ها بدون تأثیرگذاری بر روی سایت خود استفاده کنید page سرعت بارگذاری

به خواندن ادامه دهید زیرا به شما نشان می دهیم که چگونه مجموعه نماد فونت Dashicons را در فضای وب سایت وردپرس خود فعال و استفاده کنید.

روش استفاده و نمایش Dashicon ها در وردپرس

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

در بخش های بعدی روش استفاده از کتابخانه Dashicons در وردپرس را به شما نشان خواهیم داد.

فعال کردن Dashicons روی سایت وردپرس

اولین گام برای فعال کردن Dashicons در وردپرس این است که قالب خود را ویرایش کنید functions.php فایل.

1. هدایت به ظاهر → ویرایشگر فایل تم روی منطقه مدیریت وردپرس شما

2. باز کن functions.php فایل.

3. قطعه کد زیر را در پایین صفحه اضافه کنید کارکرد فایل:

add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); 
function load_dashicons_front_end() { 
wp_enqueue_style( 'dashicons' ); 
}

4. پس از انجام، انتخاب کنید به روز رسانی فایل. اکنون می توانید از Dashicons استفاده کنید روی قسمت جلویی سایت وردپرس شما

یافتن کدهای Dashicon HTML و CSS

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

برای افزودن Dashicons به آیتم های منو مراحل زیر را دنبال کنید.

1. به کتابخانه نماد Dashicons دسترسی پیدا کنید روی را منابع توسعه دهنده وردپرس. کلیک روی نماد انتخابی خود را بزنید HTML را کپی کنید پیوند داده و کد HTML Dashicons را از پنجره بازشو کپی کنید.

2. رفتن به ظاهر → منوها از داشبورد وردپرس شما. کلیک روی آیتم منو برای گسترش منوی کشویی و چسباندن کد HTML در آن برچسب ناوبری جعبه متن قبل از متن

3. کلیک ذخیره منو. این مراحل را برای سایر موارد منو که می خواهید تغییر دهید دنبال کنید.

علاوه بر کد CSS، Dashicons همچنین کد HTML و کاراکتر Glyph آیکون های فونت خود را برای ساده سازی ساخت وب سایت شما ارائه می دهد. process. از تابع فیلتر برای پیدا کردن یک نماد فونت خاص استفاده کنید و کد مناسب را در هر کجای وب سایت وردپرس خود با استفاده از یک ویرایشگر متن کپی کنید.

به عنوان مثال، کد CSS را کپی کنید تا یک فونت نماد به آن اضافه شود style.css فایل. اگر آنچه را که ویرایشگر فایل تم ارائه می دهد دوست ندارید، می توانید از یک ویرایشگر CSS سفارشی برای تغییر فایل CSS خود استفاده کنید.

در اینجا چند روش مختلف برای استفاده از Dashicons در وردپرس آورده شده است:

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

ایجاد آیکون های سفارشی با Dashicons

پروژه Dashicons پذیرش درخواست‌های نماد را متوقف کرد 2020. بنابراین، تنها راه برای ایجاد یک نماد سفارشی، تغییر آن با استفاده از کد CSS است.

در اینجا نمونه ای از یک قطعه کد برای تغییر اندازه و تغییر رنگ Dashicons آورده شده است. آن را در خود قرار دهید style.css را فایل کنید و مطمئن شوید که انتخابگر CSS عنصر انتخابی شما را هدف قرار می دهد تا این روش کار کند.

.dashicons { 
font-size: 50px; 
width: 50px; 
height: 50px; 
color: blue;
}

افزودن Dashicon به انواع پست سفارشی وردپرس

انواع پست سفارشی وردپرس در منوی مدیریت ظاهر می شود. مانند سایر آیتم های منو، یک نوع پست سفارشی یک نماد در کنار آن دارد. تنها مشکل این است که وردپرس همان آیکون را اختصاص می دهد نوشته ها به صورت پیش فرض.

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

می توانید به صورت دستی یک نماد منو را در منوی نوع پست سفارشی خود جاسازی کنید یا با استفاده از یک افزونه این کار را انجام دهید. برای این آموزش، روش انجام این کار را با استفاده از UI نوع پست سفارشی افزونه:

1. افزونه را نصب و فعال کنید.

2. باز کن ویرایش انواع پست را برگه و نوع پست سفارشی را که می خواهید تغییر دهید از منوی کشویی انتخاب کنید. اگر هنوز یکی را ایجاد نکرده اید، این کار را از طریق افزودن نوع پست جدید برگه

3. به پایین اسکرول کنید تا زمانی که نماد منو بخش. کلیک داشیکن ها را انتخاب کنید و نمادی را انتخاب کنید که متناسب با نوع پست سفارشی باشد. اگر قبلاً تصویری آماده کرده اید، انتخاب کنید نماد تصویر را انتخاب کنید به import آن را از کتابخانه رسانه شما.

4. کلیک ذخیره نوع پست برای ذخیره تغییرات اگر process موفقیت آمیز است، یک پیام تأیید خواهید دید، و نماد باید در کنار نوع پست سفارشی ظاهر شود.

حذف Dashicon ها در وردپرس

اندازه فایل Dashicons فقط در حدود است 30 کیلوبایت. اگرچه بزرگ نیست، غیرفعال کردن بارگیری خودکار Dashicons هنگامی که از آن استفاده نمی کنید می تواند شما را بهبود بخشد. page سرعت بارگذاری

قطعه کد زیر را در پایین صفحه اضافه کنید functions.php فایل با استفاده از ویرایشگر فایل تم. Dashicon ها را از قسمت جلویی وب سایت شما برای کاربرانی که وارد سیستم شده اند غیرفعال می کند.

function disable_dashicon() {
	if (current_user_can( 'update_core' )) {
	    return;
	}
	wp_deregister_style('dashicons');
}
add_action( 'wp_enqueue_scripts', 'disable_dashicon' );

نتیجه

Dashicons یک ویژگی مفید است که شما را از اضافه کردن تصاویر غیر ضروری نجات می دهد. آیکون ها سبک هستند، به راحتی جاسازی می شوند و از وردپرس پشتیبانی می کنند. در حالی که برای استفاده در جلو نیست، می توانید با فعال کردن آن به صورت دستی با کدگذاری، آن را برطرف کنید.

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

اگر سؤال دیگری دارید، دریغ نکنید که در زیر نظر بگذارید.

سوالات متداول داشیکون وردپرس

به سوالات متداول زیر در مورد Dashicon های وردپرس نگاهی بیندازید.