Drupal/C3/Styling-a-Page-using-Themes/Bengali
From Script | Spoken-Tutorial
Revision as of 15:08, 7 October 2016 by Shruti arya (Talk | contribs)
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 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |