Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • WordPress Documentation24টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • WordPress.com ও .org
  • WordPress Site
  • Dashboard ও Admin
  • Post
  • Category ও Tag
  • Page
  • Media Library
  • Menu ও Widget
  • User ও Role
  • Gutenberg
  • Page Builder
  • Theme
  • Plugin
  • WooCommerce
  • Database
  • Hosting
  • Domain ও SSL
  • cPanel ও FTP
  • Architecture
  • Relationship
  • Complete Website
  • Best Practices
  • Interview Questions
  1. Docs
  2. WordPress
  3. Gutenberg / Block Editor কী
WordPressBeginner

Gutenberg / Block Editor কী

WordPress-এর Block-based content-edit system Gutenberg কীভাবে কাজ করে, block কী ও কী কী block ব্যবহার হয়।

8টি অংশবাংলা ভাষায়

Gutenberg / Block Editor কী?

Gutenberg হলো WordPress-এর আধুনিক editor (Block Editor নামেও পরিচিত)। এটি content-কে আলাদা আলাদা block হিসেবে গেঁথে তোলে। একেকটা block — Paragraph, Heading, Image, Button, Video, Column, ইত্যাদি।

Block কী?

Block হলো content-এর একটি করে ইউনিট। Gutenberg-এ প্রতিটি অংশ আলাদা block; আপনি সেই block ধরে drag-and-drop করতে পারেন, ক্রম বদলাতে পারেন এবং প্রতিটি block আলাদাভাবে style করতে পারেন।

একটি post-এ block gathatext
text
[ Heading  ]  "আমার প্রথম Post"
[ Paragraph]  "আজ শিখলাম WordPress..."
[ Image    ]  (ছবি) feature image
[ Paragraph]  "Block Editor আসলেই মজার!"
[ Button   ]  [ আরও পড়ুন ]

সাধারণ block-গুলো

Blockব্যবহার
Paragraphসাধারণ টেক্সট
Headingশিরোনাম (H2, H3...)
Image / Galleryছবি ও গ্যালারি
Listবুলেট/নম্বর list
Quoteউদ্ধৃতি
Buttonক্লিক-যোগ্য button
Columns / GroupLayout তৈরি
EmbedYouTube, Twitter-এর মতো embed
Better than old editor

পুরোনো Classic Editor-এ শুধু টেক্সট edit করা যেত। Gutenberg-এ Page-টির whole layout — text, image, column সবকিছুই — সরাসরি edit করা যায়, আলাদা page builder লাগে না।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরUser ও Role কীপরেরPage Builder ও Elementor কী
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com