তৈরী করুন আপনার নিজের ব্লগ ওয়ার্ডপ্রেস দিয়ে | টিউটোরিয়াল ৪ | মোবাইল ভার্সন


  • Mobile Version
    Mobile Version
  • Mobile Version 2
    Mobile Version 2
  • Mobile Version 3
    Mobile Version 3

আজকের পর্বে থাকছে কিভাবে m.yoursite.com বা mobi.yoursite.com বা এই জাতীয় সাবডোমেইন খুলতে পারবেন, যেগুলো আপনার সাইটকে মোবাইলের উপযোগী করে দেখাবে। ভিজিটর মোবাইল দিয়ে ভিজিট করলে অটো ভিজিটরকে মোবাইল ডোমেইনে ট্রান্সফার করার সিস্টেমও জানতে পারবেন আজকের এই টিউটোরিয়াল হতে। আসুন কাজ শুরু করে দেই-

ধাপ ১: প্রথমে সি প্যানেলে লগিন করুন। সেখান হতে Sub Domain মেনুটি সিলেক্ট করুন।

Mobile Version

Mobile Version

ধাপ ২: Subdomain এর ফিল্ডে আপনার সাবডোমেইনটি লিখুন। আমি শুধু m টাইপ করলাম এবং ডানে টপ লেভেল ডোমেইন নেমটি সিলেক্ট করে দিলাম। এর মানে আমার পুরো ডোমেইন নেমটি দাঁড়ালো m.earntips.net । এবার Document root ফিল্ডে আমাদের ওয়ার্ডপ্রেস সাইট্টি যেখানে ইন্সটল করা ছিলো সেটি দেখিয়ে দেই। অনেকে এক হোস্টে অনেকগুলো সাইট চালায় তাই তাদের ডকুমেন্ট রুটটি হবে তাদের ওয়ার্ডপ্রেস যে ফোল্ডারে ইন্সটল করা হয়েছে সেটি। আমার এখানে হোস্টের রুটেই ইন্সটল করা তাই public_html দিলাম। তারপরে Create বাটনে ক্লিক করুন। সাকসেস মেসেজ আসলে সেখান হতে Go Back বাটনে ক্লিক করবেন।

Mobile Version 2

Mobile Version 2

ধাপ ৩: এবার আপনার ওয়ার্ডপ্রেস সাইটে WordPress Mobile Pack প্লাগিনটি ইন্সটল করুন। তারপরে সেটি এক্টিভেট করুন।

ধাপ ৪: এবার আপনার ওয়ার্ডপ্রেস সাইটের Dashboard > Appearance > Mobile Switcher অপশনে যান। তারপরে সেখান হতে Switcher Mode টি আপনার মন মত চেঞ্জ করুন। আমি বলে দিচ্ছি কোন অপশনের মানে কি-

Browser detection: আপনি মোবাইল ব্রাউজার দিয়ে আপনার সাইট ভিজিট করলে এটি অটো আপনার মোবাইল ভার্সনে নিয়ে যাবে।

Domain mapping: এটি কাজ করবে তখন যদি আমরা সাব ডোমেইন ইউস করি মোবাইল সাইটের জন্য। যদিও সাবডোমেইন তৈরী না করেও মোবাইল ভার্সন করা যায় ওয়ার্ডপ্রেস সাইটটিকে তবুও আমি আপনাদের করে দেখাচ্ছি। বেশী সিস্টেম করা শিখলে তো আর ক্ষতি নেই।

Both: browser detection and domain mapping: এখানে উপরের দুটো সিস্টেমই এক সাথে কাজ করবে।

আমি এখান হতে Both: browser detection and domain mapping সিলেক্ট করলাম।

এবার আপনি মোবাইল থিম চয়েজ করেন একই পেজ হতে। অবশ্যই WordPress Mobile এই থিম গুলো চয়েজ করবেন। কারন অন্য গুলো যদি চয়েজ করেন তাহলে আমরা এতো পরিশ্রম করলাম কেন? মানে আপনি আপনার ডিফল্ট থিম চয়েজ করলে তো আর ডিফারেন্স পাবেন না মোবাইল আর ডেস্কটপ ভার্সনের মধ্যে। আমি এখানে ডিফল্টটাই রেখে দিলাম। আর এই থিমই আপনার মোবাইলে দেখা যাবে যখন আপনি সাইট ভিজিট করবেন।

এবার মোবাইল ডোমেইনের মধ্যে আমাদের সাব ডোমেইনটি লিখে দিলাম। এর ফলে আমরা যখন এই ডোমেইনটি ব্রাউজ করবো তখন মোবাইল ভার্সন দেখতে পাবো।

Footer links চেক বক্সটি চেক করে দেই। ফলে ফুটারে একটা লিংক দেখাবে যেটিতে ক্লিক করে সাইটের মোবাইল ভার্সন আর ডেস্কটপ ভার্সনের মধ্যে টোগল করা যাবে।

বাকি সব সেটিংস ডিফল্ট রেখে Save Changes এ ক্লিক করি।

Mobile Version 3

Mobile Version 3

বড় করে দেখতে ইমেজে ক্লিক করুন

আপনি Dashboard > Appearance > Mobile Widgets হতে আপনার মোবাইল ভার্সনে কি কি উইজেট দেখাবে তা সিলেক্ট করে দিতে পারবেন।

ব্যাস কাজ শেষ।

অনেকে আমার কাছে জানিয়েছেন যে তাদের সাইটে এরর দেখায় WordPress Mobile Pack প্লাগিনটা। তারা ম্যানুয়াল ভাবে আপলোড করুন প্লাগিন আর থিমস। উপরের লিঙ্কে ক্লিক করলেই একটা জিপ ফাইল পাবেন তার ভিতরে সব থাকবে। তারপরে ড্যাশবোর্ড হতে এক্টিভেট করুন। তাও কাজ না হলে হোস্টিং যেখান থেকে নিয়েছেন তাদের সাথে যোগাযোগ করুন।

যাদের দরকার তারা চাইলে এই ভিডিও টিউটোরিয়ালটিও দেখতে পারেন-

সবাইকে ধন্যবাদ।

সময় যদি পান তাহলে কমেন্টে জানাবেন কেমন লাগলো এই টিউটোরিয়ালটি…

ফেসবুক মন্তব্য

মোঃ ফয়সাল হোসেন সোহাগ

জীবনটা কতই মধুর, যদি পাশে থাকে কেউ। বৃষ্টির টুপুর টাপুর শব্দ, পরন্ত বিকেলে হৃদয়ে মৃদু দোলা দিয়ে যায় তখন, যখন পাশে থাকে কেউ। ছোট্ট এই জীবন, সীমিত আয়ু, যান্ত্রিক পৃথিবী, যান্ত্রিক এই আমি, একটু শান্তির সন্ধানে... গুগল অথরশীপ লিংক

নিচের গুলোও আপনার ভাল লাগতে পারে...

Leave a Reply

Your email address will not be published. Required fields are marked *

Enable Google Transliteration.(To type in English, press Ctrl+g)

http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://computerclubbd.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
more...