ویرایشگر گتنبرگ چیست؟

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

ویرایشگر گتنبرگ وردپرس چیست؟

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

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

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

گوتنبرگ به شما امکان می‌دهد تا در حین ویرایش، پیش‌نمایشی از ظاهر نهایی صفحه داشته باشید. این ویژگی به شما کمک می‌کند تا تغییرات مورد نظر خود را به صورت زنده مشاهده کنید.

جالب توجه است که گوتنبرگ به صورت پیش‌فرض در هسته وردپرس گنجانده شده است و نیازی به نصب افزونه جداگانه‌ای ندارد.

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

تفاوت ویرایشگر گتنبرگ با ویرایشگر های دیگر

چه چیزی گوتنبرگ را از سایر ویرایشگرها متمایز می‌کند؟ در ادامه به بررسی تفاوت‌های کلیدی گوتنبرگ با ویرایشگرهای دیگر می‌پردازیم:

1. رویکرد مبتنی بر بلوک‌ها:

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

2. طراحی بصری:

• گوتنبرگ: رابط کاربری گوتنبرگ به صورت بصری طراحی شده است و به شما امکان می‌دهد تا در حین ویرایش، پیش‌نمایشی از ظاهر نهایی محتوا داشته باشید. این ویژگی به شما کمک می‌کند تا تغییرات مورد نظر خود را به صورت زنده مشاهده کنید.
• ویرایشگرهای کلاسیک: اغلب رابط کاربری ساده‌تری دارند و برای دیدن نتیجه نهایی باید محتوا را ذخیره کرده و صفحه را بارگذاری کنید.

3. انعطاف‌پذیری:

• گوتنبرگ: با استفاده از انواع مختلف بلوک‌ها و قابلیت سفارشی‌سازی، امکان ایجاد محتواهای بسیار متنوع و پیچیده‌ای را فراهم می‌کند.
• ویرایشگرهای کلاسیک: اغلب قابلیت‌های محدودتری دارند و برای ایجاد محتواهای پیچیده، نیاز به استفاده از کدهای HTML یا افزونه‌های جانبی است.

4. سهولت استفاده:

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

5. توسعه‌پذیری:

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

6. یکپارچگی با وردپرس:

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

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

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

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

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

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

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

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

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

ویرایشگر کلاسیک:

• رابط کاربری: ساده و متنی، شبیه به نرم‌افزارهای پردازش کلمه.
• ساختار: یک فضای ویرایش واحد برای تمام محتوا.
• انعطاف‌پذیری: محدودتر، نیاز به دانش HTML برای ایجاد تغییرات پیچیده.
• یادگیری: آسان برای کاربران مبتدی، اما برای طراحی‌های پیچیده محدودیت دارد.

ویرایشگر گوتنبرگ:

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

تفاوت‌های کلیدی:

• گوتنبرگ بر روی طراحی بصری و ایجاد محتواهای پیچیده تمرکز دارد.
• ویرایشگر کلاسیک برای کاربران مبتدی آسان‌تر است اما برای طراحی‌های پیچیده محدودیت دارد.
• گوتنبرگ از نظر سئو بهینه‌تر است.

نحوه نصب افزونه ویرایشگر گتنبرگ

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

اگر از نسخه قدیمی‌تر وردپرس استفاده می‌کنید یا می‌خواهید نسخه گوتنبرگ را به‌روزرسانی کنید، مراحل زیر را دنبال کنید:

 روش اول: نصب از طریق داشبورد وردپرس

1. 1. ورود به داشبورد وردپرس: به داشبورد وردپرس خود وارد شوید.
2. 2. بخش افزونه‌ها: به بخش “افزونه‌ها” رفته و سپس روی گزینه “افزودن” کلیک کنید.
3. 3. جستجوی افزونه: در نوار جستجو، عبارت “Classic Editor” (ویرایشگر کلاسیک) را تایپ کنید.
4. 4. نصب و فعال‌سازی: افزونه Classic Editor را پیدا کرده و روی دکمه “نصب حالا” کلیک کنید. پس از نصب، روی دکمه “فعال‌سازی” کلیک کنید.

 روش دوم: نصب از طریق فایل

1. 1. دانلود افزونه: افزونه Classic Editor را از مخزن وردپرس یا یک منبع معتبر دیگر دانلود کنید.
2. 2. انتقال فایل: فایل زیپ افزونه را به پوشه wp-content/plugins در دایرکتوری نصب وردپرس خود منتقل کنید.
3. 3. فعال‌سازی: به داشبورد وردپرس بروید، به بخش افزونه‌ها رفته و افزونه Classic Editor را فعال کنید.

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

نکات مهم:

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

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

ویرایشگر گتنبرگ چگونه کار میکند؟

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

 چگونه با گوتنبرگ کار کنیم؟

1. 1. افزودن بلوک: برای افزودن یک بلوک جدید، روی علامت “+” کلیک کنید و بلوک مورد نظر خود را انتخاب کنید.
2. 2. ویرایش بلوک: با کلیک روی هر بلوک، می‌توانید آن را ویرایش کنید. مثلاً برای یک بلوک تصویر، می‌توانید تصویر را تغییر دهید، اندازه آن را تنظیم کنید یا به آن عنوان اضافه کنید.
3. 3. جابه‌جایی بلوک‌ها: با کلیک و کشیدن بلوک‌ها، می‌توانید آن‌ها را در صفحه جابه‌جا کنید.
4. 4. گروه بندی بلوک‌ها: برای گروه بندی چندین بلوک و ایجاد یک ستون یا بخش مشخص، می‌توانید آن‌ها را در یک گروه قرار دهید.

 انواع بلوک‌ها در گوتنبرگ

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

برای درک بهتر، می‌توانید آموزش‌های تصویری و ویدئویی زیادی در مورد گوتنبرگ پیدا کنید. این آموزش‌ها به شما کمک می‌کنند تا به سرعت با این ویرایشگر قدرتمند آشنا شوید.

معرفی برخی از بهترین افزونه‌های گوتنبرگ

• Spectra : یکی از محبوب‌ترین و قدرتمندترین افزونه‌های گوتنبرگ است که مجموعه گسترده‌ای از بلوک‌های حرفه‌ای، گزینه‌های سفارشی‌سازی و ابزارهای طراحی را در اختیار شما قرار می‌دهد.
• Stackable : این افزونه با ارائه بلوک‌های زیبا و قابل تنظیم، به شما امکان می‌دهد طرح‌های خلاقانه و چشم‌نوازی ایجاد کنید.
• Ultimate Addons for Gutenberg : این افزونه رایگان، مجموعه بزرگی از بلوک‌های مفید مانند بلوک‌های جدول، شمارنده، آیکون و … را به گوتنبرگ اضافه می‌کند.
• Gutenberg Blocks by Otter : این افزونه با تمرکز بر سادگی و کاربری آسان، مجموعه کاملی از بلوک‌های کاربردی را ارائه می‌دهد.
• CoBlocks : این افزونه با ارائه ابزارهای قدرتمند برای ایجاد طرح‌های پیچیده، گزینه مناسبی برای کاربران حرفه‌ای است.
• Kadence Blocks: این افزونه با ارائه بلوک‌های متنوع و ابزارهای طراحی قدرتمند، به شما امکان می‌دهد صفحات با طراحی حرفه‌ای ایجاد کنید.

کلام آخر

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