Drupal/C2/Editing-Existing-Content/Bengali

From Script | Spoken-Tutorial
Revision as of 14:25, 1 September 2016 by Satarupadutta (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time
Narration
00:01 Editing Existing Content এর টিউটোরিয়ালে আপনাদের স্বাগত।
00:06 এই টিউটোরিয়ালে Inline editing সম্পর্কে শিখব:
00:10 CKEditor দ্বারা এবং
00:12 CKEditor কনফিগার করা।
00:15 টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি:
  • উবুন্টু অপারেটিং সিস্টেম
  • Drupal 8 এবং
  • ফায়ারফক্স ওয়েব ব্রাউজার।
00:24 আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন।
00:28 আমাদের আগে নির্মিত ওয়েবসাইটটি খুলি।
00:32 প্রথমে Inline Editing সম্পর্কে শিখব।
00:36 Title এর উপর কার্সার রাখুন। ডানদিকে আমরা একটি পেন্সিল আইকন দেখি।
00:43 আমরা Title এ কার্সার নিয়ে গেলে এটি ব্লক কনফিগার করতে বলে।
00:48 Configure block এ টিপুন। এই ব্লক Page Title এর সাধারণ ব্লক।
00:54 এটি বদলালে প্রতিটি নোডে Page Titles এর প্রদর্শনের ধরণ বদলে যাবে।
00:59 Go back to site এ টিপুন। এখানে পেন্সিলের উপর কার্সার রাখুন এবং Configure block এ টিপুন।
01:06 আপনি ট্যাব বদলাতে চাইলে এখানে তা বদলাতে পারেন।
01:10 আমি এটি এইভাবে ছেড়ে দেই।
01:13 Back to site এ টিপুন।
01:16 এখন Content area তে পেন্সিলে টিপুন।
01:20 আপনি তিনটি বিকল্প দেখেন - Quick edit, Edit এবং Delete.
01:25 Quick edit ইনলাইন উইন্ডোতে ফ্রন্ট এন্ড এডিটিং।
01:29 এডিট নোডের জন্য মূল এডিটিং উইন্ডোতে নিয়ে যায়।
01:33 Delete নিশ্চিতকরণের পর নোড মুছবে।
01:37 এখন ইনলাইন ফ্যাশন নোড এডিট করতে Quick edit এ টিপুন।
01:41 এখানে গেলে এটি পৃথক নোডের ভিন্ন বিভাগে নিয়ে যায়।
01:47 এটিতে টিপলে আরো কন্টেন্ট জুড়তে সক্ষম হই, সোর্স দেখতে এবং এমনকি কিছু টেক্সট বোল্ড করতে।
01:53 একবার পরিবর্তন করলে Drupal এটি সংরক্ষণ করতে বলে. নোড আপডেট করতে Save টিপুন।
02:00 এখন আর্টিকল নোড পরিবর্তন করা শিখি ধরুন Welcome to Drupalville.
02:06 Quick edit এ টিপুন। লক্ষ্য করুন যে, Title এবং Body ফীল্ড এখানে ফ্রন্ট এন্ডে সম্পাদনাযোগ্য।
02:14 কিন্তু আমরা ইমেজ এডিট করতে পারি না।
02:17 ইমেজ এডিট করতে আমাদের এডিট স্ক্রিনে যেতে হবে।
02:22 এখন বডিতে পরিবর্তন করে তা সংরক্ষণ করতে পারি।
02:26 আমি Quick edit উইন্ডোতে ট্যাগও এডিট করতে পারি।
02:30 Drupal এ ফ্রন্ট এন্ড এডিটিং সহজ এডিটের জন্য উপযুক্ত।
02:34 Edit ট্যাব যে কোনো সময় কনটেন্ট আপডেট করতে Drupal এর একটি চমত্কার বৈশিষ্ট্।
02:40 Wysiwyg এডিটর আগে অনেকবার উল্লেখ করা হয়েছে।
02:44 এর মানে আপনি যা দেখেন আপনি তা পান।
02:48 Wysiwyg এডিটর বেশ সহায়ক।
02:52 প্রথমে টেক্সট ফরম্যাট Full HTML এ বদলাই।
02:58 এটি Wysiwyg এডিটরে উপলব্ধ ফরম্যাটিং বিকল্পের ধারণা দেবে।
03:04 Drupal এ CKEditor, Drupal core এর সাথে আসে।
03:09 এটি ডিফল্টরূপে চালু এবং কনফিগার করা যেতে পারে।
03:14 এটি দ্রুত একবার দেখি। টেক্সট লক্ষণীয় করুন Welcome to our site.
03:20 ফরম্যাট Normal থেকে Heading 2 তে বদলান।
03:24 অবিলম্বে, টেক্সট কেমন দেখাবে Drupal তার প্রিভিউ দেয়।
03:30 এই থিম এবং ক্যাসকেডিং স্টাইল শীট বা CSS দ্বারা নির্ধারিত হয় যা থিম আমাদের দেয়।
03:38 এখানে আরো কিছু টেক্সট যোগ করি Editing Drupal nodes is really fun!
03:44 এখন সেই টেক্সট হাইলাইট করুন, ইটালিক্স অফ করুন এবং এবং সেই টেক্সটের জন্য হাইপারলিঙ্ক বানান।
03:52 এখানে বলুন http://drupal.org/ Save এ টিপুন।
04:00 মাউস কার্সার রেখে লক্ষ্য করুন যে টেক্সট এখন হাইপারলিঙ্ক হয়েছে।
04:04 হাইপারলিঙ্ক সরাতে টেক্সট হাইলাইট করে Unlink এ টিপুন।
04:10 পরিবর্তন আনডু করতে Ctrl+Z টিপুন।
04:14 আমরা এখানে Bullets and numbering icons আইকনে টিপে অর্ডার এবং আনঅর্ডার তালিকাও যোগ করতে পারি।
04:21 Unordered list এ টিপুন। তারপর বুলেট যোগ করুন - one, two, three.
04:28 তারপর Ordered list এ টিপুন এবং one, two এবং three যোগ করুন।
04:34 Block quotes ব্যবহার করতে, কিছু টেক্সট হাইলাইট করুন এবং Block Quotes লিঙ্কে টিপুন।
04:40 আবার, ফরম্যাটিং আমাদের থিম দ্বারা পরিচালিত হয়।
04:46 আমরা সহজে ইমেজও সন্নিবেশ করতে পারি। আমি সেই ফাইলটি চয়ন করেছি যা প্রথম নোডে আপলোড করেছি।
04:56 Alternate Text ফীল্ড এ, আমি লিখব Drupal Logo.
05:02 Align এ Right চয়ন করব. চাইলে Caption যুক্ত করুন।
05:08 শেষে Save এ টিপুন।
05:12 এটি এখন বডিতে নোডে যুক্ত হয়েছে। আপনি চাইলে ইমেজের উপর কার্সার রেখে এটি একটি নতুন স্থানে টেনে আনুন।
05:22 প্রথমে এডিটিং উইন্ডোর আকার একটু বদলাতে হবে যাতে যেখানে চাই ইমেজ টেনে নিয়ে যেতে পারি।
05:30 ইমেজের উপর কার্সার নিয়ে গেলে এটি ইমেজও রিসাইজ করতে দেয়।
05:36 ড্রুপাল নোডে ইমেজ যোগ করার পূর্বে নিশ্চিত করুন যে আপনার ইমেজ সঠিকভাবে মাপিত এবং ফরম্যাট করা।
05:43 এটি নোডে কনটেন্ট এলাইন করতে অনেক সাহায্য করবে।
05:47 আমরা একটি টেবিল বা অনুভূমিক রেখা জুড়তে পারি।
05:51 এমনকি নোডে নির্মিত ব্লক প্রদর্শন করতে পারি।
05:55 এটি এখানে H2 ব্লক, একটি ব্লক কোড, প্যারাগ্রাফ, ট্যাগ ইত্যাদি।
06:01 আপনি HTML জানলে আপনি এই আইকনে টিপে সোর্স দেখতে পারেন।
06:07 এগোনোর আগে প্রতিটি বিকল্প সম্পূর্ণভাবে অন্বেষণ করুন।
06:12 আমরা Full HTML চালু করেছি।
06:16 এটি Basic HTML এ বদলালে এটি আমাদের সাবধান করে।
06:21 একটি সম্ভাবনা হল কনটেন্ট চিরতরে হারাতে বা মুছে যেতে পারে।
06:26 ধরুন আমরা রেখেছি JavaScript, I-frame, youtube video, google map বা সেইরকম কিছু।
06:33 Basic HTML এ বদলালে, Drupal কে সেই কন্টেন্ট সরাতে হবে।
06:38 এই ধরণের সমস্যা এড়াতে, শুধুমাত্র আপনার যা প্রয়োজন তা রাখুন।
06:43 সেটিংসে পরিবর্তন বাতিল করুন তাহলে আমরা কিছু হারাবো না।
06:48 এটি CKEditor এর দ্রুত ওভারভিউ যা Drupal এর সাথে আসে।
06:52 আমরা এটি কাস্টমাইজ করা শিখেছি।
06:55 Save and keep published এ টিপুন।
06:58 পরিবর্তিত নোড প্রদর্শিত হয়।
07:01 এরপর CKEditor কনফিগার করা শিখি।
07:05 উপরের Configuration এ টিপি।
07:09 Text formats and editors এ টিপুন।
07:13 আমরা দেখবো যে Basic HTML এবং Full HTML, CKEditor ব্যবহার করে।
07:19 তারা Authenticated User এবং Administrator এ বরাদ্দ।
07:24 এটি দুটি অনন্য ইউসার রোলস।
07:27 Drupal এ, আমাদের ইউসারের ভিন্ন ভূমিকা রয়েছে এবং প্রতিটি রোলের অনুমতি দেওয়া হয়েছে।
07:34 এই ক্ষেত্রে Basic HTML, Authenticated User এবং Administrator দ্বারা ব্যবহৃত হতে পারে।
07:41 CKEditor কে 2টি রোল বরাদ্দ করা হয়েছে।
07:45 একইভাবে, Full HTML একজন এডমিনিস্ট্রেটর দ্বারা ব্যবহৃত হতে পারে।
07:50 এখন, Basic HTML এর জন্য CKEditor যাচাই করি।
07:54 Configure এ টিপলে এটি বিভিন্ন রোলের জন্য নির্ধারণ করতে সক্ষম হবেন।
07:59 যে কোনো টেক্সট এডিটর এসাইন করে বোতামের জন্য অনুমতি দিন যা তাদের ব্যবহার করার অনুমতি রয়েছে।
08:07 এখানে Active টুলবার রয়েছে যা Basic HTML Text Format এর জন্য Authenticated User.
08:15 Active টুলবারে এই বোতামের একটি যোগ করতে চাই কি করতে হবে? এটি খুব সহজ।
08:21 Available buttons থেকে Paste from Word আইকন চয়ন করুন।
08:26 তারপর মাউস টিপে ড্রেগ করুন যতক্ষণ একটি নীল বাক্স না খোলে যেখানে আইকন যোগ করতে পারি।
08:33 একটি নতুন গ্রুপ যোগ করতে Add group বোতামে টিপুন। এর নাম copy and paste দিয়ে Apply তে টিপুন।
08:41 এখন Paste from Word আইকনে টিপে এবং ড্রেগ করে copy and paste সেকশনে নিয়ে যান।
08:47 এখানে সকল paste icons যোগ করি।
08:51 আমরা Basic HTML format এর জন্য বারে তিনটি নতুন বোতাম যোগ করেছি।
08:57 Paste icons যা সকল টুলবারের প্রয়োজন যেহেতু অধিকাংশ টেক্সট ফাইল থেকে কপি-পেস্ট করা হয়।
09:04 আমরা ইনলাইন-ইমেজও আপলোড করেছি এবং যে কোনো প্রস্থ এবং উচ্চতার সাথে 32MB সর্বাধিক ফাইল আকারের ইমেজ আপলোড করেছি।
09:14 আপনার সংস্থাপনে সর্বোচ্চ আকার ভিন্ন হতে পারে।
09:18 আমাদের পছন্দ অনুযায়ী এখানে যে কোনো সেটিংস পরিবর্তন করতে পারি।
09:23 ধরুন আমরা ম্যানুয়ালি লিঙ্ক করার বদলে সর্বদা URL কে লিঙ্কে বদলাতে চাই।
09:29 আমরা Convert URLs into links বিকল্পে টিপে এটি করতে পারি।
09:34 এখানে Filter settings ও রয়েছে। Limit allowed HTML tags এ টিপি।
09:41 যখন আমরা সোর্সে দেখি আমরা ব্যবহার করতে HTML ট্যাগ যোগ করতে প্রস্তুত হব।
09:47 তাই এটি একটি শক্তিশালী WYSIWYG এডিটর এবং কনফিগারেশন এরিয়া।
09:54 একবার সকল পরিবর্তনের পর Save configuration বোতামে টিপুন।
09:59 এখন আমাদের Content এ দেখি।
10:02 Welcome to Drupalville নোডে Edit বিকল্পে টিপুন।
10:07 লক্ষ্য করুন Full HTML চালু থাকায় কিছুই পরিবর্তিত হয়নি।
10:12 এখন এটি Basic HTML এ বদলাই। এখনো সমস্ত পরিবর্তন রয়েছে।
10:18 আমরা ব্লক না দেখতে পারলেও এখানে Paste icons উপলব্ধ।
10:23 আমি এখানে এই ইমেজ চাই না. তাই ইমেজে টিপে এটি মুছি এবং আমার কীবোর্ডে Backspace বা Delete কী টিপি।
10:32 Save and keep published এ টিপুন।
10:35 আবার, Configuration এ টিপুন। নীচে স্ক্রোল করুন এবং Text formats and editor এ টিপুন।
10:43 এখন Full HTML টুলবার কনফিগার করি।
10:47 আমরা এখানে আরো কয়েকটি বোতাম পাই কিন্তু Paste icons নয়।
10:52 Show group names এ টিপুন এবং দ্বিতীয় লাইনে Add group এ টিপুন।
10:57 এর নাম copy and paste দিন. এখন আমরা এটি copy and paste সেকশনে টিপতে এবং ড্রেগ করতে পারি।
11:05 একইভাবে এখানে নীচে, সকল বিকল্পগুলি আবার রয়েছে। এখন Save configuration বোতামে টিপুন।
11:13 আবার Welcome to Drupalville এ ফিরে গিয়ে এটিকে Full HTML এ বদলাই।
11:18 Continue টিপুন এবং এখন আমরা বোতামের দুটি সারি দেখি।
11:23 এর মানে হল আমাদের এডিটর সম্পূর্ণরূপে সেট।
11:26 CKEditor এর জন্য কিছু সময় দিন, এবং নিশ্চিত করুন যে এটি ভালোমত বুঝেছেন।
11:32 এর সাথেই আমরা টিউটোরিয়ালের শেষে চলে এসেছি। সংক্ষিপ্তকরণ করি।
11:37 এই টিউটোরিয়ালে আমরা শিখেছি:
  • Inline editing
  • CKEditor ব্যবহার করা এবং
  • CKEditor কনফিগার করা।
11:50 এই ভিডিওটি Acquia এবং OSTraining থেকে অভিযোজিত এবং স্পোকেন টিউটোরিয়াল প্রকল্প, আইআইটি বোম্বে দ্বারা সংশোধিত।
11:59 এই ভিডিওটি প্রকল্পকে সারাংশিত করে। ভিডিওটি ডাউনলোড করে দেখুন।
12:06 স্পোকেন টিউটোরিয়াল প্রকল্প দল কর্মশালার আয়োজন করে এবং প্রশংসাপত্র দেই। আমাদের সাথে যোগাযোগ করুন।
12:13 স্পোকেন টিউটোরিয়াল প্রজেক্ট ভারত সরকারের MHRD এর NMEICT এবং মিনিস্ট্রি অফ কলচারের NVLI দ্বারা সমর্থিত।
12:25 আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ।

Contributors and Content Editors

Pratik kamble, Satarupadutta, Shruti arya