آموزش تغییر آیکون های پیشفرض پیشخوان وردپرس با افزونه CPT Custom Icon

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0٫00 از 5)
بارگذاری...

با سلام

آیا تا کنون فکر کرده اید که چگونه می توانید آیکون های سفارشی را برای انواع پست سفارشی در وردپرس اضافه کنید؟ما در این آموزش نشان میدهیم که چگونه  آیکون را برای انواع پست سفارشی در وردپرس اضافه کنید.از ورژن وردپرس ۳٫۸ به بعد از آیکون فونت Dashicons استفاده میکنند.به وسیله این آیکون میتوانید فونت دستگاه خود را براساس اندازه صفحه نمایش خود تغییر بدهید.همچنین میتوانید این آیکون ها را برای انواع پست های سفارشی اختصاص بدهید.

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

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

choosing-custom-post-type-icon

اضافه کردن آیکون ها با استفاده از نوع پست سفارشی وافزونه CPT UI

اگر یک نوع پست سفارشی تازه ثبت کرده اید، توصیه می کنیم که برای ایجاد و مدیریت انواع پست سفارشی و طبقه بندی از افزونه CPT UI استفاده کنید.اضافه کردن یک آیکون به انواع پست سفارشی و ایجاد افزونه CPT UI بسیار آسان است.پشتیبانی از Dashicons به طور پیش فرض ابتدا بازدید از وب سایت و  Dashicons و آیکونی که میخواهید بسته به نوع پست استفاده شود انتخاب کنید.

select-dash-icon-class

بر روی آیکون که در لیستی از نسخه بالا نمایش داده میشود کلیک کنید. در کنار آن آیکون کلاس css میبینید.چیزی شبیه به گروه dashicons ,تقویم dashicons ,سبد خرید dashicons و همچنین به کپی کلاس css , ویرایش و نوع پست سفارشی و ویرایش افزونه CPT UI نیاز دارید.بر روی گزینه های پیشرفته و پایین حرکت دادن بخش منوی آیکون کلیک کنید بعد کلاس css را جایگذاری و تغییرات را ذخیره کنید.

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

adding-font-icon-cpt-ui

همچنین می توانیدیک تصویر برای آیکون خود با کلیک کردن روی گزینه رسانه ها آپلود کنید . پس از آپلود بر روی ویرایش لینک کلیک و آدرس فایل تصویری را کپی کنید.بعد به سادگی  آدرس را در منوی آیکون UI CPT تنظیم کنید.

 اضافه کردن آیکون نوع پست سفارشی به صورت دستی

 

اگر میخواهید یک نوع پست سفارشی و یا قرار دادن یک کد در افزونه و یا فایل functions.php file  و یا سایت خاص ایجاد کنید.میتوانید آیکون های منوی دستی ایجادکنید. یک بار دیگر به سادگی از وب سایت Dashicons بازدید کنید.یک نماد و کپی کلاس css انتخاب کنید. بعد از آن کد پست سفارشی را مثل این اضافه کنید:

</p>

<pre>'menu_icon'           => 'dashicons-cart',</pre>
<p style="text-align: justify;">

همچنین می توانید آدرس کامل از یک فایل تصویری که می خواهید به عنوان نماد نمایش داده شود، مثل این اضافه کنید:

</p>

<pre>'menu_icon'           => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',</pre>
<p style="text-align: justify;">

در اینجا یک قطعه کد کامل که باعث ایجاد یک نوع پست سفارشی به نام محصولات با آیکون منوی میباشد نشان میدهیم:

</p>

<pre>// Register Custom Post Type
function custom_post_type() {

	$labels = array(
		'name'                => _x( 'products', 'Post Type General Name', 'text_domain' ),
		'singular_name'       => _x( 'Product', 'Post Type Singular Name', 'text_domain' ),
		'menu_name'           => __( 'Products', 'text_domain' ),
		'parent_item_colon'   => __( 'Parent Item:', 'text_domain' ),
		'all_items'           => __( 'All Items', 'text_domain' ),
		'view_item'           => __( 'View Item', 'text_domain' ),
		'add_new_item'        => __( 'Add New Item', 'text_domain' ),
		'add_new'             => __( 'Add New', 'text_domain' ),
		'edit_item'           => __( 'Edit Item', 'text_domain' ),
		'update_item'         => __( 'Update Item', 'text_domain' ),
		'search_items'        => __( 'Search Item', 'text_domain' ),
		'not_found'           => __( 'Not found', 'text_domain' ),
		'not_found_in_trash'  => __( 'Not found in Trash', 'text_domain' ),
	);
	$args = array(
		'label'               => __( 'Products', 'text_domain' ),
		'description'         => __( 'Post Type Description', 'text_domain' ),
		'labels'              => $labels,
		'supports'            => array( ),
		'taxonomies'          => array( 'category', 'post_tag' ),
		'hierarchical'        => false,
		'public'              => true,
		'show_ui'             => true,
		'show_in_menu'        => true,
		'show_in_nav_menus'   => true,
		'show_in_admin_bar'   => true,
		'menu_position'       => 5,
		'menu_icon'           => 'dashicons-cart',
		'can_export'          => true,
		'has_archive'         => true,
		'exclude_from_search' => false,
		'publicly_queryable'  => true,
		'capability_type'     => 'page',
	);
	register_post_type( 'Products', $args );

}

// Hook into the 'init' action
add_action( 'init', 'custom_post_type', 0 );</pre>
<p style="text-align: justify;">

ما امیدواریم که در این مقاله تغییر و اضافه کردن آیکون برای انواع پست سفارشی را در وردپرس کمک بیشتری کرده باشیم.

موفق باشید.

در ادامه بخوانید:  آموزش اضافه کردن تقویم گوگل (Google Calendar) به وردپرس

دانلود افزونه cpt-custom-icon

اطلاعات بیشتر



درباره نویسنده



تیم بروزرسانی
( عضو از 1 سال قبل )
  • 169 نوشته
  • 25736 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
مدیر بخش بروزرسانی و ترجمه محصولات

نظرات کاربران

ثبت دیدگاه

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

دیدگاهتان را بنویسید

مطالب مرتبط



دسته بندی مطالب

آخرین آپدیت محصولات

همکار ما شوید

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

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