آموزش جامع ویرایشگر گوتنبرگ وردپرس

ساخت وبلاگ
چکیده : ۰۸ دی ۱۳۹۷ ۷۹ بازدید همانطور که می دانید در وردپرس 5 ویرایشگر محتوا... با عنوان : آموزش جامع ویرایشگر گوتنبرگ وردپرس بخوانید :

۰۸ دی ۱۳۹۷

۷۹ بازدید

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

ویرایشگر بلوک وردپرس

تفاوت بین ویرایشگر بلوک وردپرس، و ویرایشگر کلاسیک

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

ویرایشگر کلاسیک وردپرس شبیه تصویر زیر است:

 ویرایشگر وردپرس

و اگر به وردپرس 5 ارتقا دهید، آنچه می بینید، مشابه تصویر زیر است:

گوتنبرگ

همانطور که می بینید این دو ویرایشگر از نظر ظاهری برای ایجاد محتوا در وردپرس، کاملا متفاوت هستند. ویرایشگر قدیمی و کلاسیک، مبتنی بر متن بود که کاملا شبیه مایکروسافت ورد بود. ویرایشگر دیداری وردپرس ، رویکرد کاملا متفاوت و بلوک محور دارد. به همین دلیل، نام بلوک ویرایشگر وردپرس را به گوتنبرگ هم می گوییم.

بلوک ها “عناصر محتوایی” هستند که برای اضافه کردن “طرح بندی محتوا” اضافه می کنید. در واقع هر آیتمی که به پست یا صفحه اضافه می کنید، یک بلوک است. شما می توانید به ازای هر پاراگرف، ویدئو، گالری، صوت، لیست ها و …. یک بلوک اضافه کنید.

ویرایشگر قدیمی بهتر است یا ویرایشگر گوتنبرگ وردپرس؟

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

ویرایشگر گوتنبرگ

می توانید عناصر محتوا مثل جدول، عکس، پاراگراف و … را در صفحه جابجا کنید. بالا و پایین ببرید. و هر رسانه ای که تمایل داشته باشید، در صفحه استفاده کنید. از همه مهمتر، یادگیری و کار با ویرایشگر بلوک وردپرس یا همان ویرایشگر گوتنبرگ، بسیار ساده و آسان است. که مزیت بزرگی برای مبتدیان وردپرس محسوب می شود.

با آموزش گوتنبرگ وردپرس  میخواهیم مثل یک حرفه ای در وردپرس پست بگذاریم. این هم سرفصل هایی که در این آموزش خواهید آموخت:

آماده اید؟ پس بیاید شروع کنیم.

استفاده از گوتنبرگ وردپرس

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

وردپرس 5

ایجاد یک پست جدید در ویرایشگر بلوک وردپرس

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

ویرایشگر بلوک وردپرس

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

اضافه کردن یک بلاک جدید

اولین بلوک هر پست یا نوشته، عنوان است. بعد از آن، می توانید با موس یا با کلید tab به زیر عنوان حرکت کنید تا بقیه نوشتن را شروع کنید.

ویرایشگر پیشرفته وردپرس

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

آموزش ویرایشگر وردپرس

با کلیک روی دکمه، منو اضافه کردن بلوک، با نوار جستجو در بالا و بلوک هایی که بیشتر استفاده می شوند، نشان داده می شود. می توانید از کلید tab برای فهرست دسته بندی های بلوک استفاده کنید. یا برای دسترسی راحت تر، کافی است عنصر محتوای مدنظرتان را جستجو کنید.

ویرایشگر دیداری وردپرس

اگر هم نمی خواهید از موس استفاده کنید، کافی است تایپ کنید.

کار با بلاک ها با ویرایشگر پیشرفته وردپرس

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

گوتنبرگ چیست

خب این از نوار ابزار. هر بلاک، تنظیمات خاصی هم دارد که در سمت چپ ظاهر می شود. مثل تصویر زیر:

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

می توانید همه بلوک ها و عناصر محتوا را در صفحه را با کشیدن، یا کلیک کردن روی دکمه های بالا و پایین، جابجا کنید.

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

ذخیره کردن بلوک ها و استفاده مجدد از آنها

یکی از مزایای بلوک ها امکان ذخیره آنها و استفاده مجدد است. این امکان بخصوص برای بلاگر ها که مکرر نیاز دارند، از بلوک هایی خاص استفاده کنند مفید است. کافی است روی دکمه منو در گوشه سمت راست هر بلوک کلیک کنید؛ و از گزینه “اضافه کردن به قابل استفاده مجدد” را انتخاب کنید.

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

در اینجا باید نامی برای بلوک مورد نظرتان انتخاب کنید. و دکمه ذخیره را کلیک کنید.

آموزش  <strong> جامع</strong>   گوتنبرگ

خب حالا که یک بلوک را ذخیره کرده اید بیایید با هم بررسی کنیم چطور در پست های دیگر قابل استفاده مجدد است. در پستی دکمه افزودن بلوک را کلیک کنید. بلوک مورد نظر شما در زیر دسته “قابل استفاده مجدد” وجود دارد. با جستجو هم می توانید آن را پیدا کنید.

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

آموزش جامع گوتنبرگ

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

آموزش جامع رایگان وردپرس

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

هر پست وردپرس، ابرداده ها(metadata) و اطلاعات فراوانی دارد. از جمله تاریخ انتشار، دسته بندی ها، تگ ها، داده ها تصاویر و … . تمام این اطلاعات به صورت منظم در سمت چپ ویرایشگر گوتنبرگ وردپرس مشاهده می شوند.

وز

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

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

      • اضافه کردن تصویر

 برای این کار فقط نیاز است بلوک تصویر را انتخاب کنید و فایل را یا آپلود و یا از کتابخانه وردپرس انتخاب کنید.

ویرایشگر وردپرس

یک روش دیگر هم این است که تصویر را از کامپیوترتان بکشید و روی ویرایشگر وردپرس رها کنید. نکته دیگر این که وقتی بلوک تصویر را ایجاد می کنید، تنظیمات آن را در سمت چپ مشاهده خواهید کرد. ابرداده هایی برای تصاویر مثل alt تصاویر، اندازه، لینک ها و … را مشاهده خواهید کرد. همچنین چند تصویر را هم با استفاده از گزینه بلوک “گالری تصاویر” به شکل زیبایی می توانید اضافه کنید.

ویرایشگر وردپرس

      • اضافه کردن کدکوتاه در ودرپرس با استفاده از گوتنبرگ

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

ویرایشگر پیشرفته وردپرس

بلوک های جدید در گوتنبرگ

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

      • اضافه کردن تصویر در کنار متن

در ویرایشگر متن نمی توانستیم، عکس و متن را کنار هم بیاوریم. اما در گوتنبرگ ، کافی است بلوک Media & Text را امتحان کنید. این بلوک ساده همانطور که در تصویر هم مشخص است، هم عکس، هم متن و هم عنوان را برای شما یکجا می آورد. بدون اینکه نیاز باشد تنظیمات خاصی انجام دهید. یا کدی بنویسید.

ویرایشگر دیداری وردپرس

      • کاور برای پست های بلاگ یا لندینگ پیج ها

هم یکی دیگر از جذابیت های ویرایشگر بلوک وردپرس. کاور تصویری عریضتر است که در ابتدای پست ها می توان قرار داد تا زیبایی بیشتری برای شما به ارمغان آورد. بلوک مورد نظر شما cover است که به سادگی با جستجو می توانید آن را پیدا کنید.

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

گوتنبرگ چیست

      • قرار دادن جدول در پست ها

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

ویرایشگر وردپرس

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

      • ایجاد محتوای چندستونه

بعضی مواقع، بسته به سبک محتوایی که در سایت میگذاشتیم، دوست داشتیم آن را چند ستونه کنیم. ولی در ویرایشگر کلاسیک وردپرس امکان آن نبود. این مورد را هم گوتنبرگ با بلوک “ستون ها” حل کرد. به صورت دیفالت دو ستون تشکیل می شود. هر تعداد که بخواهید، می توانید ستون اضافه کنید.

ویرایشگر پیشرفته وردپرس

سوالات متداول در آموزش گوتنبرگ وردپرس

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

  • پست ها و صفحات قدیمی را چه کنم؟ آیا می توانم آنها را ویرایش کنم؟

پست ها و صفحات قدیمی شما کاملا امن هستند و تحت تأثیر گوتنبرگ قرار نمی گیرند. هنوز هم می توانید آن ها را ویرایش کنید. گوتنبرگ محتوای قبل شما را به صورت اتوماتیک با ویرایشگر قدیمی باز می کند. 🙂

از طرف دیگر هر زمان بخواهید، ویرایشگر را به حالت بلوک درآوردید.

  • همچنان می توانم از ویرایشگر قدیمی استفاده کنم؟

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

  • اگر ویرایشگر بلوک وردپرس ، گوتنبرگ ، با قالب یا افزونه ای که استفاده می کنم کار نکرد چه کنم؟

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

  • چطور راهنمایی ها و ترفندهای ویرایشگر گوتنبرگ وردپرس را بیشتر یاد بگیریم؟

در مقالات آینده اطلاعات بیشتری در مورد ترفندهای گوتنبرگ و وردپرس 5 منتشر خواهیم کرد. البته این امر بدون همراهی شما امکان ناپذیر است. برای ما از تجربه های خودتان در کار با گوتنبرگ و بلوک های وردپرس بگویید. با کدام ویرایشگر راحت تر بوده اید؟ یا اگر سوالی داشتید، با ما در میان بگذارید.

ویرایشگر دیداری وردپرس


راستین...
ما را در سایت راستین دنبال می کنید

نویسنده : ایمان اصلاحی بازدید : 5 تاريخ : دوشنبه 10 دی 1397 ساعت: 16:34