تیم توسعه وردپرس روز به روز در حال به وجود آوردن امکانات مفیدی برای وبسایت‌های وردپرسی هستند. نامی که این‌روزها بسیار به گوش می‌رسد گوتنبرگ (Gutenberg) است. گوتنبرگ وردپرس چیست؟ آیا شما هم این واژه را شنیده‌اید؟ چه اطلاعاتی در موردش دارید؟ می‌دانید دقیقا چه کاری قرار است انجام دهد؟ شاید اطلاعاتی در این مورد داشته باشید و شاید هم دقیقا نمی‌دانید چیست، اشکالی ندارد. شما حق دارید، زیرا هنوز به صورت کامل فرصت آشنا شدن با آن را بدست نیاوردیم. برای اینکه بتوانیم در این امر پیشتاز باشیم، در این مقاله تصمیم گرفتیم در مورد گوتنبرگ صحبت کنیم و به بررسی کامل آن بپردازیم. می‌دانم شما نیز بسیار مشتاق هستید تا این امکان تازه وارد را شناسایی کنید…
گوتنبرگ وردپرس
در واقع گوتنبرگ وردپرس یک پروژه وردپرسی است و در حال حاضر یک محیط ویرایش جدید در وردپرس را رونمایی کرده و همچنان قرار است گسترده‌تر شده و رشد کند. این موردی است که اغلب مردم در موردش اطلاع دارند اما باید به شما بگویم که گوتنبرگ وردپرس تنها یک ویرایشگر را شامل نمی‌شود بلکه شروع اقداماتی بسیار بزرگ‌تر است. در واقع این پروژه بر روی لایه بندی و قالب‌های سایت تاثیر گذاشته و تبدیل به یک سفارشی‌ساز کامل برای وردپرس می‌شود. حال شما فرض کنید چه امکاناتی در اختیار ما قرار خواهد گرفت!
در وردپرس ۴٫۹٫۸ گوتنبرگ از ویرایشگر خود رونمایی کرد و با نصب آن می‌توان ویرایشگر سابق را به یک محیط کاملا متفاوت با امکاناتی مطلوب تبدیل کرد:
همان‌طور که در تصویر بالا می‌بینید پس از ارتقای وردپرس به نسخه ۴٫۹٫۸، این گزینه به پیشخوان اضافه می‌شود و میتوانید آن را فعال کنید. این امکان همان افزونه gutenberg است که در مخزن وردپرس نیز موجود است و فرقی ندارد از اینجا فعالش کنید یا از مخزن دریافت کرده و نصب کنید.
گوتنبرگ را امتحان کنید
با کلیک روی دکمه آبی رنگ به صفحه‌ای آزمایشی منتقل خواهید شد که شبیه به سفارشی‌ساز قالب وردپرس است. این صفحه مربوط به گوتنبرگ وردپرس بوده و می‌توان تغییرات را در آن مشاهده کنید.
روی هر قسمتی که کلیک کنید، در ستون سمت چپ میتوانید تنظیمات را مشاهده کرده و تغییراتی را اعمال کنید. این صفحه تنها یک نسخه آزمایشی جهت آشنایی با ویرایشگر گوتنبرگ وردپرس است.
باز کردن گوتنبرگ برای اولین بار
پس از فعال‌سازی گوتنبرگ وردپرس، برای اولین بار که ویرایشگر وردپرس خود را در برگه یا نوشته باز می‌کنید، تعجب می‌کنید و به دنبال ویرایشگر سابق هستید تا نوشته خود را آغاز کنید اما نمی‌توانید و شاید چند دقیقه‌ای نتوانید عملیاتی انجام دهید. بله تمامی ظاهر قبلی ویرایشگر از بین رفته است و به جایش محیط نوشتاری بسیار تمیز با یک تایپوگرافی عالی و فضای مناسب برای محتویات نوشته در انتظار شماست.
در همان ابتدا با کلیک روی سه نقطه می‌توان نوع ویرایشگر را مشخص کرد. دیداری یا متنی؟ این مورد دقیقا در ویرایشگر قبلی موجود بود اما حال اینجا به نوعی دیگر مشخص شده است.
در سمت چپ با تنظیماتی مواجه شده و با کلیک بر روی آن میتوانید تنظیمات مورد نظر را ایجاد کنید.
شاید در اینجا سوال بپرسید چگونه در این محیط مطلب مورد نظر خود را وارد کنیم؟
نحوه کار با ویرایشگر گوتنبرگ
برای کار با این ویرایشگر دقیقا همانند کار با صفحه ساز گرافیکی visual composer، به هر بخشی که نیاز دارید میتوانید به صورت بلوک آن را ایجاد کنید. مثلا ما می‌خواهید در نوشته خود یک تصویر در ابتدا، سپس پاراگراف اول، تیتر اول، پاراگراف دوم، تصویر و به همین ترتیب اضافه کنیم. روی گزینه (+) در ابتدای صفحه کلیک می‌کنیم و امکان مورد نظر را اضافه می‌کنیم.
حال با کلیک روی هر بلاک، آن را به ویرایشگر خود اضافه خواهید کرد. با افزودن هر امکان در سمت چپ میتوانید تنظیمات آن را نیز انجام دهید. مثلا ما اول عنوان نوشته را وارد می‌کنیم.
افزودن عنوان نوشته
افزودن تصویر
به همین ترتیب میتوانید بلاک‌های مورد نظر را اضافه کنید:
افزودن پاراگراف
برای افزودن بخش پاراگراف‌ها و نوشته‌ها روی گزینه پاراگراف کلیک کنید تا بلاک مربوطه اضافه شود:
در سمت چپ میتوانید اندازه قلم و رنگ متن را مشخص کنید.
افزودن جدول
در نهایت اگر بر روی پیش‌نمایش تغییرات کلیک کنید نسخه‌ای از نوشته خود را مشاهده کرده و اگر بر روی انتشار کلیک کنید، مطلب مورد نظر بر روی سایت قرار می‌گیرد.
شاید با خود بگویید عملکرد گوتنبرگ وردپرس سخت است و همان ویرایشگر وردپرس بهتر است. بله شاید در نگاه اول همه ما چنین فکری کنیم اما اگر چند باری با ویرایشگر گوتنبرگ وردپرس کار کنیم مطمئنا متوجه امکانات جالب و اضافه آن خواهیم شد.
همه چیز با بلاک اضافه می‌شود
تمامی امکاناتی که به آن نیاز دارید با افزودن یک بلاک در ویرایشگر گوتنبرگ وردپرس ایجاد می‌شود. مانند:
- پاراگراف‌ها
- لیست‌ها
- نقل قول
- تیترها
- کدها
- تصاویر
- گالری تصاویر
- شورت‌کدها
- ستون‌ها
- دکمه‌ها
- ابزارک‌ها
- محیط قطعه کدها
جالب‌تر از همه اینکه هر بلاک برای خود تنظیمات خاصی دارد که در همان ستون سمت چپ ظاهر شده و به شما امکان تغییر میدهد.
عملکرد Yoast SEO در ویرایشگر گوتنبرگ
شاید این سوال برایتان پیش آمده باشد که چگونه در ویرایشگر گوتنبرگ وردپرس می‌توان از Yoast SEO استفاده کرد؟ هیچ جای نگرانی نیست! این افزونه همچنان جایگاه خود را حفظ کرده است:
پس از این بابت نیز خیالتان راحت باشد که yoast seo ارتباط خوبی با گوتنبرگ وردپرس برقرار کرده و سازگار است.
نتیجه گیری
یکی از فعالیت های پروژه گوتنبرگ وردپرس، روی کار آمدن ویرایشگر جدیدی است که با نسخه ۴٫۸٫۹ وردپرس کاملا سازگار است و با آن به کاربران وردپرسی ارائه شده است. اگر می‌خواهید تجربه جدیدی از نوشتن محتوا کسب کنید حتما این ویژگی را فعال کنید و سعی کنید با آن ارتباط برقرار کنید.
ممرضا
تجربه نشون داده هر چی بسمت جلوه های بصری میریم با مشکل روبرو میشیم. مثل ویژوال کامپوزره همیشه کم سرعت.
پیشنهاد من نصب افزونه TinyMCE در کنار ویرایشگر قدیمیه وردپرسه.
(یه وردپرس کار باید حداقل css , html رو بلد باشه خدایی.)
iman saman 8 ماه عضو همیار وردپرس
کمی باهاش کار بشه میفهمین چه چیز جالبیه !
یه سوال از اساتید :
فعال بودن این افزونه فشار زیادی روی سرور یا سرعت لود سایت میاره؟
آیا پست هایی که با این افزونه منتشر میشن بعدا افزونه رو حذف کنیم مشکلی پیش میاد؟ ( چه تو ویرایش نوشته در ادمین چه تو خود سایت )؟
نوشته هایی که با این افزونه منتشر میشن بغلشون نوشته گوتبرگ میاد دلیل خاصی داره؟ ( عکس زیر )
http://www.upsara.com/images/brd_untitled.jpg
بهاره کوهستانی 5 سال عضو همیار وردپرس
سلام
۱- نه مشکلی نداره و سرعت رو پایین نمیاره.
۲- اگه افزونه رو هم حذف کنید مشکلی نیست.
۳- فقط جهت اطلاع رسانی
رضا
سلام
نیاز هست که اول روی لوکال تست بشه ویا با پلاگین های نصب شده تطبیق پذیره؟
بهاره کوهستانی 5 سال عضو همیار وردپرس
سلام
مشکلی نداره و تست شده
asajadi84 5 سال عضو همیار وردپرس
سلام.
من که اصلا نتونستم باهاش ارتباط برقرار کنم. اینقدر سعی کردن مینیمال و مدرن باشه که اصلا از حالت ویرایشگر وبلاگی دراومده. واسه من که از ۸۶ با این مدل ادیتور کار کردم غیرقابل تحمل بود 🙂
احسان
فقط یه مشکل بزرگ داره اونم فونتشه که بدرد فارسی نویسی نمیخوره متاسفانه!
علیرضا
سلام
من چند وقت پیش وارد اکانتم شدم صفحه تنظیمات ورود دومرحله ای رو آورد بعد چند روز مجبور شدم گوشیم رو ریست کنم و اون برنامه Authenti-cator Google پاک شده و اون کدهایی هم که دارم وقتی توی سایت میزنم میگه کدنامعتبره!!!
لطفا یکی راهنمایی کنه. (ایمیل)
ممنون
بهاره کوهستانی 5 سال عضو همیار وردپرس
سلام
مجدد باید Authenticator باید نصب کنید و با سایتتون هماهنگ کنید.
wptutorial.ir
اگه افزونه Google Authenticator رو هم از روی وردپرس حذفش کنید، ورود دو مرحله ای غیر فعال میشه. بعدش می تونید بدون ورود دو مرحله ای وارد حساب خودتون توی وردپرس برسید.