বেশকিছুদিন আগে আমার নিজের ওয়েবসাইট টেকনোলজিবিডির জন্য একটা নতুন ওয়ার্ডপ্রেস টেমপ্লেটের কথা চিন্তা করলাম। কিন্তু অনেক খোঁজাখুঁজির পরেও চাহিদা অনুযায়ী কিছু পাচ্ছিলাম না । শেষ পর্যন্ত কয়েকটা পছন্দ হল তারপরও দেখা গেল বিভিন্ন সমস্যা কোনটা অনেক ভারি, কোনটার ফুটার অনেক বড়, কোনটার সাইডবার ভাল নয়, কোনটার নেভিগেশন বার ভাল নয়, কোনটার কনটেন্ট স্পেস খুবই কম, কোনটা ব্যবহার বান্ধব নয় ইত্যাদি । সর্বশেষে সবগুলোর মধ্যে থেকে একটা টেমপ্লেট বাছাই করলাম যেটা এখন টেকনোলজিবিডিতে ব্যবহার করছি। যা হোক সেটার সমস্যাগুলো খুজে বের করলাম ।

সমস্যা সমূহ:

  • টেমপ্লেটটা কিছুটা ভারি।tem
  • সিঙ্গেল পোস্ট পেজে কনটেন্ট স্পেস খুবই কম।
  • সিঙ্গেল পোস্ট পেজে সাইডবার রয়েছে (যেটা আমার জন্য অনাকাঙ্খিত ছিল)।
  • লেখক সম্পর্কিত তথ্য প্রদর্শনের অপশন নেই।
  • টেমপ্লেটটা বাংলা করতে হবে।
  • লোগো পরিবর্তন করতে হবে।
  • লেখার ফন্ট পরিবর্তন করতে হবে।
  • ফন্ট কালার পরিবর্তন করতে হবে এবং ফন্ট সাইজ বড় করতে হবে।
  • ফেসবুক, টুইটার, RSS ফিড, বাংলা ফন্ট ডাউনলোড বাটন যুক্ত করতে হবে।
  • ইনডেক্স পেজে পূর্ববর্তী ও পরবর্তী পৃষ্ঠা সহ ২য়, ৩য়, ৪র্থ…….. পৃষ্ঠার লিংক যুক্ত করতে হবে।
  • বাংলায় মন্তব্য করার জন্য কি বোর্ড যুক্ত করতে হবে।
  • ফুটার লিংক পরিবর্তন করতে হবে।

দুইদিন ধরে সবগুলো সমস্যাই এক এক করে সমাধান করলাম ।

সমাধান সমূহ:

  • টেমপ্লেটের ব্যকগ্রাউন্ড ইমেজ বাদদিয়ে CSS এডিট করে কালার এপ্লাই করলাম।
  • টেমপ্লটটাতে রাউন্ড কর্ণারগুলোতে ইমেজ ব্যবহার করা হয়েছিল সেগুলো বাদ দিয়ে CSS এডিট করে রাউন্ড কর্ণার গুলোতে উপযুক্ত কালার এপ্লাই করলাম।
  • Single.php এডিটকরে সিঙ্গেল পোস্ট পেজে সাইডবার দূর করলাম।
  • একেটি author.php পেজ তৈরি করে এবং Single.php এডিট করে <?php the_author_description(); ?> যুক্ত করে লেখক সম্পর্কিত তথ্য প্রদর্শনের ব্যবস্থা করলাম।
  • CSS এডিট করে টেমপ্লেটটার বিভিন্ন হেডিং বাংলা করলাম। লেখার ফন্ট, ফন্ট কালার, ফন্ট সাইজ পরিবর্তন করলাম।
  • Header.php এডিট করে RSS ফিড বাটন যুক্ত করলাম।
  • Text Widgets এর মাধ্যমে ফেসবুক, টুইটার, বাংলা ফন্ট ডাউনলোড  বাটন যুক্ত করলাম।
  • Index.php এডিট করে ইনডেক্স পেজে পূর্ববর্তী ও পরবর্তী পৃষ্ঠার লিংক যুক্ত করলাম।
  • Banglkb প্লাগ-ইনস ব্যবহার করে এবং comment.php এডিট করে <?php wp_banglakb_comments(); ?> যুক্ত করে বাংলায় মন্তব্য করার জন্য কি বোর্ড যুক্ত করলাম।
  • Footer.php এডিট করে ফুটার লিংক পরিবর্তন করলাম।

pen

যখন টেমপ্লেটটা আপলোড করলাম তখনই দেখাগেল বিপত্তি। টেমপ্লটটার লেভিগেশন বার ঠিক নেই, নেভিগেশন বার একাধিক লাইনে চলে যাচ্ছে, ড্রপডাউন মেনু নেই। কিন্তু এখন কি করব? তাহলেকি এত কষ্টের পর টেমপ্লটটা বাদ দিয়ে দেব? মন থেকে বিষয়টি মেনে নিতে পারছিলাম না।

আমার সংগ্রহে প্রায় ৫০ টির মত ভাল ওয়ার্ডপ্রেস টেমপ্লেট ছিল। খুঁজেখুঁজে ভাল একটা নেভিগেশন বার যুক্ত টেমপ্লেট নির্বাচন করলাম। Header.php এডিট করে প্রয়োজনীয় html code এবং CSS এডিট করে প্রয়োজনীয় code যুক্ত করলাম।

বর্তমান সময়ে আউটসোর্সিং বাংলাদেশে বেশ জনপ্রিয় হয়ে উঠেছে। টেমপ্লেট ডিজাইন হতে পারে আপনার অনলাইন আর্নিংসের একটি অন্যতম উপায়। আর একটা মজার ব্যপার হচ্ছে, সাধারণ ফ্রিল্যান্সিং প্রজেক্টগুলোতে আপনি শুধুমাত্র একবারই টাকা পেতে পারেন কিন্তু আপনি যদি নিজেকে একজন টেমপ্লেট ডেভলপার হিসেবে প্রতিষ্ঠিত করতে পারেন তাহলে আপনি একই টেমপ্লেট একাধিক বার এমনকি কয়েকশত বারও বিক্রি করে টাকা পেতে পারেন।  Themeforest এমনই একটি জনপ্রিয় সাইট, যেখানে আপনি  টেমপ্লেট আপলোড করতে পারেন এবং ক্রয়-বিক্রয় করতে পারেন।

টেমপ্লেট ডিজাইন-রিডিজাইন সম্পর্কে আমি আমার অভিজ্ঞতা সংক্ষিপ্ত আকারে উপস্থাপন করলাম। পরবর্তীতে সুযোগ পেলে বিস্তারিত লেখার চেষ্টা করব।

comments

10 কমেন্টস

  1. ফ্রী টেমপ্লেট এর একটা বড় সমস্যা হচ্ছে একটা ঠিক থাকলে আরেকটা ঠিক থাকে না। তবে মোটামুটি সিএসএস জানা থাকলে ডিজাইনটা ঠিক করে নেয়া যায়। আর স্ক্রিপ্ট ল্যাঙ্গুয়েজ গুলোর মধ্যে সিএসএস সবচেয়ে সহজ। ১ মাসেই ভাল দক্ষতা অর্জন করা যাবে।
    ধন্যবাদ অসীম ভাই।

    • ঠিকই বলেছেন ইমতিয়াজ ভাই। এমন অনেকেই আছেন শুধুমাত্র ওয়ার্ডপ্রেস বা জুমলা সেটআপ শিখেই ওয়েব সাইট তৈরি করে ফেলেন । তাদের কমপক্ষে HTML এবং CSS টা জানা উচিত । ধন্যবাদ ইমতিয়াজ ভাই।

  2. আমি বহু বার Themeforest এ আমার থিম দেবার চেষ্টা করেছি কিন্তু তাদের কাছে নাকি থিম প্রফেশনাল মনে হয় না।
    আমার মনে হয় আরও শেখা উচিৎ।

  3. পোষ্ট টি খু.উ.উ.ব ভাল লেগেছে। ধন্যবাদ।
    একটি ওয়েব সাইট বানানোর প্লানিং টা পর্যায়ক্রমে লিখে সে গুলো ধাপে ধাপে বাস্তবায়নের সচিত্র বর্ননা করে একটা পোষ্ট দিলে আর একটু উপকার হতো।

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Time limit is exhausted. Please reload the CAPTCHA.