Drupal/C2/Modifying-the-Display-of-Content/Bengali

From Script | Spoken-Tutorial
Jump to: navigation, search
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 আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ।

Contributors and Content Editors

Pratik kamble, Satarupadutta, Shruti arya