آموزش وردپرس

2 مرحله آموزش افزودن آیکون به پست تایپ وردپرس

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

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

آیا هرگز تعجب کرده اید که چگونه می توانید نمادهای سفارشی را به انواع پست های سفارشی WordPress خود اضافه کنید؟

در این بخش از آموزش سئو شو به شما نشان خواهیم داد که چگونه می توانید آیکون ها را به پست تایپ کردن وردپرس اضافه کنید.

WordPress از WordPress 3.8 با استفاده از یک قلم آیکون به نام Dashicons استفاده می کند.

این نماد قلم از زیبایی هر دستگاه یا اندازه صفحه ای برخوردار است.

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

نمادی را به پست تایپ کردن وردپرس اضافه کنید.
اولین قدم نصب افزونه CPT Custom Icon است.

در ادامه مطلب توضیخات کامل تری داده خواهد شد. با سئو شو همراه باشید.

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

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

افزودن آیکون به پست تایپ وردپرس | | اولین گام، نصب و راه‌اندازی افزونه CPT Custom Icon است. بعد از فعال‌سازی، به مسیر تنظیمات » CPT Custom Icon Settings بروید. در آنجا لیست انواع پست‌های سفارشی خود را خواهید دید. سپس روی دکمه ‘Choose icon’ برای انتخاب نوع فونت کلیک کنید.

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

با کلیک بر روی یک آیکون در لیست، نسخه بزرگ‌تری از آیکون‌ها در بالا نمایش داده می‌شود. همچنین در کنار آن می‌توانید آیکون کلاس css را مشاهده کنید. شما باید سی اس اس را کپی و پست تایپ سفارشی را که می‌خواهید در CPT UI ویرایش شود را، ویرایش کنید. برای این کار روی لینک Advanced Options کلیک، و در پایین قسمت آیکون منو سی اس اس را در آن جایگذاری کرده و سپس تغییرات را ذخیره کنید.

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

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

اضافه کردن آیکون به CPT بدون افزونه

افزودن آیکون به پست تایپ وردپرس | اگر پست تایپ سفارشی را با قرار دادن یک کد در افزونه و یا با فایل 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 );

موفق باشید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام سئو شو عضو شوید.

آموزش کامل وردپرساین آموزش قسمتی از آموزش قدم به قدم وردپرس هست. شما می‌توانید در دوره آموزش کامل وردپرس شرکت کنید و کار با وردپرس را بصورت ویدیویی یاد بگیرید.

پکیج آموزش کامل وردپرس

نمایش بیشتر

امیرحسین شمس

امیر حسین شمس | هم اکنون در زمینه های مختلفی چون طراحی سایت ، بهینه سازی سایت ، سئو (SEO) ، امنیت سایت ، آموزش طراحی سایت ، دیجیتال مارکتینگ ، سئو و مشاوره‌ کسب و کارهای اینترنتی فعالیت دارم. از سال 1385 تحصیلات خود را در زمینه ی علوم کامپیوتر شروع کرده و دوره های هوش مصنوعی ، شبکه های عصبی ، منطق فازی ، برنامه نویسی دات نت، طراحی سایت ، دیتابیس ، امنیت دیتابیس ، دیجیتال مارکتینگ، ایمیل مارکتینگ و سئو سایت را بصورت تخصصی گذرانده ام.

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
× چگونه می‌توانم به شما کمک کنم؟