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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. 2 سال عضو همیار وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

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

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

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

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

    ۵.۸ میلیون تومان ۴.۱ میلیون تومان
      تمام بیلبوردهای شهر پر شده از تبلیغات کسب‌و‌کارهای آنلاین یا همان استارتاپ‌ها. استارتاپی‌هایی برای درخواست تاکسی، سفارش غذا، تعمیرات خودرو در محل، کارواش و حتی خشکشویی آنلاین! نمی توان انکار کرد که...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

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