Drupal/C2/Modifying-the-Display-of-Content/Bengali
From Script | Spoken-Tutorial
Revision as of 13:25, 7 October 2016 by Shruti arya (Talk | contribs)
Time | Narration |
00:01 | Modifying the Display of Content এর টিউটোরিয়ালে আপনাদের স্বাগত। |
00:06 | এই টিউটোরিয়ালে আমরা শিখব:
Displays, Full content display ম্যানেজ করা এবং, ডিসপ্লে Teaser ম্যানেজ করা। |
00:16 | টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি
উবুন্টু লিনাক্স অপারেটিং সিস্টেম, Drupal 8 এবং ফায়ারফক্স ওয়েব ব্রাউজার। |
00:26 | আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন। |
00:31 | আমাদের আগে নির্মিত ওয়েবসাইটটি খুলুন। |
00:35 | এখানে কনটেন্ট রয়েছে। দেখি যে এটি বাস্তবে কেমন দেখায় এবং Drupal এটি পৃষ্ঠাতে কেমন বানায়। |
00:42 | লক্ষ্য করুন যে Teaser mode এ Read more এর সাথে Title এবং Body পাই। |
00:49 | আমরা নীচে স্ক্রোল করলে আমাদের সকল নতুন কন্টেন্ট দেখতে পারি। |
00:55 | ডিফল্টরূপে নির্মিত অন্তিম 10 nodes এর Drupal আউটপুট দেয়, যা Homepage এ বদলেছে। |
01:03 | লক্ষ্য করুন, এখানে নীচে কিছু পত্রাঙ্কন রয়েছে - পেজ 1, 2, 3, Next এবং Last. |
01:12 | আমি Last এ টিপলে Title এর পর Read more এর সাথে Teaser mode এ নোডের সূচী দেখবো। |
01:20 | এটি আকর্ষক নয়। |
01:22 | Drupal আমাকে View modes সেট করার অনুমতি দেয়। |
01:27 | Structure এ টিপে Content Types এ টিপুন। |
01:31 | এখন Events Content type এর জন্য লেআউট আপডেট করুন। |
01:36 | ড্রপ ডাউনে টিপুন, তারপর Manage display তে টিপুন। |
01:41 | উপরে ধ্যান দিন, Manage display ট্যাবে, এখানে Default এবং Teaser রয়েছে। |
01:48 | Default হল ডিফল্ট লেআউট। আমরা আরেকটি Full view লেআউট জুড়ব। |
01:55 | এরপর হল Teaser লেআউট। Teaser এ টিপুন। |
02:00 | Teaser mode এ,শুধুমাত্র Event Description দৃশ্যমান এবং Links যা হল Read more লিঙ্ক। |
02:09 | এটি দেখায় যে Trimmed limit: 600 characters। |
02:14 | আমরা Event Content type কে ভালো দেখতে Teaser mode বানাতে এই জিনিসগুলি আপডেট করব। |
02:21 | এগোনোর আগে, এটি বোঝা দরকার যে Drupal আমাদের Layouts দেয়। |
02:28 | Structure এবং Display modes এ টিপুন। |
02:32 | তারপর View modes এ টিপুন। এখানে Form modes ও রয়েছে। |
02:38 | এই Form modes ডেটা প্রবিষ্ট করার layout. |
02:43 | এই View modes ডেটা দেখার layout. |
02:48 | View modes এ টিপুন। |
02:51 | Content View mode এ, Full content, RSS, Search index, Search results, Teaser দেখি। |
03:02 | আমরা নতুন Content View mode ও জুড়তে পারি। |
03:06 | মূল জিনিস হল- আমরা শুধু Drupal দ্বারা প্রদত্ত জিনিসেই সীমিত নই। |
03:12 | এখানে Blocks, Comments, Taxonomy terms এবং Users ও রয়েছে। |
03:18 | আমরা যে কোনোটিতে View modes জুড়তে পারি। |
03:22 | এটি লক্ষ্য করুন। মনে রাখতে এটি গুরুত্বপূর্ণ জিনিস। |
03:27 | এগুলির মধ্যে এটি উপলব্ধ। কিন্তু প্রতিটি Content type এর জন্য সবগুলি সক্ষম নয়। |
03:34 | ফিরে গিয়ে সেটি টিপুন। |
03:36 | Structure এ গিয়ে Content types এ টিপুন। |
03:42 | Events Content type এ Manage display তে টিপুন। |
03:46 | আবার আমরা এই পৃষ্ঠায় রয়েছি যেখানে Default এবং Teaser রয়েছে। |
03:52 | নীচে স্ক্রোল করে CUSTOM DISPLAY SETTINGS এ টিপুন। |
03:57 | Full content চেক মার্ক করুন। |
04:00 | আমরা নোডে কাজ করলে ফীল্ডস কিভাবে বাইরে রাখে এটি তা ম্যানুপুলেটের অনুমতি দেয়। |
04:07 | Save এ টিপুন। |
04:09 | এখন এখানে উপরে Full content এবং Teaser রয়েছে। |
04:14 | এখন এই দুটি View modes আপডেট করা শিখব। |
04:19 | প্রথমে Full Content View আপডেট করি। |
04:23 | Full Content লেআউটে এই ফীল্ড রয়েছে এবং এটি এই ক্রমে রয়েছে এবং LABEL কিভাবে দেখায়। |
04:30 | ফিরে গিয়ে event এ দেখুন। DrupalCamp Cincinnati তে টিপুন। |
04:37 | Body উপরে রয়েছে। |
04:39 | Event website, Date, Topics এবং logo এগুলির মধ্যে একটি থাকলে। |
04:45 | এখন কনটেন্ট ভালো দেখতে এগুলি মুছি। |
04:50 | Structure - Content types - Manage display Events তারপর Full Content এ টিপুন। |
04:58 | এখানে Event Description, full mode এ রয়েছে। |
05:02 | এটি Logo এর নীচে ড্রেগ করুন। |
05:05 | তারপর Logo থেকে LABEL হাইড করুন। |
05:09 | এই Original image কে Medium আকারে বদলান। |
05:14 | এটি একটি Image style. |
05:17 | আমরা Views এ গেলে Image styles সম্পর্কে বিস্তারে শিখব। |
05:22 | আমি যে কোনো Image style এ যে কোনো আকারের ইমেজ বানাতে সক্ষম। |
05:29 | তারপর এটি কোথাও ব্যবহার করতে পারি। Update এ টিপুন। |
05:35 | এখন Event Logo বামদিকে হবে, কারণ এটি Theme ইমেজের বামদিকে ফ্লোট করে। |
05:43 | Body এর আশেপাশে হবে। |
05:45 | Event Date কে LABEL Inline করুন। |
05:49 | এখন Format বদলান। |
05:52 | ডানদিকে গিয়ারে টিপুন। আমরা গিয়ারের ব্যবহার কয়েকটি জিনিস কনফিগার করতে। |
05:59 | এটিকে Default long date এ বদলাবো। |
06:03 | Update এ টিপুন। এটি ভালো। |
06:07 | Event Sponsors কে Inline করুন। |
06:10 | আউটপুট হল linked to the referenced entity. |
06:15 | মানে Cincinnati User Group, DrupalCamp Cincinnati স্পন্সর করলে এটি User Group page এ লিঙ্ক হবে। |
06:24 | আমি যেমন চাই এটি ঠিক তেমন। |
06:27 | Event Topics কলামে প্রস্তুত হওয়ায় আমরা Above চয়ন করব। |
06:33 | আবার এটি Referenced entity তে লিঙ্ক করা। |
06:37 | এখন টিউটোরিয়াল থামিয়ে দেখুন যে আপনার স্ক্রিনে আমার স্ক্রিনের মত দেখাচ্ছে কিনা। |
06:43 | Save এ টিপুন। |
06:45 | Full View মোড়ে যে কোনো একটি নোড দেখি। |
06:49 | Content এ টিপুন এবং তারপর যে কোনো event এ টিপুন। |
06:54 | আপনার event এবং টেক্সটের নাম আমার থেকে অনেকটা ভিন্ন হবে। |
06:59 | কারণ devel, Lorem Ipsum ব্যবহার করে। |
07:03 | যে কোনো Event এ টিপুন। |
07:06 | আপনার layout দেখা উচিত যা এইরকম দেখায়। |
07:10 | এটি খুব ভালো দেখায়। |
07:12 | Event Website,
Event Date, Event Sponsors. |
07:18 | এখানে Event Topics এ একটি সমস্যা রয়েছে, কিন্তু এইজন্য কিছু CSS ব্যবহার করতে পারি। |
07:26 | তার links সঠিক স্থান ইঙ্গিত করে। |
07:29 | User Group Content type এর জন্য full display আপডেট করুন। |
07:34 | Structure, Content types এবং তারপর User Groups এ Manage display তে টিপুন। |
07:42 | আবার Views আপডেট করতে হবে। |
07:46 | নীচে স্ক্রোল করুন, CUSTOM DISPLAY SETTINGS এ টিপে Full content চয়ন করুন। |
07:52 | আমরা পছন্দ অনুযায়ী এর মধ্যে যে কোনো ডিসপ্লে আপডেট করতে পারি। Save এ টিপুন। |
07:59 | তারপর Full content চয়ন করুন। এটি সেরকম যেমন Event এ করেছিলাম। |
08:06 | Group Website কে Description এবং site Inline এর উপরে রাখুন। |
08:12 | Group Contact এবং Email একসাথে রাখুন, তার LABELs কে Inline করুন। |
08:19 | আমি Email এ Email লিঙ্ক নয় Plain text চয়ন করব। |
08:24 | এটি এইজন্য কারণ আমি ডিফল্ট Email প্রোগ্রামের ব্যবহার অন্য কাউকে email করতে করি না। |
08:30 | আমি এটিকে Plain text চয়ন করব। |
08:33 | Group Experience Level কে Above রাখুন, কারণ এটি সকল অনুভবের সূচী। |
08:40 | শেষে Events sponsored কে Above রাখুন। |
08:45 | FORMAT কে Label রাখুন। |
08:47 | আমরা Entity ID বা Rendered entity ও চয়ন করতে পারি। |
08:52 | কিন্তু এটি করলে এখানে Event pages এর সম্পূর্ণ সমূহের সাথে সমাপ্ত করব। |
08:58 | এটি Label রাখবো। |
09:01 | এখানে এটি Link to the referenced entity. |
09:04 | এটি ব্যবহার করে Cincinnati User Group এ DrupalCamp Cincinnati তে যেতে লিঙ্কে টিপতে পারি। |
09:12 | Save এ টিপে দেখুন আমরা কি করেছি। |
09:16 | Content এ টিপে সূচী থেকে User Group এ টিপুন। |
09:22 | এখানে Group website, description, Contact information রয়েছে। এটি devel দ্বারা নির্মিত। |
09:31 | Contact Email- এটি নকল আইডি যা devel দ্বারা নির্মিত। |
09:38 | মূল কথা হল এটি কাজ করছে। |
09:41 | এটি Group Experience Level. লক্ষ্য করুন devel কিছু ডাবল সিলেক্ট করেছে। |
09:48 | এখন এটি এইভাবে ছেড়ে দেবো। |
09:51 | শেষে Event sponsored হল DrupalCamp Cincinnati. |
09:56 | এই লেআউট বেশ ভালো, যা যে কোনো Display বা Layout modules না জুড়ে পেতে পারি। |
10:03 | আমরা Full content সফলভাবে করেছি। |
10:07 | এখন Teaser modes আপডেট করা শিখি। আমরা এই দুটিতে দেখলে দেখি যে এটি খারাপ নয়। |
10:16 | কিন্তু আমি নীচে স্ক্রোল করলে Teaser modes ভালো দেখি না। |
10:21 | এটি সহজে ঠিক করতে পারি। |
10:24 | Structure এবং Content types এ টিপুন। |
10:28 | Events এ Manage display এ টিপে Teaser এ টিপুন। |
10:33 | Drupal, links এবং Event Description দেয় যা body ফীল্ড। |
10:39 | এখন এরজন্য Teaser mode আপডেট করি। |
10:43 | Event Website কে উপরে ড্রেগ করে Inline চয়ন করুন। |
10:49 | তারপর Event Date উপরে ড্রেগ করি, কারণ এটি গুরুত্বপূর্ণ। |
10:55 | Event Logo ড্রেগ করে উপরে রাখুন। |
11:00 | LABEL হাইড করে FORMAT কে Thumbnail এ বদলান। |
11:05 | আমরা সাইটে যে কোনো ইমেজের জন্য Image styles বানাতে পারি। |
11:10 | কিন্তু আমরা এটি পরে শিখব। |
11:13 | Link image কে Content এ বদলান। |
11:17 | এটি সরাসরি কন্টেন্ট আইটেমে link রূপে logo বানায়। এখন Update এ টিপুন। |
11:23 | এখানে logo, website এবং date রয়েছে। |
11:28 | Links নীচে ড্রেগ করুন। |
11:31 | Event Description কাট ছাট করুন। |
11:35 | গিয়ারে টিপে এটিকে 400 characters এ বদলান। |
11:40 | Update এ টিপুন। তারপর ড্রপ ডাউনে টিপে Trimmed বিকল্প চয়ন করুন। |
11:47 | Teaser mode এরকম হতে হবে:
Logo বামদিকে, Website, Date এবং Links এর সাথে Description ডানদিকে |
11:58 | দেখি যে এটি কেমন দেখায়। Save এ টিপুন। |
12:03 | সাইটে ফিরে যান। |
12:05 | আপনি দেখবেন যে DrupalCamp Cincinnati আপডেট হয়ে গেছে। |
12:09 | Date field পরে আপডেট করব। |
12:12 | আপনি দেখেন Body এর ছাঁটাই হয়ে গেছে। |
12:16 | Structure এ টিপুন। Content types, Events, Manage display এবং Teaser এ টিপুন। |
12:24 | Event Date বাদে এতে অধিকাংশ সঠিক। Time ago এর বদলে Custom চয়ন করব। |
12:32 |
এখানে Date Formatsএর জন্য PHP documentation লিঙ্ক রয়েছে। |
12:38 | Date-Time format আপডেট করি। |
12:41 | আগে সেটি মুছুন। |
12:44 | Lowercase l comma capital F jS comma এবং capital Y. |
12:51 | এর মানে day of the week, day of the month, |
12:55 | তারপর উচিত সাফিক্স- st nd rd th এবং চার সংখ্যার বছর। |
13:04 | Update এ টিপুন। |
13:06 | এখন ডেটের preview দেখতে পারি। |
13:09 | Save এ টিপুন। |
13:11 | এখন Event Description হাইড করুন। |
13:14 | Save এ টিপুন। |
13:16 | একবার সাইটটি দেখি। |
13:19 | এখন Event এর জন্য Teaser এখানে দেখা যেতে পারে- Title, logo, website এবং Event Date. |
13:28 | User Groups এর জন্য Teaser mode আপডেট করুন। |
13:32 | Structure, Content types এ টিপে User Groups এ Manage display তে টিপুন। |
13:39 | তারপর Teaser এ টিপুন। |
13:42 | এটি একটু আলাদা কারণ এখানে কোনো ইমেজ নেই। |
13:47 | User Group logo হতে পারে। |
13:50 | User Group Website উপরে রাখুন। |
13:53 | User Group Description প্রদর্শন করব না। |
13:57 | এখন Group Contact email রাখুন। |
14:00 | Group Website এবং Contact Email এর label কে Inline করুন। |
14:06 | এখানে আবার FORMAT কে Plain text রাখবো কারণ আমরা ডিফল্ট email ব্যবহার করতে চাই না। |
14:13 | এটি সহজ Teaser mode. |
14:16 | Save এ টিপুন। |
14:18 | সাইটে ফিরে আসি। |
14:20 | Cincinnati User Group তে Read more এর সাথে Group Website এবং Contact Email রয়েছে। |
14:27 | এই কারণেই Full content এবং Teaser mode উভয়ের জন্য View modes আপডেট করেছি। |
14:33 | পরের টিউটিরিয়ালে ল্যান্ডিং পৃষ্ঠায় যাবো এবং কন্টেন্টকে উপযোগী রূপ দেবো। |
14:41 | এই সাথেই আমরা টিউটোরিয়ালের শেষে চলে এসেছি। সংক্ষিপ্তকরণ করি। |
14:46 | এই টিউটোরিয়ালে আমরা শিখেছি
Displays, Full content display ম্যানেজ করা এবং ডিসপ্লে Teaser ম্যানেজ করা। |
15:11 | এই ভিডিওটি Acquia এবং OSTraining থেকে অভিযোজিত এবং স্পোকেন টিউটোরিয়াল প্রকল্প, আইআইটি বোম্বে দ্বারা সংশোধিত। |
15:21 | এই ভিডিওটি প্রকল্পকে সারাংশিত করে। ভিডিওটি ডাউনলোড করে দেখুন। |
15:28 | স্পোকেন টিউটোরিয়াল প্রকল্প দল কর্মশালার আয়োজন করে এবং প্রশংসাপত্র দেই। আমাদের সাথে যোগাযোগ করুন। |
15:36 | স্পোকেন টিউটোরিয়াল প্রজেক্ট ভারত সরকারের MHRD এর NMEICT এবং মিনিস্ট্রি অফ কলচারের NVLI দ্বারা সমর্থিত। |
15:47 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |