Drupal/C2/Editing-Existing-Content/Bengali
From Script | Spoken-Tutorial
Revision as of 16:46, 14 October 2016 by Pratik kamble (Talk | contribs)
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 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |