تسلط بر گوتنبرگ: طراحی حرفه‌ای وب‌سایت با بلوک‌ها

کاملاً به‌روز شده در ژانویه ۲۰۲۵.

گوتنبرگ به عنوان بخشی جدایی‌ناپذیر از وردپرس ۵.۰ معرفی شد و جایگزین ویرایشگر کلاسیک WYSIWYG گردید. این ویرایشگر، ابزار اصلی شما برای خلق محتوای پست‌ها و صفحات وردپرس است. با بلوک‌های متنوع برای عناوین، تصاویر، متن و هر آنچه تصور کنید، می‌توانید صفحات وب خود را با کشیدن و رها کردن بلوک‌ها طراحی کنید.

اما گوتنبرگ با به‌روزرسانی وردپرس ۵.۹ تحولی عظیم را تجربه کرد: ویرایش کامل سایت (Full Site Editing)! این قابلیت که با اختصار FSE یا صرفاً ویرایش سایت نیز شناخته می‌شود، به شما این امکان را می‌دهد تا با همان ویرایشگر بلوکی که برای محتوای خود استفاده می‌کنید، هدر و فوتر وب‌سایتتان را نیز ویرایش و طراحی کنید. یعنی شما کنترل کاملی بر ظاهر بالایی، پایینی و میانی وب‌سایت خود خواهید داشت. این همان قدرت ویرایش کامل سایت است. همچنین می‌توانید یک قالب بلوکی کامل را از ابتدا طراحی کنید.

این دوره آموزشی برای آشنایی سریع شما با ویرایش کامل سایت در وردپرس طراحی شده است.

آنچه در این دوره خواهید آموخت:

• بررسی عمیق ویرایشگر گوتنبرگ برای ایجاد صفحات وب جذاب‌تر و مطالعه کامل بر روی ویرایش کامل سایت.
• معرفی قالب Twenty Twenty-Five، جدیدترین قالب بلوکی وردپرس.
• استفاده از نمای کلی سند (Document Overview) و پالت دستور (Command Palette) برای بهبود گردش کار.
• آشنایی با گزینه‌های چیدمان عادی، پهن و تمام صفحه و نحوه تنظیم آن‌ها.
• درک مدل جعبه (Box Model) برای استفاده صحیح از padding و margin جهت ایجاد فضا در عناصر طراحی.
• بررسی بلوک‌های رایج مانند پاراگراف، تصویر، ویدئو، دکمه، کاور، حلقه پرس‌وجو (Query Loop)، ستون‌ها، جدول و بلوک‌های پیشرفته‌تر مانند گروه‌ها، ردیف‌ها، پشته‌ها و شبکه‌ها.
• کاوش در سلسله مراتب قالب‌ها (Template Hierarchy) و اجزای قالب (Template Parts).
• استفاده از سبک‌های سراسری (Global Styles)، شامل تایپوگرافی (با امکان نصب فونت‌های گوگل)، پالت‌های رنگی، پس‌زمینه‌ها، سایه‌ها، چیدمان و فاصله‌گذاری، و تغییر ظاهر پیش‌فرض بلوک‌ها.
• پس از مطالعه دقیق گوتنبرگ، ایجاد یک قالب بلوکی کاملاً کاربردی از ابتدا، شامل اجزا و قالب‌های لازم برای اجرای یک سایت کامل. درک اینکه کدام قالب برای هر نوع پست لازم است و استفاده پیشرفته از حلقه پرس‌وجو برای انعطاف‌پذیری بیشتر در طراحی.
• بررسی دیگر قالب‌های بلوکی وردپرس، از Twenty Twenty-Two تا Twenty Twenty-Five، و چگونگی تکامل آن‌ها.
• بخش پایانی به موضوعات اضافی مانند ایجاد صفحه فرود (landing page)، افزودن CSS سفارشی به قالب بلوکی و اضافه کردن سایدبار به وب‌سایت.

با پایان این دوره، اعتماد به نفس لازم برای مدیریت طراحی وب‌سایت خود را با گوتنبرگ، از جمله طراحی هدر، فوتر و محتوا، کسب خواهید کرد و در مسیر تسلط بر ویرایش کامل سایت گام برمی‌دارید.