ওয়ার্ডপ্রেসে ড্যাশআইকনের ব্যবহার

ওয়ার্ডপ্রেসে ড্যাশআইকনের ব্যবহার
By নাদীম চৌধুরী on Saturday, July 26, 2014 at 10:40am

বন্ধুরা আমরা ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট করার সময় প্রয়োজনমত কাস্টম পোস্ট রেজিস্টার করে থাকি । তবে খেলায় করে দেখবেন ওয়ার্ডপ্রেস এডমিনে কাস্টম পোস্টের একটা ডিফল্ট আইকন (  পিন আইকন )  চলে আসে । যদিও আমরা নিজেদের কাস্টম আইকন দিতে পারি কিন্তু ড্যাশআইকন ব্যবহার করে ওয়ার্ডপ্রেসের নিজস্ব  প্রায় ২০০ টি আইকন খুব সহজেই ব্যবহার করা যায় । তাহলে আসুন জেনে নেই কিভাবে আমরা ওয়ার্ডপ্রেস ড্যাশআইকন ব্যবহার করবোঃ

প্রথমে নিচের লিঙ্ক থেকে ফাইলটি ডাউনলোড করে নিনঃ
লিঙ্কঃ https://github.com/melchoyce/dashicons

অথবা , ডাইরেক্ট ওয়েবসাইট লিঙ্কঃ http://melchoyce.github.io/dashicons/

ওয়েবসাইটটি ভিসিট করলে দেখবেন ওয়ার্ডপ্রেসের নিজস্ব সবগুলো আইকন লিস্ট আকারে দেয়া আছে। আপনার যে আইকন পছন্দ বা কাস্টম পোস্টের সাথে মানানসই সেটা মাউস দিয়ে সিলেক্ট করুন ।  সিলেক্ট করার পর দেখবেন ওয়েবসাইটের উপরে আইকনের নাম শো করছে। যেমন ধরুন আপনি যদি ভিডিও আইকন সিলেক্ট করেন তাহলে ওয়েবসাইটের উপরে নাম শো করবে 'dashicons-video-alt2'। নামটি কপি করুন এবং 'functions.php' তে  'custom post' এর  কোডের সাথে যুক্ত করে দিন ঠিক এভাবে ---

register_post_type( 'video',
    array(
        'labels' => array(
            'name'             => __( 'Videos' ),
            'singular_name' => __( 'Videos' ),
            'add_new_item'     => __( 'Add New Video' )
        ),
        'public'             => true,
        'supports'             => array('title', 'editor'),
        'menu_icon'         => 'dashicons-video-alt2',  /* For Dashicons Menu */
        'has_archive'         => true,
        'rewrite'             => true
    )
);

// just use this icon after dashicons-            from   http://www.kevinleary.net/wordpress-dashicons-list-custom-post-type-icons/
এখন 'functions.php'ফাইল সেভ করে এডমিন মেনুতে দেখুন, কাস্টম পোস্টের আইকন পরিবর্তন হয়ে গেছে । বেশ সহজ তাই না !!!

আরও একটা ব্যাপার জেনে রাখা ভালো  ওয়ার্ডপ্রেস ড্যাশআইকন যে শুধু কাস্টম পোস্টের আইকন পরিবর্তনের জন্য ব্যবহার করা যায় তা নয় বরং প্লুগিন্সের ডিফল্ট সেটিং আইকন ও পরিবর্তন করা যায় । ধরুন আপনি গুগল ম্যাপের প্লুগিন্স তৈরি করেছেন তাহলে আপনার প্লুগিন্সের জন্য মানানসই ড্যাশআইকন হবে 'dashicons-location-alt'। প্লুগিন্স মেনু রেজিস্টার করার কোডটি হবে ঠিক এরকম ---

function my_gmaps_add_settings_page() {
    add_menu_page( __( 'Google Map Settings' ), __( 'Google Map' ), 'manage_options', 'my_gmap_settings', 'my_gmaps_settings_page','dashicons-location-alt');
}
add_action( 'admin_menu', 'my_gmaps_add_settings_page' );

তাহলে তো হয়েই গেল... এখন থেকে ওয়ার্ডপ্রেসের স্টাইলিশ আইকনগুলো দিতে আর ঝামেলা পোহাতে হবেনা আশা করি ।

( বিঃ দ্রঃ ওয়ার্ডপ্রেস ড্যাশআইকন দিয়ে শুধুমাত্র ওয়ার্ডপ্রেস ডিরেক্টরির প্রায় ২০০ টি আইকন ব্যবহার করতে পারবেন । এর বাইরে আইকন ব্যবহার করতে চাইলে আপনার থিম ডিরেক্টরি থেকে পছন্দের আইকন কল করতে হবে । বিস্তারিত জানতে রাসেল ভাই এর টিউটোরিয়াল দেখুন অথবা গুগল থেকে জেনে নিতে পারেন । )