Difference between revisions of "Drupal/C3/Styling-a-Page-using-Themes/Bengali"
From Script | Spoken-Tutorial
(Created page with "{|border=1 |'''Time''' |'''Narration''' |- | 00:01 |Styling a Page using Themes এর টিউটোরিয়াযে আপনাদের স্বাগত। |- |...") |
Shruti arya (Talk | contribs) |
||
| Line 10: | Line 10: | ||
| 00:06 | | 00:06 | ||
|এই টিউটোরিয়ালে আমরা শিখব: | |এই টিউটোরিয়ালে আমরা শিখব: | ||
| − | + | themes এর পরিচিতি, | |
| − | + | themes খোঁজা এবং | |
| − | + | মৌলিক theme ইনস্টল করা। | |
| − | + | ||
|- | |- | ||
|00:16 | |00:16 | ||
| টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি | | টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি | ||
| − | + | উবুন্টু লিনাক্স অপারেটিং সিস্টেম, | |
| − | + | Drupal 8 এবং ফায়ারফক্স ওয়েব ব্রাউজার। | |
| − | + | ||
| − | + | ||
আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন। | আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন। | ||
| Line 51: | Line 48: | ||
| 00:55 | | 00:55 | ||
| আমরা কয়েকটি ভিন্ন স্থান থেকে Themes পেতে পারি | | আমরা কয়েকটি ভিন্ন স্থান থেকে Themes পেতে পারি | ||
| − | |||
drupal.org তে বিনামূল্যের Themes রয়েছে যাকে Contributed Themes বলে বা বিভিন্ন বিক্রেতা থেকেও Theme কিনতে পারি। | drupal.org তে বিনামূল্যের Themes রয়েছে যাকে Contributed Themes বলে বা বিভিন্ন বিক্রেতা থেকেও Theme কিনতে পারি। | ||
|- | |- | ||
| Line 243: | Line 239: | ||
| 05:25 | | 05:25 | ||
| এখন এই পরিচিতির ভিডিওতে শিখেছি যে - | | এখন এই পরিচিতির ভিডিওতে শিখেছি যে - | ||
| − | |||
এক নম্বরঃ নতুন Themes এর সংস্থাপন কন্টেন্ট বদলায় না এবং দুই নম্বর: Blocks এর স্থান বদলাতে হতে পারে। | এক নম্বরঃ নতুন Themes এর সংস্থাপন কন্টেন্ট বদলায় না এবং দুই নম্বর: Blocks এর স্থান বদলাতে হতে পারে। | ||
| Line 309: | Line 304: | ||
| 06:39 | | 06:39 | ||
| Help, | | Help, | ||
| − | |||
Sidebar First, | Sidebar First, | ||
| − | |||
Sidebar Second, | Sidebar Second, | ||
| − | |||
Content, | Content, | ||
| Line 319: | Line 311: | ||
|06:44 | |06:44 | ||
| Panel First, | | Panel First, | ||
| − | |||
Panel Second কে 1, 2, 3 এবং 4 বলে এবং তারপর Footer region. | Panel Second কে 1, 2, 3 এবং 4 বলে এবং তারপর Footer region. | ||
| Line 397: | Line 388: | ||
|08:26 | |08:26 | ||
| Tools menu নিয়ে Sidebar second এ রাখি। | | Tools menu নিয়ে Sidebar second এ রাখি। | ||
| − | |||
এটি আগে করিনি। | এটি আগে করিনি। | ||
| Line 419: | Line 409: | ||
| 08:47 | | 08:47 | ||
| menu কে Main menu block region এ রাখা হয়েছে। | | menu কে Main menu block region এ রাখা হয়েছে। | ||
| − | |||
CSS নিয়ে কিছু শেডিং এবং কালারিং সহ এটিকে ভালো in-line menu বানানো হয়েছে। | CSS নিয়ে কিছু শেডিং এবং কালারিং সহ এটিকে ভালো in-line menu বানানো হয়েছে। | ||
|- | |- | ||
| Line 452: | Line 441: | ||
| 09:37 | | 09:37 | ||
| এটি বদলাতে Panels বা Display fields ব্যবহার করতে হবে। | | এটি বদলাতে Panels বা Display fields ব্যবহার করতে হবে। | ||
| − | |||
drupal.org থেকে add-on Modules পেতে পারি। | drupal.org থেকে add-on Modules পেতে পারি। | ||
| Line 458: | Line 446: | ||
| 09:48 | | 09:48 | ||
| Themes হল চমৎকার. এটি সত্যিই সহজ theme. | | Themes হল চমৎকার. এটি সত্যিই সহজ theme. | ||
| − | |||
আমরা Drupal থেকে আরো কিছু খুব জটিল themes পেতে পারি। | আমরা Drupal থেকে আরো কিছু খুব জটিল themes পেতে পারি। | ||
| Line 480: | Line 467: | ||
|10:24 | |10:24 | ||
| সংক্ষিপ্তকরণ করি। এই টিউটোরিয়ালে আমরা শিখেছি | | সংক্ষিপ্তকরণ করি। এই টিউটোরিয়ালে আমরা শিখেছি | ||
| − | + | themes এর পরিচিতি, | |
| − | + | themes খোঁজা এবং, | |
| − | + | মৌলিক theme ইনস্টল করা। | |
| − | + | ||
|- | |- | ||
Revision as of 15:08, 7 October 2016
| 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 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |
