تا کنون فکرکردیدکه چگونه می توانید آیکون های سفارشی برای انواع پست سفارشی خود را در وردپرس اضافه کنید؟ اگر چنین است پس به سایت خوبی مراجعه کردید و ان را ترک نکنید تا بیگ تم شما را به چگونه انجام دادن این کار با استفاده از افزونه چگونه اضافه نمودن آیکون برای پستهای سفارشی در وردپرس که پلاگین وردپرس رایگان می باشد آشنا سازد این افزونه کاربردی وردپرس به صورت رایگان می باشد پس با ما باشید تا نحوه اضافه نمودن آیکون به پست تایب را آموزش بدیم
چگونه اضافه نمودن آیکون برای پستهای سفارشی
اضافه نمودن آیکون با استفاده از پلاگین :
برای انجام اینکار اولا افزونه CPT Custom Icon رو دانلود و فعال می نماییم بعد از انجام فعال سازی به قسمت داشبورد وردپرس خود رفته و در قسمت تنظیمات به گزینه جدید CPT Custom Icon رفته و بر روی آن کلیک می نماییم در آنجا شما انواع پست های سفارشی خود را مشاهده خواهید کرد در مرحله ی بعد بر روی دکمه Choose icon ( انتخاب آیکون ) کلیک نمایید و سپس فونت را از منو انتخاب نمایید
اضافه نمودن آیکون با استفاده از پلاگین Custom Post Type UI
برای انجام این کار همانند قبلی کار خود را با دانلود افزونه Custom Post Type UI و نصب و فعال سازیش شروع می نماییم این افزونه بسیار مناسب و عالی برای تازه کارها می باشد تا به راحتی پستهای خود را ایجاد و آیکون انتخاب نمایند برای انجام این کار ابتدا به وب سایت Dashicons در وردپرس مراجعه نمایید و آیکون مد نظر خود را انتخاب نمایید در قسمت بالای بزرگ شده ی ان نمایش داده می شود در کنار آن شما کلاس CSS آیکون را می بینید یعنی همون نامش که بعد ان را کپی نمایید و در بخش تنظیمات افزونه در قسمت Menu icon بچسبانید و ذخیره نمایید
دوستان شما می توانید بک تصویر ایکون خود را آپلود نمایید و با کلیک کردن بر روی رسانه » افزودن جدید و بعد از آپلود روی لینک ویرایش کلیک نمایید و URL را کپی و در Menu icon پیست نمایید
اضافه نمودن آیکون سفارشی به صورت دستی :
اگر نمی خواهید که آیکون را با استفاده از پلاگین اضافه نمایید می توانید با روش اضافه کردن دستی به فایل functions.php قسمت پست تایپ ها ان را اضافه نمایید پس یک بار دیگه به وب سایت Dashicons رفته و کلاس CSS را کپی نمایید و ان را شبیه به کد زیر اضافه کنید :
'menu_icon' => 'dashicons-cart',
شما همچنین می توانید URL کامل از یک فایل تصویری که می خواهید به عنوان آیکون استفاده کنید مانند این اضافه نمایید :
'menu_icon' => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',
امیدوارم که مطالب براتون مفید بوده باشه
منبع : بیگ تم
دیدگاهتان را بنویسید