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

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

تغییر آیکون منوهای پیشخوان وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان CPT Custom Icon در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از 1.000 نصب فعال و کسب امتیاز 4.8 را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا آیکون انواع پست تایپ سفارشی و پست تایپ پیشفرض موجود در وردپرس را به دلخواه خود تغییر دهید.

پیشنهاد بعدی  نقد و بررسی مطالب وردپرس با WP Review

نصب و فعال سازی

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

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

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

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

'menu_icon' => 'dashicons-cart',

در صورتی که قصد دارید تا از یک تصویر دلخوه برای این کار استفاده کنید نیز قادر خواهید بود تا به جای dashicons-cart آدرس تصویر و آیکون مورد نظر خود را در کد بالا وارد کنید. تا آیکون مربوط به منوی مورد نظر شما تغییر یابد.

پیشنهاد بعدی  افزایش سرعت وردپرس با WP Fastest Cache

در زیر نمونه‌ای از یک پست تایپ سفارشی ایجاد شده را می‌توانید در سایت خود اعمال کنید که در آن از آیکون دلخواه استفاده شده است.

// 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 );

شاد باشید..

لینک های ضمیمه دانلود افزونه
امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته
Loading...