آیا می‌دانید گوتنبرگ وردپرس چیست و چه کارایی دارد؟ (ویدئوی آموزشی)

گوتنبرگ وردپرس

تیم توسعه وردپرس روز به روز در حال به وجود آوردن امکانات مفیدی برای وبسایت‌های وردپرسی هستند. نامی که این‌روزها بسیار به گوش می‌رسد گوتنبرگ (Gutenberg) است. گوتنبرگ وردپرس چیست؟ آیا شما هم این واژه را شنیده‌اید؟ چه اطلاعاتی در موردش دارید؟ می‌دانید دقیقا چه کاری قرار است انجام دهد؟ شاید اطلاعاتی در این مورد داشته باشید و شاید هم دقیقا نمی‌دانید چیست، اشکالی ندارد. شما حق دارید، زیرا هنوز به صورت کامل فرصت آشنا شدن با آن را بدست نیاوردیم. برای اینکه بتوانیم در این امر پیشتاز باشیم، در این مقاله تصمیم گرفتیم در مورد گوتنبرگ صحبت کنیم و به بررسی کامل آن بپردازیم. می‌دانم شما نیز بسیار مشتاق هستید تا این امکان تازه وارد را شناسایی کنید…

گوتنبرگ وردپرس

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

در وردپرس ۴٫۹٫۸ گوتنبرگ از ویرایشگر خود رونمایی کرد و با نصب آن می‌توان ویرایشگر سابق را به یک محیط کاملا متفاوت با امکاناتی مطلوب تبدیل کرد:

gutenberg plugin- گوتنبرگ وردپرس

همان‌طور که در تصویر بالا می‌بینید پس از ارتقای وردپرس به نسخه ۴٫۹٫۸، این گزینه به پیشخوان اضافه می‌شود و می‌توانید آن را فعال کنید. این امکان همان افزونه gutenberg است که در مخزن وردپرس نیز موجود است و فرقی ندارد از اینجا فعالش کنید یا از مخزن دریافت کرده و نصب کنید.

گوتنبرگ را امتحان کنید

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

gutenberg function- گوتنبرگ وردپرس

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

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

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

در همان ابتدا با کلیک روی سه نقطه می‌توان نوع ویرایشگر را مشخص کرد. دیداری یا متنی؟ این مورد دقیقا در ویرایشگر قبلی موجود بود اما حال اینجا به نوعی دیگر مشخص شده است.

  پوسته خبری profitmag + آموزش ویدیویی

choose editor- گوتنبرگ وردپرس

در سمت چپ با تنظیماتی مواجه شده و با کلیک بر روی آن می‌توانید تنظیمات مورد نظر را ایجاد کنید.

new post- گوتنبرگ وردپرس

شاید در اینجا سوال بپرسید چگونه در این محیط مطلب مورد نظر خود را وارد کنیم؟

نحوه کار با ویرایشگر گوتنبرگ 

برای کار با این ویرایشگر دقیقا همانند کار با صفحه ساز گرافیکی visual composer، به هر بخشی که نیاز دارید می‌توانید به صورت بلوک آن را ایجاد کنید. مثلا ما می‌خواهید در نوشته خود یک تصویر در ابتدا، سپس پاراگراف اول، تیتر اول، پاراگراف دوم، تصویر و به همین ترتیب اضافه کنیم. روی گزینه (+) در ابتدای صفحه کلیک می‌کنیم و امکان مورد نظر را اضافه می‌کنیم.

facility- گوتنبرگ وردپرس

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

افزودن عنوان نوشته

add heading- گوتنبرگ وردپرس

افزودن تصویر 

add image- گوتنبرگ وردپرس

به همین ترتیب می‌توانید بلاک‌های مورد نظر را اضافه کنید:

add heading- گوتنبرگ وردپرس

افزودن پاراگراف

برای افزودن بخش پاراگراف‌ها و نوشته‌ها روی گزینه پاراگراف کلیک کنید تا بلاک مربوطه اضافه شود:

add pragraph- گوتنبرگ وردپرس

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

افزودن جدول

add table- گوتنبرگ وردپرس

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

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

همه چیز با بلاک اضافه می‌شود

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

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

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

عملکرد Yoast SEO در ویرایشگر گوتنبرگ

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

yoast seo- گوتنبرگ وردپرس

پس از این بابت نیز خیالتان راحت باشد که yoast seo ارتباط خوبی با گوتنبرگ وردپرس برقرار کرده و سازگار است.

نتیجه گیری

یکی از فعالیت های پروژه گوتنبرگ وردپرس، روی کار آمدن ویرایشگر جدیدی است که با نسخه ۴٫۸٫۹ وردپرس کاملا سازگار است و با آن به کاربران وردپرسی ارائه شده است. اگر می‌خواهید تجربه جدیدی از نوشتن محتوا کسب کنید حتما این ویژگی را فعال کنید و سعی کنید با آن ارتباط برقرار کنید.

ویدئوی آموزشی Gutenberg

ساخت ویدئوی آموزشی توسط پوریا دارایی

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

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

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

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

۲۹۱,۶۷۴ نفر

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

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

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

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

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

    با سلام

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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