تا به حال فکر به این فکر کرده اید که چگونه می توانید برای انواع پست های سفارشی خود در وردپرس، آی های سفارشی اضافه کنید؟ در این مقاله به شما نشان خواهیم داد که چطور می توانید این کار را انجام دهید. وردپرس با استفاده از یک فونت آی به نام Dashicons از وردپرس 3.8 آغاز شده است. این آی فونت نگاهی بزرگ به هر دستگاه یا اندازه صفحه نمایش دارد. شما می توانید از این آی ها برای پست تایپ های خود بعنوان آی اختصاصی سفارشی استفاده کنید.
اولین گام ، نصب و راه اندازی افزونه CPT Custom Icon است. بعد از فعالسازی، به مسیر تنظیمات » CPT Custom Icon Settings بروید. در آنجا لیست انواع پست های سفارشی خود را خواهید دید. سپس روی دکمه ‘Choose icon’ برای انتخاب نوع فونت کلیک کنید.
اگر به تازگی یک پست تایپ سفارشی ثبت کرده اید، به شما توصیه می کنیم، که از افزونه Custom Post Type UI برای ایجاد و مدیریت و طبقه بندی پست تایپ های سفارشی استفاده کنید. یک آی برای پست تایپ سفارشی به وسیله ی افزونه CPT UI ایجاد کنید. این افزونه بطور پیش فرض از Dashicons پشتیبانی می کند. بنابراین به وب سایت Dashicons رفته و آیی را که برای پست تایپ خود می خواهید انتخاب کنید.
با کلیک بر روی یک آی در لیست، نسخه بزرگتری از آی ها در بالا نمایش داده می شود. در کنار آن می توانید آی کلاس css را مشاهده کنید. شما باید سی اس اس را کپی و پست تایپ سفارشی را که می خواهید در CPT UI ویرایش شود را، ویرایش کنید. برای اینکار روی لینک Advanced Options کلیک و در پایین قسمت آی منو سی اس اس را در آن جایگذاری کرده و سپس تغییرات را ذخیره کنید.
برای آی می توانید تصویری مطابق میل خود انتخاب و آن را با کلیک کردن بر روی رسانه > بارگذاری آپلود کنید. بعد از آپلود بر روی لینک ویرایش کلیک و آدرس تصویر را کپی کنید. سپس آدرس را درفیلد آی منو در قسمت تنظیمات CPT UI جایگذاری کنید.
اگر پست تایپ سفارشی را با قرار دادن یک کد در افزونه و یا با فایل functions.php ایجاد کرده اید می توانید آی های منو را بطور دستی وارد کنید. یک بار دیگر به وب سایت Dashicons رفته و یک آی انتخاب و سی سی اس کلاس را کپی کنید. بعد از این، آن را در کد پست تایپ سفارشی اضافه کنید. مانند:
'menu_icon' => 'dashicons-cart',
همچنین می توانیدآدرس کامل از یک فایل تصویری را بعنوان نماد نمایش دهید. مانند:
'menu_icon' => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',
یک قطعه کد کامل که باعت ایجاد یک پست تایپ سفارشی به اسم محصولات به همراه یک منوی آی می شود:
// 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 );
منبع:
درباره این سایت