wp custom field.png
wp custom field.png

[এই পোষ্টটি শুদু ওয়েব ডিজাইনার এবং ডেভলপারদের জন্য]

আসসালামু আলাইকুম, কেমন আছেন সবাই? আশা করি ভাল আছেন? আমিও আল্লাহ এর রহমতে এবং আপনাদের দোয়াতে ভাল আছি। আজ আপনাদের দেখাব কিভাবে Custom-Metaboxes কাষ্টম ফিল্ডে ব্যবহার করতে হয়।

০১। ফাইলটি Custom-Metaboxes-and-Fields-for-WordPress-master ডাউনলোড করুন।

০২। আপনার থিম অপশনে inc নামের ফোল্ডারের ভিতরে cmb ফোল্ডারে ফাইলটি Extract করুন। (যদি inc এবং cmb নামের ফোল্ডার না থাকে তাহলে তৈরী করুন।)

০৩। আপনার থিমের functions.php ফাইলটি ওপেন করুন।

০৪। একদম নিচে ?> ট্যাগের উপরে কোডটি পেষ্ট করুন

add_action( 'init', 'be_initialize_cmb_meta_boxes', 9999 );
function be_initialize_cmb_meta_boxes() {
    if ( !class_exists( 'cmb_Meta_Box' ) ) {
        require_once( 'inc/cmb/init.php' );
    }
}

 

 

০৫। লক্ষণীয় বিষয় আপনি যদি inc>cmb নামে ফোল্ডার না করে অন্য নামে ফোল্ডার করে থাকেন তাহলে উপরের কোড গুলোতে দেখুন ‘inc/cmb/init.php একটি কোড আছে সেখানে আপনার init.php ফাইলের লোকেশন দেখিয়ে দিন। [বি: দ্র: এখানে extensions সহ দিতে হবে যেমন: সঠিক= init.php, ভুল= init ইত্যাদি।

০৬। এবারে আপনার cmb ফোল্ডারে একটি example-functions.php নামের পেজ আছে আপনি চাইলে এটাও ব্যবহার করতে পারেন, অথবা functions.php ফাইলেও কোডিং করতে পারেন, যদি example-functions.php ফাইল ব্যবহার করতে চান তাহলে example-functions ফাইলটি functions.php ফাইলের ভিতরে example-functions.php টি include করতে হবে, include করার জন্য

include_once('inc/cmb/example-functions.php');

 

 

কোডটি ব্যবহার করতে পারেন অবশ্যই inc/cmb/example-functions.php লোকেশন ঠিক আছে কিনা চেক করবেন।

০৭। example-functions.php যদি ব্যবহার করেন তাহলে সেখান থেকে এডিট করা শরু করুন। অথবা এই কোডও ব্যবহার করতে পারেন

function be_sample_metaboxes( $meta_boxes ) {
$meta_boxes['test_metabox'] = array(
'id' => 'test_metabox',
'title' => 'Test Metabox',
'pages' => array('service-items'), // post type
'context' => 'normal',
'priority' => 'high',
'show_names' => true, // Show field names on the left
'fields' => array(
array(
'name' => 'Icon',
'desc' => 'field description (optional)',
'id' => 'service_icon',
'type' => 'text'
),
),
);

return $meta_boxes;
}
add_filter( 'cmb_meta_boxes', 'be_sample_metaboxes' );

০৮। উপরের কোড থেকে আপনার যা যা এডিট করা প্রয়োজনঃ-

ক) be_sample_metaboxes: চাইলে আপনি নামটি পরিবর্তন করে দিতে পারেন, যদি পরিবর্তন করেন তাহলে নিচে add_filter এ একই নাম দিবেন।

খ) test_metabox: পরিবর্তন করে আপনার নিজের মত নাম দিন [বি: দ্র: লেখার মাঝে কোন ফাঁকা ব্যবহার করা যাবে না]।

গ) Title: আপনার প্রয়োজন মত নাম দিন।

ঘ) pages: service-items দেয়া আছে, আপনি কোন পোষ্টে দেখাতে চান সেই পোষ্টের নাম লিখুন যেমনঃ পোষ্ট অপশনে হলে শুধু post, পেজ অপশনে হলে page, কাষ্টম পোষ্টে দেখাতে চাইলে ঐ কাষ্টম পোষ্ট যে নামে রেজিষ্ট্রার করেছেন সেই নাম দিন যেমন: service-items

ঙ) Name: এখানে icon দেয়া আছে, আপনি ইউজারের সামনে কি নাম শো করাতে চান তা লিখুন।

চ) desc: এখানে ডিসক্রিপশন দিন।

ছ) id: এখানে service_icon দেয়া আছে, আপনি আইকন বা যেকোন অপশন ডায়নামিক করার জন্য যে শোটকোর্ড রেজিষ্ট্রার করেছেন তা এখানে লিখুন।

জ) type: এখানে text দেয়া আছে, আপনার প্রয়োজন মত পরিবর্তন করে নিন।

এবার দেখুন আপনার দেয়া পোষ্ট অপশনে ঐ কাষ্টম ফিল্ড শো করেছে, এবং আপনার প্রয়োজন মত আইকনের নাম লিখুন, তাহলেই দেখতে পাবেন সেই আইকন শো করতেছে।

আপনি যদি কাষ্টম ফিল্ডে আরো একাদিক অপশন যোগ করতে চান তাহেল আপনি শুদু এই কোডটুকু কপি করে ব্যবহার করুন

array(
'name' => 'Icon',
'desc' => 'field description (optional)',
'id' => 'service_icon',
'type' => 'text'
),

ভাল লাগলে কমেন্টে জানাতে ভুলবেনা…

ভুলে ভরা জীবনে ভুল হওয়াটা অসম্ভব কিছু নয়,যদি আমার লেখার মাঝে কোন ভুল-ত্রুটি থাকে ক্ষমার দৃষ্টিতে দেখবেন। ধন্যবাদ সবাই ভাল থাকবেন।

ট্যাগ: Custom-Metaboxes প্লাগিন custom fields, ওয়ার্ডপ্রেস, থিম অপশন, পোষ্ট অপশন, Font Awosame