Wordpress এ SMOF install & use

Wordpress এ SMOF ( Slightly modified options framework ) install এবং এর ব্যবহার করুন সহজে:

Step.1
----------------------
এই লিঙ্ক   ( https://github.com/syamilmj/Options-Framework )  থেকে SMOF download করে  আপনার theme directiry তে  option-framework নামে একটি folder তৈরি করে , তার ভিতরে SMOF এর  সকল content কপি করে  paste করুন .

Step.2
----------------------
SMOFএর  Admin and Images folder দুইটি  cut করে  theme directiry তে    paste করুন

Step.3
----------------------
আপনার functions.php তে  SMOF এর  index.php কে call করতে হবেঃ include_once('admin/index.php'); এই কোডটি  functions.php তে add করার মাধ্যমে

Step.4
----------------------
header.php তে   wp_head  এর মাঝে  global $data; নিতে হবে ।
 <?php
 global $data;
 wp_head(); ?>

 নোটঃ এরপর Dashboard এ গেলে appearance এ Theme Options নামে নতুন  option দেখবেন ।

Step.5
----------------------
admin folder এর ভিতর  functions folder এ functions.options.php file এ গিয়ে  Media Uploader 3.5 বা  অন্য কোন  array কে  কপি  করে  নিচের মত edit করতে হবেঃ
$of_options[] = array( "name" => "Phone Numbers", এই name টি theme options এ show করবে
                       "desc" => "Insert phone number here", এই desc টি theme options এ show করবে
                         "id" => "phone_number", এই ID টি  আপনার নির্দিষ্ট লোকেশনে কল করার php কোডে ID স্থলে লাগবে
                        // Use the shortcodes [site_url] or [site_url_secure] for setting default URLs এই কমেন্টটি কেটে দেন
                        "std" => "0535 954 74 54", এই std টি theme options এ placeholder এর মত show করবে
                       "type" => "text" এই type টি প্রয়োজন অনুযায়ী ভিন্ন হবে যেমনঃ text,upload,media,slider ইত্যাদি
        );
 নোটঃ   name, desc, std এর  value প্রয়োজন অনুযায়ী ইচ্ছামত দেয়া যাবে  আবার খালি রাখা যাবে।

Step.6
----------------------
edit করার পর dashboard refresh না করে  "Options reset" button ক্লিক করতে  হবে । তাহলে  Phone number এ "std" value হিসেবে দেয়া number টা আসবে ।


Step.7
----------------------
header.php file এ  ফোন নাম্বার ( যেমনঃ 005 657 384 85) এর স্থলে <?php echo do_shortcode(stripslashes($data['phone_number'])); ?> কোডটি   লিখতে হবে । নোটঃ ['phone_number'] হল  functions.options.php তে ব্যবহার করা id নাম্বার ।

Step.8
----------------------
আনার কাজ শেষ এবার dashboard গিয়ে আপনার প্রয়োজনীয় number বা যেই text দরকার  সেইটা লিখে save all change ক্লিক করুন
এবার refresh করুন দেখুন আপনার  কাজ হয়ে গেছে

বিশেষ নোটঃ functions.options.php file এ গিয়ে নিচের array টি কেটে দিন এটার প্রয়োজন নাই
----------------------
$of_options[] = array(  "name" => "Hello there!",
            "desc" => "",
            "id"   => "introduction",
            "std"  => "<h3 style=\"margin: 0 0 10px;\">Welcome to the Options Framework demo.</h3>
            This is a slightly modified version of the original options framework by Devin Price with a                         couple of aesthetical improvements on the interface and some cool additional features. If you want to learn how to      setup these options or just need general help on using it feel free to visit my blog at <a      href=\"http://aquagraphite.com/2011/09/29/slightly-modded-options-framework/\">AquaGraphite.com</a>",
            "icon"  => true,
            "type"  => "info"
        );


## নতুন  section create করাঃ
------------------------
ধরা যাক আমরা  template এর slider এর জন্য আলাদা section করতে চাই , সেক্ষেত্রে functions.options.php ফাইলে
 $of_options[] = array( "name" => "General Settings",
                        "type" => "heading"
                 );
array টি কপি  করে এর ঠিক উপরে paste করুন এরপর  edit করতে হবে নিচের মত করে
$of_options[] = array( "name" => "Another Settings", আপনার ইচ্ছামত নাম দিতে পারবেন
                       "type" => "heading"
                );
নোটঃ  Theme options এ নতুন  section  "Another Settings" নামে আসবে ।
এবার  "Another Settings" এর  ঠিক নিচে
$of_options[] = array( "name" => "your name",
                       "desc" => "Insert your description here",
                       "id" => "your_id",
                       "std" => "",
                       "type" => "text"
                );
আগের মত   array  নিতে   হবে এবং আগের  মত করে  এডিট  করতে হবে ,
 তারপর dashboard  এ  refresh না করে  Option Reset করলে  Another Settings এর অধীনে  কাংখিত option আসবে  , সেখানে আগের    নিয়মে data change করতে পারবেন।

 উপরোক্ত নিয়মে আপনি আপনার প্রয়োজন মত কাজ করতে পারবেন।

 ## Wordpress এ SMOF ( Slightly modified options framework ) দিয়ে logo dynamic করার পদ্ধতি
 ------------------------------------------------------------------------------------
Step.1
----------------------
functions.options.php file এ গিয়ে       নিচের মত array কে   edit করতে হবেঃ
$of_options[] = array( "name" => "Logo upload", এই name টি theme options এ show করবে
                       "desc" => "upload your logo here", এই desc টি theme options এ show করবে
                       "id" => "logo_upload", এই ID টি  আপনার নির্দিষ্ট লোকেশনে কল করার php কোডে ID স্থলে লাগবে
                       "std" => "logo image link", এই std টিতে logo image link দিতে হবে
                       "type" => "upload" এই type টি প্রয়োজন অনুযায়ী ভিন্ন হবে যেমনঃ text,upload,media,slider ইত্যাদি
                );
 নোটঃ   logo image link পাওয়ার জন্য  logo image টিকে আপনার dashboard এ  গিয়ে media > add new > select file গিয়ে আপনার  logo image টি upload করুন   এবার edit এ গেলে আপনি image URL টি পাবেন


Step.2
----------------------
edit করার পর dashboard refresh না করে  "Options reset" button ক্লিক করতে  হবে । তাহলে  Logo upload = "std" value হিসেবে দেয়া logo image link টা আসবে ।


Step.3
----------------------
header.php file এ  logo image src এর ভিতর  <?php echo do_shortcode(stripslashes($data['logo_upload'])); ?> কোডটি   লিখতে হবে । নোটঃ ['logo_upload'] হল  functions.options.php তে ব্যবহার করা id .

Step.4
----------------------
আনার কাজ শেষ এবার dashboard গিয়ে আপনার প্রয়োজনীয় logo image দরকার  সেইটা upload করে  save all change ক্লিক করুন
এবার refresh করুন দেখুন আপনার  কাজ হয়ে গেছে
নোটঃ logo image এর size আপনার থিমের logo image size এর সমান  হবে।

 ধন্যবাদ কোনো পরামর্শ থাকলে অবশ্যই জানাবেন......  be the Cr@zy Coder