Drupal/C3/Styling-a-Page-using-Themes/Bengali

From Script | Spoken-Tutorial
Jump to: navigation, search
Time Narration
00:01 Styling a Page using Themes এর টিউটোরিয়াযে আপনাদের স্বাগত।
00:06 এই টিউটোরিয়ালে আমরা শিখব:themes এর পরিচিতি,themes খোঁজা এবং মৌলিক theme ইনস্টল করা।
00:16 টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি উবুন্টু লিনাক্স অপারেটিং সিস্টেম,Drupal 8 এবং ফায়ারফক্স ওয়েব ব্রাউজার।আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন।
00:30 আগেই উল্লেখ করেছি যে আমরা যেমন চাই Drupal সাইট তেমন দেখতে পারে।
00:36 এখানে বিভিন্ন Drupal সাইট থেকে বিভিন্ন রূপ এবং ধরণ রয়েছে।
00:42 লক্ষ্য করুন যে তারা সম্পূর্ণ ভিন্ন।
00:45 এটি Themes এর উপর নির্ভর ।
00:48 আপনি যেমন চান Themes ড্রুপাল সাইট তেমন বানাতে পারে।
00:51 Themes সম্পর্কে কয়েকটি জিনিস মনে রাখতে হবে.
00:55 আমরা কয়েকটি ভিন্ন স্থান থেকে Themes পেতে পারি drupal.org তে বিনামূল্যের Themes রয়েছে যাকে Contributed Themes বলে বা বিভিন্ন বিক্রেতা থেকেও Theme কিনতে পারি।
01:11 বা আমরা নিজস্ব Theme বানাতে পারি যেমন Artisteer.com থেকে Artisteer যা স্ক্যাচ থেকে নির্মিত।
01:19 Contributed Themes, drupal.org/project/themes এ উপলব্ধ।
01:26 Block Regions, Theme দ্বারা নির্ধারিত হয়।
01:29 ওয়েবসাইটে কোথায় Blocks রাখবো তা theming প্রক্রিয়ার অংশ।
01:36 এখানে সঠিক স্থান না থাকলে এটি Theme ইস্যু Block ইস্যু নয়।
01:42 এখন Themes একটু ভালোমত বুঝি।
01:46 drupal.org থেকে বিনামূল্যে কিছু চমত্কার Themes পেতে পারি।
01:51 drupal.org/projects/themes এ যান।
01:56 এখন Drupal এ উপলব্ধ কিছু Themes দেখি।
02:01 Modules টিউটোরিয়াল দেখুন। আমাদের ব্যবহৃত Drupal সংস্করণের Core compatibility দ্বারা ফিল্টার করতে হবে।
02:10 এখানে 2205 টি Themes রয়েছে। Drupal 8 এ টিপলে এর সংখ্যা একটু কমে যায়।
02:18 টিউটোরিয়ালটি রেকর্ডের পর নতুন থিম যোগ করে আপনি অধিক সংখ্যা দেখতে পারেন।
02:25 এখন Themes খোঁজা এবং মূল্যায়ন সম্পর্কে বলি।
02:30 এটি Modules এর অনুরূপ।
02:33 আমরা drupal.org তে শুরু করব।
02:36 Core compatibility দ্বারা ফিল্টার করলে তারা নিজেই Most Installed দ্বারা বাছাই হয়।
02:43 এই সময় Adaptive Theme হল এক নম্বর।
02:46 এবং Bootstrap হল দুই নম্বর।
02:50 Bootstrap এ টিপুন।
02:53 Module টিউটোরিয়াল DMV চিত্রণ আবার কল করি? এখানে এটি একই জিনিস।
02:59 আগে documentation পড়তে হবে।
03:02 তারপর Maintainers এ টিপুন।
03:05 versions এবং project informations দেখুন।
03:08 রেকর্ডিং এর সময়, এই বিশেষ Theme, Drupal 8 x 3.0 alpha 1 সংস্করণে থাকে।
03:16 সেখানে development version ও রয়েছে।
03:20 পরে এখানে সবুজ রঙে, Theme এর Drupal 8 সংস্করণ হবে।
03:27 Contributed Theme এর বিভিন্ন ফ্লেভার থাকতে পারে. সেখানে 3 ধরণের Themes রয়েছে।
03:34 এখানে simple Contributed Theme থাকতে পারে যা আপনি কনফিগার করতে পারেন।
03:40 Bootstrap বা Zen এর মত Starter Themes থাকতে পারে।
03:46 এটি আপনাকে ভিতরে CSS রাখতে শুধমাত্র একটি ফাঁকা স্ক্রিন এবং গৌণ ফ্রেমওয়ার্ক দেবে।
03:52 বা Base Theme থাকতে পারে। এটি Adaptive Theme এর মত এর উপরে থাকা অন্যান্য Sub-Themes রাখতে করা হয়।
04:02 কিন্তু এখানে সকল নিয়ম একই।
04:05 documentation দেখুন। Maintainers এবং versions এ দেখুন।
04:11 এখন Contributed Theme ইনস্টল করব।
04:13 drupal.org/projects/zircon এ যান।
04:20 নীচে স্ক্রোল করুন। এটি ভালো Theme, যা বিশেষভাবে Drupal 7 এবং 8 এর জন্য ডেভেলপ করা হয়েছে।
04:28 এটি বেশী সাইটে ব্যবহার করা হয় না।
04:31 আমরা এই থিম ব্যবহার করব কারণ এটি বর্তমানে Drupal 8 এর জন্য প্রস্তুত।
04:37 tar.gz এ ডান ক্লিক করে লিঙ্ক কপি করুন। এটি Modules ইনস্টল করার অনুরূপ। সাইটে ফিরে যাই।
04:47 Appearance এবং Install new theme এ টিপুন।
04:52 আবার Modules এর মত একই প্রক্রিয়া।
04:56 URL পেস্ট করে Install এ টিপুন।
05:00 Theme ওয়েব সার্ভারে ডাউনলোড করা হয় এবং এখন এটি ON করতে সক্ষম।
05:06 Install newly added themes এ টিপুন।
05:09 নীচে স্ক্রোল করুন।
05:12 আপনি Zircon দেখবেন। A flexible, recolorable theme with many regions and a responsive mobile first layout.
05:21 Install and set as default এ টিপুন।
05:25 এখন এই পরিচিতির ভিডিওতে শিখেছি যে -এক নম্বরঃ নতুন Themes এর সংস্থাপন কন্টেন্ট বদলায় না এবং দুই নম্বর: Blocks এর স্থান বদলাতে হতে পারে।
05:38 এখন settings এ দেখি।
05:42 Settings শব্দে টিপুন।
05:45 Zircon এ নরম্যাল TOGGLE DISPLAY রয়েছে।
05:49 এবং shortcut আইকন।
05:51 লোগো আপডেট করতে চাইলে Global settings এ যান।
05:56 LOGO IMAGE SETTINGS
05:59 Save টিপুন।
06:02 সাইটে ফিরে যাই।
06:04 এটি Zircon - Drupal এর জন্য ফ্লেক্সিবল, রোবাস্ট এবং বিশ্বব্যাপী বন্ধুত্বপূর্ণ Theme.
06:11 Structure এবং Blocks এ যান।
06:15 Demonstrate block regions for Zircon এ টিপুন।
06:19 এখানে কয়েকটি Block regions দেখবো।
06:22 একটি Header region. Main menu কে Main menu Block Region এ যেতে হবে কারণ এতে এটি যথাযথ ফরম্যাটিং পায়।
06:32 তারপর Slideshow region. এখানে আপনি View Slideshow ব্যবহার করছেন।
06:37 একটি Featured block region,
06:39 Help,Sidebar First,Sidebar Second, Content,
06:44 Panel First,Panel Second কে 1, 2, 3 এবং 4 বলে এবং তারপর Footer region.
06:53 আমাদের ডিফল্ট Theme থেকে কিছু regions উপলব্ধ নেই।
07:00 এখানে কি করতে হবে তা যাচাই করি।
07:03 Header region এ অনেক জিনিস রয়েছে। Footer region এ নির্ধারিত Powered by Drupal আর নেই।
07:14 আমরা সেটি Footer এ রাখবো।
07:17 এটি অবিলম্বে Header থেকে মুছে যাবে।
07:20 Header থেকে Status message সরাই এবং ম্যাসেজে রাখি।
07:26 আবার Footer এ গিয়ে Footer menu রাখি।
07:30 আমরা Search, Site branding এবং User account menu কে একইভাবে ছেড়ে দেবো।
07:36 Primary menu ভুল জায়গায় রয়েছে কিন্তু এখন এটি দেখি।
07:42 Save blocks টিপুন।
07:44 সাইটে ফিরে যাই।
07:47 আমরা দেখবো যে Main menu কোথাও পাই না. কারণ Primary menu এই Theme এ বিদ্যমান নয়।
07:55 তাই আমরা Main navigation নিয়ে Main menu তে পরিবর্তন করি।
08:01 নীচে স্ক্রোল করুন। এটি একবার দেখি।
08:05 Content এলাকায়, Help block রয়েছে।
08:09 এটি Help ব্লকে রাখি।
08:12 Page title, Primary admin actions এবং Page Tabs সব ঠিক আছে।
08:18 Sidebar first, Welcome to Drupalville, Book navigation, Recent Events Added এবং Tools.
08:26 Tools menu নিয়ে Sidebar second এ রাখি। এটি আগে করিনি।
08:34 এখানে চারটি Panel region রয়েছে যেখানে যা কিছু রাখতে পারি।
08:39 Save এ টিপুন।
08:41 আমরা কি করেছি তা দেখি।
08:44 এটি এখন বেশ ভালো।
08:47 menu কে Main menu block region এ রাখা হয়েছে। CSS নিয়ে কিছু শেডিং এবং কালারিং সহ এটিকে ভালো in-line menu বানানো হয়েছে।
08:58 বামদিকে BOOK NAVIGATION, RECENTLY ADDED EVENTS
09:03 TOOLS হল ডানদিকে, আবার Sidebar first এবং Sidebar second.
09:10 এবং সকল কন্টেন্ট মাঝে।
09:12 কয়েকটি জিনিস লক্ষ্য করুন।
09:15 আমরা themes বদলেছি। সব কিছু বদলে গেছে শুধু কন্টেন্ট বাদে।
09:20 আমরা নতুন fonts, নতুন font styles, নতুন H3 tags, নতুন Block regions, layouts এবং নতুন Footer area পেয়েছি।
09:31 এখানে শুধু কন্টেন্ট এবং কন্টেন্টের layout পরিবর্তন হয়নি।
09:37 এটি বদলাতে Panels বা Display fields ব্যবহার করতে হবে।drupal.org থেকে add-on Modules পেতে পারি।
09:48 Themes হল চমৎকার. এটি সত্যিই সহজ theme.আমরা Drupal থেকে আরো কিছু খুব জটিল themes পেতে পারি।
09:58 drupal.org/projects/themes এ ফিরে যান. এখানে উপলব্ধ কিছু Drupal 8 themes দেখুন।
10:08 কিছু পছন্দের themes খুঁজে তা ইনস্টল করে তা ব্যবহার করুন।
10:13 সাইটে themes এর প্রভাব সম্পর্কে শেখার এটি একটি ভালো উপায়। এখানে পছন্দের ডিসাইন পেতে পারেন।
10:21 এই সাথেই আমরা টিউটোরিয়ালের শেষে চলে এসেছি।
10:24 সংক্ষিপ্তকরণ করি। এই টিউটোরিয়ালে আমরা শিখেছি themes এর পরিচিতি,themes খোঁজা এবং,মৌলিক theme ইনস্টল করা।
10:45 এই ভিডিওটি Acquia এবং OSTraining থেকে অভিযোজিত এবং স্পোকেন টিউটোরিয়াল প্রকল্প, আইআইটি বোম্বে দ্বারা সংশোধিত।
10:54 এই ভিডিওটি প্রকল্পকে সারাংশিত করে। ভিডিওটি ডাউনলোড করে দেখুন।
11:00 স্পোকেন টিউটোরিয়াল প্রকল্প দল কর্মশালার আয়োজন করে এবং প্রশংসাপত্র দেই। আমাদের সাথে যোগাযোগ করুন।
11:08 স্পোকেন টিউটোরিয়াল প্রজেক্ট ভারত সরকারের MHRD এর NMEICT এবং মিনিস্ট্রি অফ কলচারের NVLI দ্বারা সমর্থিত।
11: 19 আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ।

Contributors and Content Editors

Pratik kamble, Satarupadutta, Shruti arya