آموزش کار با ویرایشگر گوتنبرگ در وردپرس

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

در این مقاله، به صورت کامل و دقیق به آموزش کار با ویرایشگر گوتنبرگ در وردپرس می‌ پردازیم. از آشنایی با مفهوم بلوک‌ ها و ابزارهای اصلی گرفته تا استفاده از تنظیمات پیشرفته و نکات سئو، همه چیز را به شما آموزش می‌ دهیم. اگر می‌ خواهید از پتانسیل کامل این ویرایشگر مدرن بهره‌مند شوید، ادامه این مطلب را از دست ندهید.

چرا ویرایشگر گوتنبرگ؟ مزایا و ویژگی‌ های کلیدی

ویرایشگر گوتنبرگ نه تنها یک جایگزین برای ویرایشگر کلاسیک است، بلکه یک ابزار قدرتمند برای طراحی بصری محتوا محسوب می‌شود. از مهم‌ ترین مزایای آن می‌ توان به موارد زیر اشاره کرد:

• مبتنی بر بلوک: در گوتنبرگ، هر المان محتوایی (از جمله پاراگراف، تصویر، عنوان، دکمه و جدول) یک “بلاک” مستقل است. این ساختار به شما اجازه می‌دهد تا هر المان را به صورت جداگانه ویرایش، جابجا و تنظیم کنید.

• طراحی بصری (WYSIWYG): گوتنبرگ یک تجربه “آنچه می‌ بینی، همان را می‌ گیری” واقعی را ارائه می‌کند. به این معنی که طرح‌ بندی و ظاهر محتوای شما در ویرایشگر، تقریباً مشابه چیزی است که بازدید کنندگان در سایت شما مشاهده می‌ کنند.

• انعطاف‌ پذیری بالا: با استفاده از بلوک‌ ها، می‌ توانید چیدمان‌ های پیچیده‌ای مانند ستون‌ ها، گالری‌ های تصویری و نقل قول‌ های جذاب را به راحتی ایجاد کنید.

• جایگزینی برای افزونه‌های صفحه‌ ساز: بسیاری از کار هایی که قبلاً به افزونه‌ های سنگین صفحه‌ ساز (مانند Elementor) نیاز داشتند، اکنون به صورت پیش‌فرض در گوتنبرگ قابل انجام هستند، که این امر به سبک‌ تر شدن و افزایش سرعت سایت شما کمک می‌ کند.

• توسعه‌ پذیری: جامعه وردپرس هزاران افزونه و بلاک سفارشی برای گوتنبرگ توسعه داده‌ اند که به شما امکان می‌ دهد قابلیت‌های ویرایشگر را به بی‌ نهایت گسترش دهید.

مزایا و معایب ویرایشگر گوتنبرگ

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

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

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

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

مقایسه گوتنبرگ با المنتور و ویژوال کامپوزر

در دنیای وردپرس، ابزارهای مختلفی برای طراحی صفحات وجود دارند. ویژوال کامپوزر یکی از اولین صفحه‌ ساز های محبوب بود، اما به مرور زمان جای خود را به المنتور داد که به دلیل رابط کاربری مدرن و امکانات حرفه‌ ای، محبوبیت زیادی کسب کرد.تفاوت اصلی این صفحه‌ ساز ها با گوتنبرگ در عملکرد و سرعت است. المنتور امکانات طراحی بسیار پیشرفته‌ ای ارائه می‌دهد، اما همین موضوع باعث سنگین‌ تر شدن سایت و کاهش سرعت آن می‌ شود. گوتنبرگ در مقابل، ساده‌ تر و سبک‌ تر است و عملکرد بهتری در زمینه سرعت سایت دارد. در نهایت، انتخاب میان این ابزار ها به نیاز شما بستگی دارد؛ اگر سرعت و سادگی برایتان اولویت دارد، گوتنبرگ بهترین گزینه است، اما اگر به دنبال طراحی‌ های حرفه‌ ای و انعطاف‌ پذیر هستید، المنتور انتخاب مناسب‌ تری خواهد بود.

آموزش کار با ویرایشگر گوتنبرگ در وردپرس

گوتنبرگ از نسخه ۵.۰ به بعد به صورت پیش‌ فرض در وردپرس فعال است و نیازی به نصب افزونه ندارد. برای شروع کار، به بخش “نوشته‌ها > افزودن نوشته جدید” یا “برگه‌ها > افزودن برگه جدید” بروید.

۱. فضای کاری و بلوک‌ها

• عنوان (Title): در بالای صفحه، کادری برای وارد کردن عنوان نوشته یا برگه شما قرار دارد.

• بلاک پاراگراف (Paragraph Block): پس از عنوان، یک بلوک پیش‌ فرض برای نوشتن اولین پاراگراف محتوای شما قرار دارد.

• افزودن بلوک (+): با کلیک بر روی علامت (+) در بالا سمت چپ یا در هر جای خالی از ویرایشگر، می‌توانید انواع بلوک‌های محتوایی را اضافه کنید. این بلوک‌ها در دسته‌بندی‌های مختلفی مانند “پرکاربردترین”، “متن”، “رسانه”، “طرح‌بندی” و “ابزارک‌ها” قرار دارند.

• میانبر اسلش (/): با تایپ علامت / در یک بلوک خالی، می‌توانید به سرعت بلوک مورد نظر خود را جستجو و اضافه کنید (مثلاً /image برای بلوک تصویر).

۲. نوار ابزار بلوک

وقتی روی هر بلوک کلیک می‌ کنید، یک نوار ابزار کوچک در بالای آن ظاهر می‌ شود. این نوار ابزار شامل ابزارهای ویرایشی مختص به آن بلوک است. به عنوان مثال، برای یک بلوک پاراگراف، ابزار هایی مانند بولد، ایتالیک، لینک‌ دهی و تراز متن وجود دارد.

۳. پنل تنظیمات بلوک

در سمت چپ صفحه، دو تب اصلی وجود دارد:

• سند (Document): این تب شامل تنظیمات کلی نوشته یا برگه شماست، مانند دسته‌ بندی، برچسب‌ ها، تصویر شاخص و پیوندهای یکتا.

• بلاک (Block): این تب، تنظیمات پیشرفته بلوک فعال را نمایش می‌ دهد. به عنوان مثال، برای یک بلوک تصویر، می‌توانید اندازه تصویر، متن جایگزین و حاشیه آن را تنظیم کنید. برای یک بلوک پاراگراف، می‌توانید رنگ متن و پس‌ زمینه را تغییر دهید.

نتیجه‌گیری

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

سوالات متداول درباره ویرایشگر گوتنبرگ

• آیا می‌ توانم ویرایشگر کلاسیک را به جای گوتنبرگ استفاده کنم؟

بله. با نصب و فعال‌ سازی افزونه رسمی “Classic Editor”، می‌توانید ویرایشگر کلاسیک را به عنوان ویرایشگر پیش‌ فرض خود انتخاب کنید.

• چگونه یک بلوک را جابجا یا حذف کنم؟

برای جابجا کردن یک بلوک، روی آن کلیک کرده و با استفاده از دکمه‌ های فلش بالا و پایین در نوار ابزار آن، مکانش را تغییر دهید. برای حذف یک بلوک، روی سه نقطه (⋮) در نوار ابزار کلیک کرده و گزینه “حذف بلوک” را انتخاب کنید.

• آیا می‌ توانم بلوک‌ های سفارشی به گوتنبرگ اضافه کنم؟

بله، بسیاری از افزونه‌ های وردپرس بلوک‌ های سفارشی خود را به گوتنبرگ اضافه می‌ کنند. همچنین، افزونه‌ هایی مانند “Ultimate Addons for Gutenberg” مجموعه‌ ای بزرگ از بلوک‌ های اضافی را در اختیار شما قرار می‌ دهند.

• آیا گوتنبرگ روی سرعت سایت تأثیر می‌گذارد؟

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

محمد موسوی

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