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

افزونه گوتنبرگ
افزونه گوتنبرگ

همانطور که می‌دانید وردپرس از ورژن 4.9.8 به بعد ویرایشگر گوتنبرگ را به عنوان ویرایشگر پیشفرض خود قرار داد. بدین صورت که بعد از نصب وردپرس شما برای ایجاد نوشته و برگه باید از ویرایشگر گوتنبرگ استفاده نمایید و دیگر خبری از ویرایشگر کلاسیک نیست! این موضوع باعث شده است بسیاری از کاربران در کار با این ویرایشگر دچار اشکال شوند و نیازمند آموزش باشند. به همین خاطر ما در یکی دیگر از مقالات “آموزش وردپرس” قصد داریم به شما نحوه کار با ویرایشگر گوتنبرگ وردپرس را آموزش خواهیم داد. حتما تا انتهای این مقاله با ما همراه باشید.

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

آنچه در این مقاله به اختصار خواهید خواند:

  • نحوه فعالسازی افزونه گوتنبرگ
  • گوتنبرگ چیست ؟ آموزش ویرایشگر گوتنبرگ

نحوه فعالسازی افزونه گوتنبرگ

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

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

نصب افزونه گوتنبرگ
نصب افزونه گوتنبرگ

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

اگر بخواهیم یک تعریف ساده و خلاصه برای این ویرایشگر داشته باشیم می‌توانیم بگوییم:

“گوتنبرگ یک ویرایشگر از نوع بلوک در وردپرس است که به شما امکان ایجاد و یا تغییر در نوشته‌ها و برگه‌ها را تنها با کشیدن و رها کردن (Drag & Drop) می‌دهد”.

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

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

آشنایی با محیط ویرایشگر گوتنبرگ

در این قسمت قصد داریم شما را با محیط کلی ویرایشگر گوتنبرگ آشنا کنیم.

برای آشنایی بهتر با این ویرایشگر به پیشخوان وردپرس خود بروید و یک نوشته ایجاد کنید. سپس مطابق شکل زیر وارد گوتنبرگ خواهید شد.

محیط ویرایشگر گوتنبرگ
محیط ویرایشگر گوتنبرگ

ویرایشگر گوتنبرگ از دو بخش اصلی تشکیل شده است.

اولین بخش یعنی بخش سمت راست این ویرایشگر مربوط به “محتویات نوشته یا برگه شماست” و دومین بخش، بخش سمت چپ نیز مربوط به “تنظیمات نوشته یا برگه” می‌باشد.

مطابق شکل زیر، بخش “تنظیمات نوشته” خود شامل دو قسمت است:

  1. نوشته: این قسمت همانند تنظیماتی که در ویرایشگر کلاسیک نیز وجود داشت مربوط به تنظیمات کلی و عمومی برگه‌ و نوشته شماست. این تنظیمات شامل موارد زیر هستند:

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

  1. بلوک: در این قسمت تنظیمات مربوط به هر بلوک و المانی که در محتویات نوشته شما قرار گرفته است وجود دارد. هر زمان که شما به نوشته خود یک المان مانند پاراگراف، تصویر و… اضافه کنید با کلیک بر روی قسمت بلوک می‌توانید تنظیمات مربوط به این المان را تغییر دهید.
  قالب چند منظوره Spacious Interior فارسی
نوشته و بلوک در Gutenberg
نوشته و بلوک در ویرایشگر گوتنبرگ

نحوه اضافه کردن بلوک به گوتنبرگ

حال به سراغ قسمت اول یعنی “محتویات نوشته” می‌رویم تا با نحوه ایجاد یک نوشته و اضافه کردن بلوک و المان به آن آشنا شویم.

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

افزودن بلوک در ویرایشگر گوتنبرگ
افزودن بلوک در ویرایشگر گوتنبرگ

نحوه افزودن عنوان و پاراگراف به نوشته در ویرایشگر گوتنبرگ

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

افزودن عنوان و پاراگراف به نوشته در Gutenberg
افزودن عنوان و پاراگراف به نوشته در ویرایشگر گوتنبرگ

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

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

افزودن جدول و تصویر به ویرایشگر Gutenberg
افزودن جدول و تصویر به ویرایشگر گوتنبرگ

البته شاید با خود بگویید کار با ویرایشگر گوتنبرگ وردپرس سخت است و همان ویرایشگر وردپرس بهتر است! بله شاید در نگاه اول همه ما چنین فکری کنیم. اما اگر چندین بار با این ویرایشگر قدرتمند کار کنید مطمئنا متوجه امکانات جالب و اضافه آن خواهید شد و ایجاد نوشته به کمک آن برای شما بسیار آسان خواهد بود.

المان‌های مختلف گوتنبرگ چیست ؟

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

  • پاراگراف‌ها
  • لیست‌ها
  • نقل قول
  • تیترها
  • کدها
  • تصاویر
  • گالری تصاویر
  • شورت‌کدها
  • ستون‌ها
  • دکمه‌ها
  • ابزارک‌ها
  • محیط قطعه‌ کدها

جالب‌تر از همه اینکه هر بلاک برای خود تنظیمات خاصی دارد که در همان ستون سمت چپ این ویرایشگر ظاهر شده و به شما امکان تغییر می‌دهد.

سازگاری کامل گوتنبرگ با افزونه یوست سئو

همانطور که می‌دانید افزونه یوست سئو یکی از محبوب‌ترین افزونه‌های بهینه سازی سایت برای موتورهای جستجو است. اما قطعا ممکن است این سوال برایتان پیش آمده باشد که چگونه در ویرایشگر گوتنبرگ وردپرس می‌توان از Yoast SEO استفاده کرد؟ هیچ جای نگرانی نیست! این ویرایشگر همچنان جایگاه خود را حفظ کرده است و به طور کامل با افزونه یوست سئو سازگار است. مطابق شکل زیر می‌توانید تمامی بعد از نصب افزونه یوست در ویرایشگر گوتنبرگ از آن استفاده نمایید.

سازگاری کامل Gutenberg با افزونه یوست سئو
سازگاری کامل گوتنبرگ با افزونه یوست سئو

افزونه گوتنبرگ

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

آموزش ویدیویی افزونه Gutenberg

دانلود افزونه Gutenberg

صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

397,314 نفر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 4 سال عضو همیار وردپرس

    سلام
    در قسمت ابزارک ها و افزودن “آیکون شبکه های اجتماعی”، برخی از آیکون ها مانند تلگرام وجود ندارند. چطور باید اونا رو اضافه کنیم؟؟
    مرسی

    • 3 سال عضو همیار وردپرس

      سلام
      این مورد باید داخل قالب برنامه نویسی شده باشد تا از آن آیکون پشتیبانی کند.

  2. 2 سال عضو همیار وردپرس

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

    میشه راهنمایی کنید ؟ از کجا میشه اندازه فونت رو آورد چون فقط بند ها قابل تغییره ( h1 و.. )

    s7.picofile.com/file/8389830134/ccccc.JPG

    • 8 سال عضو همیار وردپرس

      سلام
      معمولا اندازه قلم در قالب تعریف میشه. چه ویرایشگر کلاسیک چه گوتنبرک فرقی نداره. شما باید شیوه نامه رو ویرایش کنید

    • 2 سال عضو همیار وردپرس

      سلام
      من از پلاگین page navi استفاده میکنم. وقتی تعداد صفحات از مثلا 10 تا که ماکزیمم هستش میشه 11 تا عملا وارد صفحه دوم میشم و دایرکت میشم به مثلا site.ir/news/page/2 و اونجا اصلا صفحه 404 باز میشه. چطور این مشکل رو میشه حل کرد؟

    • 8 سال عضو همیار وردپرس

      سلام
      نسخه بروز این افزونه رو استفاده می‌کنید؟
      لطفا به بخش پیوندهای یکتا مراجعه کرده و ذخیره تغییرات رو بزنید

    • 2 سال عضو همیار وردپرس

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

    • 2 سال عضو همیار وردپرس

      امکانش هست توی ایمیل اسکرین شات تنظیمات رو بهتون نشون بدم؟

    • 8 سال عضو همیار وردپرس

      سلام
      اسکرین شات بگیرید و آپلود کنید در جایی و اینجا لینکش رو بفرستید

    • 2 سال عضو همیار وردپرس

      کامنت من اپرو نمیشه چرا؟

    • 8 سال عضو همیار وردپرس

      سلام
      کامنت شما رو نمیبینم. لطفا مجدد سوال بپرسید

  3. 2 سال عضو همیار وردپرس

    سلام ممنون از پاسختون اما از کجا کتابخونش رو پیدا کنم ؟ چه سایتی ؟

    • 8 سال عضو همیار وردپرس

      سلام
      با افزودن المان شما می‌تونید بخش بارگذاری تصاویر رو انتخاب کنید که به همون کتابخونه چند رسانه ای وصل میشه. منظورتون همینه ؟

    • 2 سال عضو همیار وردپرس

      سلام نه کتابخونه ایش که بتونم تو پروژه ای برنامه نویسی (کلا خارج از وردپرس) استفاده کنم ؟

    • 8 سال عضو همیار وردپرس

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

    • 2 سال عضو همیار وردپرس

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

  4. 2 سال عضو همیار وردپرس

    سلام ببخشید آیا امکان استفاده از این ادیتور در پروژه های برنامه نویسی هست ؟(مثلا مثل ckeditor که کتابخونه برای پروژه های برنامه نویسی داره)

    • 8 سال عضو همیار وردپرس

      سلام
      بله

    • 2 سال عضو همیار وردپرس

      سلام ممنون از پاسختون اما از کجا کتابخونش رو پیدا کنم ؟ چه سایتی ؟

  5. 2 سال عضو همیار وردپرس

    با سلام
    چرا وقتی می خواهیم نوشته در وب سایت بنویسیم کلماتی را برای seo سایت قرار می دهیم رنگ آن قرمز است در صورتی که قبلا با ویراشگر کلاسیک به این صورت نبوده است؟؟
    و یا نوشته قبلی که با ویرایشگر کلایسک ورد پرس نوشته شده seo آنها خوب و عالی بوده و زمانی که با ویرایشگر گوتنبرگ باز می کنیم قرمز را نشان می دهد.
    لطفا مرا راهنمایی فرمایید
    با تشکر

    • 8 سال عضو همیار وردپرس

      سلام
      من چنین چیزی رو ندیدم دوست عزیز. فکر میکنم این موضوع ربط به افزونه‌ای داره که نصب کردید

  6. 3 سال عضو همیار وردپرس

    سلام و خسته نباشید.
    بالاخره منم مجبور شدم از گوتنبرگ استفاده کنم.
    خیلی خوب به هظر میرسه.
    ولی با یک مشکل مواجه شدم !!!
    چطور میشه تیتر نوشته هامو رنگی کنم ؟؟ فقط میشه انتخاب کنی که نوشته H1’H2’H3 و… باشه، خبری از انتخاب رنگ نیست !!!!

  7. 6 سال عضو همیار وردپرس

    با سلام

    من به تازگی به وردپس ۵ به روز رسانی کردم.
    الان برای مدیریت برگه هایی مثل صفحه اول سایتم و یا ساختن یک برگه جدید باید چه کار کنم؟

    مثلا می خواهم در صفحه اصلی مثل کامپوزر یک گردونه وبلاگ بسازم. اما هیچ گزینه ای ندارم

  8. 3 سال عضو همیار وردپرس

    لینگ دانلود قراربدید باتشکر

  9. 3 سال عضو همیار وردپرس

    حداقل ویدویوی این قسمت را دراپارات گذاشته بودید تا دانلود می کردیم تا بهتر ازش استفاده کنیم با تشکر

  10. 3 سال عضو همیار وردپرس

    ممنون خانم کوهستانی

    1-فقط از نظر سئو رویه سایت اثر منفی نداره ؟

    2-از نظر سرعت چطور؟

  11. 4 سال عضو همیار وردپرس

    با سلام
    خیلی عالی بود
    از بروزرسانیتون
    تشکر لازم و دارم .
    استفاده لازم شد.

  12. 5 سال عضو همیار وردپرس

    سلام من به نسخه جدید آپگرید کردم، منتها گوتنبرگ این مشکل رو داره تو سایت من:
    https://www.screencast.com/t/SAaRxlsKdP

    شما می‌دونید مشکل چیه ؟

  13. 4 سال عضو همیار وردپرس

    مقاله بسیار مفید و کاربردی بود
    سپاس فراوان

  14. تجربه نشون داده هر چی بسمت جلوه های بصری میریم با مشکل روبرو میشیم. مثل ویژوال کامپوزره همیشه کم سرعت.
    پیشنهاد من نصب افزونه TinyMCE در کنار ویرایشگر قدیمیه وردپرسه.
    (یه وردپرس کار باید حداقل css , html رو بلد باشه خدایی.)

  15. 3 سال عضو همیار وردپرس

    کمی باهاش کار بشه میفهمین چه چیز جالبیه !

    یه سوال از اساتید :
    فعال بودن این افزونه فشار زیادی روی سرور یا سرعت لود سایت میاره؟
    آیا پست هایی که با این افزونه منتشر میشن بعدا افزونه رو حذف کنیم مشکلی پیش میاد؟ ( چه تو ویرایش نوشته در ادمین چه تو خود سایت )؟
    نوشته هایی که با این افزونه منتشر میشن بغلشون نوشته گوتبرگ میاد دلیل خاصی داره؟ ( عکس زیر )
    http://www.upsara.com/images/brd_untitled.jpg

    • 8 سال عضو همیار وردپرس

      سلام
      1- نه مشکلی نداره و سرعت رو پایین نمیاره.
      2- اگه افزونه رو هم حذف کنید مشکلی نیست.
      3- فقط جهت اطلاع رسانی

  16. سلام
    نیاز هست که اول روی لوکال تست بشه ویا با پلاگین های نصب شده تطبیق پذیره؟

  17. 8 سال عضو همیار وردپرس

    سلام.
    من که اصلا نتونستم باهاش ارتباط برقرار کنم. اینقدر سعی کردن مینیمال و مدرن باشه که اصلا از حالت ویرایشگر وبلاگی دراومده. واسه من که از 86 با این مدل ادیتور کار کردم غیرقابل تحمل بود 🙂

  18. فقط یه مشکل بزرگ داره اونم فونتشه که بدرد فارسی نویسی نمیخوره متاسفانه!

  19. سلام
    من چند وقت پیش وارد اکانتم شدم صفحه تنظیمات ورود دومرحله ای رو آورد بعد چند روز مجبور شدم گوشیم رو ریست کنم و اون برنامه Authenti-cator Google پاک شده و اون کدهایی هم که دارم وقتی توی سایت میزنم میگه کدنامعتبره!!!
    لطفا یکی راهنمایی کنه. (ایمیل)
    ممنون

    • 8 سال عضو همیار وردپرس

      سلام
      مجدد باید Authenticator باید نصب کنید و با سایتتون هماهنگ کنید.

    • اگه افزونه Google Authenticator رو هم از روی وردپرس حذفش کنید، ورود دو مرحله ای غیر فعال میشه. بعدش می تونید بدون ورود دو مرحله ای وارد حساب خودتون توی وردپرس برسید.

مطالب زیر را حتما بخوانید

دوره‌های آموزشی