Custom Theme তৈরি এবং কনফিগার করা

Custom থিম ডেভেলপমেন্ট - ড্রুপাল (Drupal) - Web Development

298

ড্রুপাল (Drupal) একটি অত্যন্ত নমনীয় কনটেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) যা থিম কাস্টমাইজেশনের জন্য বিভিন্ন ধরনের পদ্ধতি সরবরাহ করে। কাস্টম থিম তৈরি করা ড্রুপাল সাইটের ডিজাইন এবং ইউজার ইন্টারফেসকে পুরোপুরি আপনার প্রয়োজন অনুযায়ী কাস্টমাইজ করার সুযোগ দেয়। এই টিউটোরিয়ালে আমরা ড্রুপালে কাস্টম থিম তৈরি এবং কনফিগার করার প্রক্রিয়া নিয়ে বিস্তারিত আলোচনা করব।


কাস্টম থিম কী?

কাস্টম থিম হল একটি ড্রুপাল থিম যা আপনার সাইটের ডিজাইন এবং স্টাইল কাস্টমাইজ করার জন্য তৈরি করা হয়। ড্রুপালে কাস্টম থিম তৈরি করা সাইটের লেআউট, কনটেন্ট, এবং ডিজাইন কাস্টমাইজ করার জন্য দরকারী, যা আপনার ব্র্যান্ড এবং ইউজার এক্সপেরিয়েন্সের সাথে মেলে।


কাস্টম থিম তৈরি করার ধাপসমূহ

১. থিম ডিরেক্টরি তৈরি করুন

ড্রুপালে কাস্টম থিম তৈরি করতে প্রথমে আপনাকে themes ডিরেক্টরিতে একটি নতুন থিম ফোল্ডার তৈরি করতে হবে।

  1. themes/custom ডিরেক্টরির মধ্যে একটি নতুন ফোল্ডার তৈরি করুন। উদাহরণস্বরূপ:

    sites/all/themes/custom/my_custom_theme
    

২. .info.yml ফাইল তৈরি করুন

ড্রুপালে একটি থিম ফোল্ডার তৈরি করার পর, আপনাকে একটি .info.yml ফাইল তৈরি করতে হবে। এই ফাইলটি থিমের বৈশিষ্ট্য এবং কনফিগারেশন ড্রুপালকে জানায়।

  1. my_custom_theme.info.yml ফাইল তৈরি করুন এবং নিচের কনফিগারেশন লিখুন:

    name: 'My Custom Theme'
    type: theme
    base theme: classy
    description: 'A custom theme for my Drupal site.'
    regions:
      header: 'Header'
      footer: 'Footer'
      sidebar_first: 'Sidebar First'
      sidebar_second: 'Sidebar Second'
    
  • name: থিমের নাম
  • type: থিমের ধরন (এটি অবশ্যই theme হবে)
  • base theme: আপনার থিমের ভিত্তি (এখানে classy ব্যবহার করা হয়েছে, যা ড্রুপালের একটি বেস থিম)
  • regions: আপনার থিমের জন্য উপলব্ধ Regions (যেমন Header, Footer, Sidebar)

৩. থিমের টেমপ্লেট ফাইল তৈরি করুন

ড্রুপালের থিম টেমপ্লেট ফাইলগুলি PHP ফাইল হিসাবে থাকে। আপনি এই ফাইলগুলি কাস্টমাইজ করে সাইটের কাঠামো পরিবর্তন করতে পারবেন।

  1. page.tpl.php ফাইল তৈরি করুন, যা সাইটের পেজ লেআউট পরিচালনা করবে:

    <html>
      <head>
        <title><?php print $head_title; ?></title>
      </head>
      <body>
        <header>
          <?php print render($page['header']); ?>
        </header>
        <div id="content">
          <?php print render($page['content']); ?>
        </div>
        <footer>
          <?php print render($page['footer']); ?>
        </footer>
      </body>
    </html>
    
  • এখানে, আপনি $page['header'], $page['content'], এবং $page['footer'] ব্যবহার করে সাইটের বিভিন্ন অঞ্চলের কনটেন্ট রেন্ডার করছেন।
  1. block.tpl.php ফাইল তৈরি করুন (যদি আপনি কাস্টম ব্লক তৈরি করতে চান)।

৪. CSS এবং JavaScript ফাইল যুক্ত করুন

আপনার থিমের স্টাইল এবং ফাংশনালিটি কাস্টমাইজ করতে CSS এবং JavaScript ফাইল যুক্ত করুন।

  1. styles.css ফাইল তৈরি করুন:

    body {
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
    }
    header {
      background-color: #333;
      color: white;
      padding: 10px 0;
    }
    
  2. scripts.js ফাইল তৈরি করুন (যদি কিছু জাভাস্ক্রিপ্ট কার্যকারিতা চান):

    (function($) {
      $(document).ready(function() {
        alert("Welcome to My Custom Theme!");
      });
    })(jQuery);
    
  3. my_custom_theme.libraries.yml ফাইল তৈরি করুন এবং CSS/JS ফাইল যুক্ত করুন:

    my_custom_theme.styles:
      version: 1.x
      css:
        theme:
          css/styles.css: {}
    
    my_custom_theme.scripts:
      version: 1.x
      js:
        js/scripts.js: {}
    

৫. থিমের ফিচার কনফিগার করুন

ড্রুপালে থিমের কনফিগারেশন এবং অন্যান্য বৈশিষ্ট্য কাস্টমাইজ করতে my_custom_theme.theme ফাইল ব্যবহার করতে পারেন।

function my_custom_theme_preprocess_page(array &$variables) {
  // থিমের জন্য কাস্টম প্রিপ্রসেস ফাংশন
  $variables['my_custom_variable'] = t('Hello, this is a custom theme variable!');
}

৬. থিম অ্যাকটিভেট করুন

  1. ড্রুপাল অ্যাডমিন প্যানেলে যান: Admin → Appearance
  2. আপনার তৈরি করা কাস্টম থিমটি সেখানে দেখতে পাবেন।
  3. Enable and set default ক্লিক করে থিমটি সক্রিয় করুন।

কাস্টম থিম কনফিগারেশন

ড্রুপালে কাস্টম থিম কনফিগার করার জন্য Appearance পেজ থেকে আপনি বিভিন্ন সেটিংস অ্যাক্সেস করতে পারবেন।

  1. Logo এবং Favicon কনফিগার করুন:
    • Appearance → Settings → My Custom Theme এ যান।
    • সাইটের Logo এবং Favicon আপলোড করুন।
  2. Color Scheme কনফিগার করুন:
    • ড্রুপাল Color module ব্যবহার করে থিমের জন্য কাস্টম কালার স্কিম তৈরি করা যায়।
  3. Custom Regions কনফিগার করুন:
    • theme settings এ গিয়ে আপনি নতুন Region যুক্ত করতে পারেন, যেটি থিমের টেমপ্লেট ফাইলগুলিতে ব্যবহৃত হবে।

উপসংহার

ড্রুপাল (Drupal) একটি অত্যন্ত শক্তিশালী CMS এবং এর মাধ্যমে কাস্টম থিম তৈরি এবং কনফিগারেশন প্রক্রিয়া সহজ। থিম তৈরি করে আপনি সাইটের ডিজাইন, লেআউট এবং কনটেন্ট কাস্টমাইজ করতে পারবেন। এর মাধ্যমে সাইটের ইউজার এক্সপেরিয়েন্স এবং ব্র্যান্ডিংয়ের জন্য একটি সম্পূর্ণ কাস্টমাইজড থিম তৈরি করা সম্ভব।

Content added By
Promotion

Are you sure to start over?

Loading...