تیم توسعه وردپرس روز به روز در حال به وجود آوردن امکانات مفیدی برای وبسایتهای وردپرسی هستند. نامی که اینروزها بسیار به گوش میرسد گوتنبرگ (Gutenberg) است. گوتنبرگ وردپرس چیست؟ آیا شما هم این واژه را شنیدهاید؟ چه اطلاعاتی در موردش دارید؟ میدانید دقیقا چه کاری قرار است انجام دهد؟ شاید اطلاعاتی در این مورد داشته باشید و شاید هم دقیقا نمیدانید چیست، اشکالی ندارد. شما حق دارید، زیرا هنوز به صورت کامل فرصت آشنا شدن با آن را بدست نیاوردیم. برای اینکه بتوانیم در این امر پیشتاز باشیم، در این مقاله تصمیم گرفتیم در مورد گوتنبرگ صحبت کنیم و به بررسی کامل آن بپردازیم. میدانم شما نیز بسیار مشتاق هستید تا این امکان تازه وارد را شناسایی کنید…
گوتنبرگ وردپرس
در واقع گوتنبرگ وردپرس یک پروژه وردپرسی است و در حال حاضر یک محیط ویرایش جدید در وردپرس را رونمایی کرده و همچنان قرار است گستردهتر شده و رشد کند. این موردی است که اغلب مردم در موردش اطلاع دارند اما باید به شما بگویم که گوتنبرگ وردپرس تنها یک ویرایشگر را شامل نمیشود بلکه شروع اقداماتی بسیار بزرگتر است. در واقع این پروژه بر روی لایه بندی و قالبهای سایت تاثیر گذاشته و تبدیل به یک سفارشیساز کامل برای وردپرس میشود. حال شما فرض کنید چه امکاناتی در اختیار ما قرار خواهد گرفت!
در وردپرس 4.9.8 گوتنبرگ از ویرایشگر خود رونمایی کرد و با نصب آن میتوان ویرایشگر سابق را به یک محیط کاملا متفاوت با امکاناتی مطلوب تبدیل کرد:
همانطور که در تصویر بالا میبینید پس از ارتقای وردپرس به نسخه 4.9.8، این گزینه به پیشخوان اضافه میشود و میتوانید آن را فعال کنید. این امکان همان افزونه gutenberg است که در مخزن وردپرس نیز موجود است و فرقی ندارد از اینجا فعالش کنید یا از مخزن دریافت کرده و نصب کنید.
گوتنبرگ را امتحان کنید
با کلیک روی دکمه آبی رنگ به صفحهای آزمایشی منتقل خواهید شد که شبیه به سفارشیساز قالب وردپرس است. این صفحه مربوط به گوتنبرگ وردپرس بوده و میتوان تغییرات را در آن مشاهده کنید.
روی هر قسمتی که کلیک کنید، در ستون سمت چپ میتوانید تنظیمات را مشاهده کرده و تغییراتی را اعمال کنید. این صفحه تنها یک نسخه آزمایشی جهت آشنایی با ویرایشگر گوتنبرگ وردپرس است.
باز کردن گوتنبرگ برای اولین بار
پس از فعالسازی گوتنبرگ وردپرس، برای اولین بار که ویرایشگر وردپرس خود را در برگه یا نوشته باز میکنید، تعجب میکنید و به دنبال ویرایشگر سابق هستید تا نوشته خود را آغاز کنید اما نمیتوانید و شاید چند دقیقهای نتوانید عملیاتی انجام دهید. بله تمامی ظاهر قبلی ویرایشگر از بین رفته است و به جایش محیط نوشتاری بسیار تمیز با یک تایپوگرافی عالی و فضای مناسب برای محتویات نوشته در انتظار شماست.
در همان ابتدا با کلیک روی سه نقطه میتوان نوع ویرایشگر را مشخص کرد. دیداری یا متنی؟ این مورد دقیقا در ویرایشگر قبلی موجود بود اما حال اینجا به نوعی دیگر مشخص شده است.
در سمت چپ با تنظیماتی مواجه شده و با کلیک بر روی آن میتوانید تنظیمات مورد نظر را ایجاد کنید.
شاید در اینجا سوال بپرسید چگونه در این محیط مطلب مورد نظر خود را وارد کنیم؟
نحوه کار با ویرایشگر گوتنبرگ
برای کار با این ویرایشگر دقیقا همانند کار با صفحه ساز گرافیکی visual composer، به هر بخشی که نیاز دارید میتوانید به صورت بلوک آن را ایجاد کنید. مثلا ما میخواهید در نوشته خود یک تصویر در ابتدا، سپس پاراگراف اول، تیتر اول، پاراگراف دوم، تصویر و به همین ترتیب اضافه کنیم. روی گزینه (+) در ابتدای صفحه کلیک میکنیم و امکان مورد نظر را اضافه میکنیم.
حال با کلیک روی هر بلاک، آن را به ویرایشگر خود اضافه خواهید کرد. با افزودن هر امکان در سمت چپ میتوانید تنظیمات آن را نیز انجام دهید. مثلا ما اول عنوان نوشته را وارد میکنیم.
افزودن عنوان نوشته
افزودن تصویر
به همین ترتیب میتوانید بلاکهای مورد نظر را اضافه کنید:
افزودن پاراگراف
برای افزودن بخش پاراگرافها و نوشتهها روی گزینه پاراگراف کلیک کنید تا بلاک مربوطه اضافه شود:
در سمت چپ میتوانید اندازه قلم و رنگ متن را مشخص کنید.
افزودن جدول
در نهایت اگر بر روی پیشنمایش تغییرات کلیک کنید نسخهای از نوشته خود را مشاهده کرده و اگر بر روی انتشار کلیک کنید، مطلب مورد نظر بر روی سایت قرار میگیرد.
شاید با خود بگویید عملکرد گوتنبرگ وردپرس سخت است و همان ویرایشگر وردپرس بهتر است. بله شاید در نگاه اول همه ما چنین فکری کنیم اما اگر چند باری با ویرایشگر گوتنبرگ وردپرس کار کنیم مطمئنا متوجه امکانات جالب و اضافه آن خواهیم شد.
همه چیز با بلاک اضافه میشود
تمامی امکاناتی که به آن نیاز دارید با افزودن یک بلاک در ویرایشگر گوتنبرگ وردپرس ایجاد میشود. مانند:
- پاراگرافها
- لیستها
- نقل قول
- تیترها
- کدها
- تصاویر
- گالری تصاویر
- شورتکدها
- ستونها
- دکمهها
- ابزارکها
- محیط قطعه کدها
جالبتر از همه اینکه هر بلاک برای خود تنظیمات خاصی دارد که در همان ستون سمت چپ ظاهر شده و به شما امکان تغییر میدهد.
عملکرد Yoast SEO در ویرایشگر گوتنبرگ
شاید این سوال برایتان پیش آمده باشد که چگونه در ویرایشگر گوتنبرگ وردپرس میتوان از Yoast SEO استفاده کرد؟ هیچ جای نگرانی نیست! این افزونه همچنان جایگاه خود را حفظ کرده است:
پس از این بابت نیز خیالتان راحت باشد که yoast seo ارتباط خوبی با گوتنبرگ وردپرس برقرار کرده و سازگار است.
نتیجه گیری
یکی از فعالیت های پروژه گوتنبرگ وردپرس، روی کار آمدن ویرایشگر جدیدی است که با نسخه 4.8.9 وردپرس کاملا سازگار است و با آن به کاربران وردپرسی ارائه شده است. اگر میخواهید تجربه جدیدی از نوشتن محتوا کسب کنید حتما این ویژگی را فعال کنید و سعی کنید با آن ارتباط برقرار کنید.
ویدئوی آموزشی Gutenberg
ساخت ویدئوی آموزشی توسط پوریا دارایی
اگر کار کردن با گوتنبرگ برایتان دشوار است نگران نباشید، هنوز هم میتوانید با ویرایشگر کلاسیک کار کنید. برای یادگیری روش برگشتن به ویرایشگر کلاسیک، میتوانید آموزش مرتبط با آن را مطالعه کنید.
بازگشت به ویرایشگر کلاسیک
محمد یحیی استقامت 4 سال عضو همیار وردپرس
سلام
در قسمت ابزارک ها و افزودن “آیکون شبکه های اجتماعی”، برخی از آیکون ها مانند تلگرام وجود ندارند. چطور باید اونا رو اضافه کنیم؟؟
مرسی
سید سجاد غلام پور 3 سال عضو همیار وردپرس
سلام
این مورد باید داخل قالب برنامه نویسی شده باشد تا از آن آیکون پشتیبانی کند.
saberkkk 2 سال عضو همیار وردپرس
سلام وقت به خیر من هرجا گشتم نتونستم پیدا کنم کجا میشه اندازه فونت قسمتی از متن رو کم یا زیاد کرد مثل ویرایشگر معمولی وردپرس.
میشه راهنمایی کنید ؟ از کجا میشه اندازه فونت رو آورد چون فقط بند ها قابل تغییره ( h1 و.. )
s7.picofile.com/file/8389830134/ccccc.JPG
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
معمولا اندازه قلم در قالب تعریف میشه. چه ویرایشگر کلاسیک چه گوتنبرک فرقی نداره. شما باید شیوه نامه رو ویرایش کنید
spdipei 1 سال عضو همیار وردپرس
سلام
من از پلاگین page navi استفاده میکنم. وقتی تعداد صفحات از مثلا 10 تا که ماکزیمم هستش میشه 11 تا عملا وارد صفحه دوم میشم و دایرکت میشم به مثلا site.ir/news/page/2 و اونجا اصلا صفحه 404 باز میشه. چطور این مشکل رو میشه حل کرد؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
نسخه بروز این افزونه رو استفاده میکنید؟
لطفا به بخش پیوندهای یکتا مراجعه کرده و ذخیره تغییرات رو بزنید
spdipei 1 سال عضو همیار وردپرس
سلام آخرین نسخه رو استفاده کردم ولی اصلا جواب نمیده و همش ارور میده.
توی بخش پیوندهای یکتا هم برای اینکه لینک اضافه نباشه گزینه اسم پست و کتگوری رو انتخاب کردم. همین. وقتی میره صفحه دوم ارور میده.
spdipei 1 سال عضو همیار وردپرس
امکانش هست توی ایمیل اسکرین شات تنظیمات رو بهتون نشون بدم؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
اسکرین شات بگیرید و آپلود کنید در جایی و اینجا لینکش رو بفرستید
spdipei 1 سال عضو همیار وردپرس
کامنت من اپرو نمیشه چرا؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
کامنت شما رو نمیبینم. لطفا مجدد سوال بپرسید
[email protected] 1 سال عضو همیار وردپرس
سلام ممنون از پاسختون اما از کجا کتابخونش رو پیدا کنم ؟ چه سایتی ؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
با افزودن المان شما میتونید بخش بارگذاری تصاویر رو انتخاب کنید که به همون کتابخونه چند رسانه ای وصل میشه. منظورتون همینه ؟
[email protected] 1 سال عضو همیار وردپرس
سلام نه کتابخونه ایش که بتونم تو پروژه ای برنامه نویسی (کلا خارج از وردپرس) استفاده کنم ؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
متاسفانه خارج از مبحث وردپرس اطلاعاتی ندارم که کار میکنه یا خیر.
spdipei 1 سال عضو همیار وردپرس
سلام آخرین نسخه رو استفاده کردم ولی اصلا جواب نمیده و همش ارور میده.
توی بخش پیوندهای یکتا هم برای اینکه لینک اضافه نباشه گزینه اسم پست و کتگوری رو انتخاب کردم. همین. وقتی میره صفحه دوم ارور میده.
[email protected] 1 سال عضو همیار وردپرس
سلام ببخشید آیا امکان استفاده از این ادیتور در پروژه های برنامه نویسی هست ؟(مثلا مثل ckeditor که کتابخونه برای پروژه های برنامه نویسی داره)
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
بله
[email protected] 1 سال عضو همیار وردپرس
سلام ممنون از پاسختون اما از کجا کتابخونش رو پیدا کنم ؟ چه سایتی ؟
mehrnoosh2018 2 سال عضو همیار وردپرس
با سلام
چرا وقتی می خواهیم نوشته در وب سایت بنویسیم کلماتی را برای seo سایت قرار می دهیم رنگ آن قرمز است در صورتی که قبلا با ویراشگر کلاسیک به این صورت نبوده است؟؟
و یا نوشته قبلی که با ویرایشگر کلایسک ورد پرس نوشته شده seo آنها خوب و عالی بوده و زمانی که با ویرایشگر گوتنبرگ باز می کنیم قرمز را نشان می دهد.
لطفا مرا راهنمایی فرمایید
با تشکر
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
من چنین چیزی رو ندیدم دوست عزیز. فکر میکنم این موضوع ربط به افزونهای داره که نصب کردید
abbas peimani 3 سال عضو همیار وردپرس
سلام و خسته نباشید.
بالاخره منم مجبور شدم از گوتنبرگ استفاده کنم.
خیلی خوب به هظر میرسه.
ولی با یک مشکل مواجه شدم !!!
چطور میشه تیتر نوشته هامو رنگی کنم ؟؟ فقط میشه انتخاب کنی که نوشته H1’H2’H3 و… باشه، خبری از انتخاب رنگ نیست !!!!
fattahi28 5 سال عضو همیار وردپرس
با سلام
من به تازگی به وردپس ۵ به روز رسانی کردم.
الان برای مدیریت برگه هایی مثل صفحه اول سایتم و یا ساختن یک برگه جدید باید چه کار کنم؟
مثلا می خواهم در صفحه اصلی مثل کامپوزر یک گردونه وبلاگ بسازم. اما هیچ گزینه ای ندارم
محمد احمدی فرد 2 سال عضو همیار وردپرس
لینگ دانلود قراربدید باتشکر
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
چشم لینک دانلود هم قرار میدیم
محمد احمدی فرد 2 سال عضو همیار وردپرس
حداقل ویدویوی این قسمت را دراپارات گذاشته بودید تا دانلود می کردیم تا بهتر ازش استفاده کنیم با تشکر
shahin safari 3 سال عضو همیار وردپرس
ممنون خانم کوهستانی
1-فقط از نظر سئو رویه سایت اثر منفی نداره ؟
2-از نظر سرعت چطور؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
خیر مشکلی نداره
Vahid Ansari 4 سال عضو همیار وردپرس
با سلام
خیلی عالی بود
از بروزرسانیتون
تشکر لازم و دارم .
استفاده لازم شد.
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
موفق باشید
boozary 4 سال عضو همیار وردپرس
سلام من به نسخه جدید آپگرید کردم، منتها گوتنبرگ این مشکل رو داره تو سایت من:
https://www.screencast.com/t/SAaRxlsKdP
شما میدونید مشکل چیه ؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
از افزونه صفحه ساز استفاده میکنید؟
مهدی جلالی نژاد 4 سال عضو همیار وردپرس
مقاله بسیار مفید و کاربردی بود
سپاس فراوان
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
شاد و پیروز باشید
ممرضا
تجربه نشون داده هر چی بسمت جلوه های بصری میریم با مشکل روبرو میشیم. مثل ویژوال کامپوزره همیشه کم سرعت.
پیشنهاد من نصب افزونه TinyMCE در کنار ویرایشگر قدیمیه وردپرسه.
(یه وردپرس کار باید حداقل css , html رو بلد باشه خدایی.)
iman saman 3 سال عضو همیار وردپرس
کمی باهاش کار بشه میفهمین چه چیز جالبیه !
یه سوال از اساتید :
فعال بودن این افزونه فشار زیادی روی سرور یا سرعت لود سایت میاره؟
آیا پست هایی که با این افزونه منتشر میشن بعدا افزونه رو حذف کنیم مشکلی پیش میاد؟ ( چه تو ویرایش نوشته در ادمین چه تو خود سایت )؟
نوشته هایی که با این افزونه منتشر میشن بغلشون نوشته گوتبرگ میاد دلیل خاصی داره؟ ( عکس زیر )
http://www.upsara.com/images/brd_untitled.jpg
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
1- نه مشکلی نداره و سرعت رو پایین نمیاره.
2- اگه افزونه رو هم حذف کنید مشکلی نیست.
3- فقط جهت اطلاع رسانی
رضا
سلام
نیاز هست که اول روی لوکال تست بشه ویا با پلاگین های نصب شده تطبیق پذیره؟
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
مشکلی نداره و تست شده
asajadi84 7 سال عضو همیار وردپرس
سلام.
من که اصلا نتونستم باهاش ارتباط برقرار کنم. اینقدر سعی کردن مینیمال و مدرن باشه که اصلا از حالت ویرایشگر وبلاگی دراومده. واسه من که از 86 با این مدل ادیتور کار کردم غیرقابل تحمل بود 🙂
احسان
فقط یه مشکل بزرگ داره اونم فونتشه که بدرد فارسی نویسی نمیخوره متاسفانه!
علیرضا
سلام
من چند وقت پیش وارد اکانتم شدم صفحه تنظیمات ورود دومرحله ای رو آورد بعد چند روز مجبور شدم گوشیم رو ریست کنم و اون برنامه Authenti-cator Google پاک شده و اون کدهایی هم که دارم وقتی توی سایت میزنم میگه کدنامعتبره!!!
لطفا یکی راهنمایی کنه. (ایمیل)
ممنون
بهاره کوهستانی 7 سال عضو همیار وردپرس
سلام
مجدد باید Authenticator باید نصب کنید و با سایتتون هماهنگ کنید.
wptutorial.ir
اگه افزونه Google Authenticator رو هم از روی وردپرس حذفش کنید، ورود دو مرحله ای غیر فعال میشه. بعدش می تونید بدون ورود دو مرحله ای وارد حساب خودتون توی وردپرس برسید.