وردپرس گوتنبرگ: چیست و چگونه از ویرایشگر بلاک استفاده کنیم

وردپرس گوتنبرگ تغییری را در روش تولید محتوا توسط کاربران نشان می دهد روی یکی از محبوب ترین سیستم های مدیریت محتوا (CMS) در جهان است. این برنامه که در به روز رسانی 5.0 معرفی شد، جایگزین ویرایشگر کلاسیک به عنوان ویرایشگر پیش فرض وردپرس شده است.

این ویرایشگر که به نام مخترع چاپخانه یوهانس گوتنبرگ نامگذاری شده است، تأثیر انقلابی پیشگام را بازتاب می دهد. روی صنعت نشر گوتنبرگ که به عنوان ویرایشگر بلاک وردپرس نیز شناخته می‌شود، یک رویکرد طراحی مبتنی بر بلوک را معرفی می‌کند – که کاملاً در تضاد با سلف TinyMCE خود است.

این سیستم بصری ساده می کند page ساخت و تولید محتوا، توسعه وب سایت را در دسترس کاربران عادی قرار می دهد.

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

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

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

  • ویرایش آسان تر این با راه اندازی ویرایشگر بلوک گوتنبرگ در وردپرس 5.0 مشخص شد و روشی جدید و بصری تر برای ساخت وب سایت ارائه می دهد.
  • سفارشی سازی. وردپرس 5.9 دارای ویژگی های طراحی وب سایت است روی رابط گوتنبرگ، مانند ویرایش کامل سایت، الگوهای بلوک، دایرکتوری بلوک، و تم های مبتنی بر بلوک.
  • همکاری. نسخه‌های آینده وردپرس ممکن است با یک تجربه هم‌نویسی ساده‌تر و شهودی‌تر همراه باشد.
  • چند زبانه. این تیم همچنین در تلاش است تا نرم افزار اصلی را برای وب سایت هایی با چندین زبان کاربردی کند.

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

ویرایشگر گوتنبرگ چگونه کار می کند

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

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

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

کلیک کردن روی درج کننده بلوک + آیکون روی سمت چپ تمام بلوک های سازماندهی شده بر اساس عملکرد آنها را نشان می دهد. به سادگی یک بلوک را به ویرایشگر گوتنبرگ بکشید و رها کنید و آن را در جایی که مناسب است قرار دهید.

با سیستم بلوک وردپرس، می توانید کل بلوک را با استفاده از نوار ابزار ظاهر شده سفارشی کنید روی بالای عنصر یا در نوار تنظیمات روی پنل سمت چپ

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

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

بنر میزبانی وردپرسبنر میزبانی وردپرس
وردپرس گوتنبرگ: چیست و چگونه از ویرایشگر بلاک استفاده کنیم 66

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

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

برخلاف رابط ویرایشگر بلوک، که در بخش قبلی به اشتراک گذاشتیم، ویرایشگر کلاسیک به این صورت است:

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

هنگام در نظر گرفتن گوتنبرگ در مقابل ویرایشگر کلاسیک برای تولید محتوا، به خاطر داشته باشید که آنها از چند جنبه متفاوت هستند:

نکته حرفه ای

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

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

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

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

چگونه یک بلوک جدید اضافه کنیم

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

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

اضافه کردن یک بلوک با استفاده از دکمه سیاه و سفید on ویراستار گوتنبرگاضافه کردن یک بلوک با استفاده از دکمه سیاه و سفید on ویراستار گوتنبرگ

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

درج کننده بلوک on وردپرس گوتنبرگدرج کننده بلوک on وردپرس گوتنبرگ

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

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

اضافه کردن یک بلوک جدید on ویرایشگر بلوک وردپرس با استفاده از کلید اسلشاضافه کردن یک بلوک جدید on ویرایشگر بلوک وردپرس با استفاده از کلید اسلش

روش سفارشی سازی بلوک ها

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

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

نوار ابزار بلوک جدول on وردپرس گوتنبرگنوار ابزار بلوک جدول on وردپرس گوتنبرگ

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

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

تنظیمات بلوک جدول on وردپرس گوتنبرگتنظیمات بلوک جدول on وردپرس گوتنبرگ

روش چیدمان بلوک ها

جابجایی عناصر محتوا یکی از اقدامات اولیه ای است که انجام می دهید روی سردبیر گوتنبرگ

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

انتخاب نماد شش نقطه برای کشیدن بلوک پاراگراف on ویرایشگر بلوک وردپرسانتخاب نماد شش نقطه برای کشیدن بلوک پاراگراف on ویرایشگر بلوک وردپرس

ویرایشگر همچنین امکان انتخاب چندین بلوک و جابجایی همزمان آنها را فراهم می کند.

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

انتخاب چندین بلوک و نماد شش نقطه برای کشیدن آنها با هم on ویرایشگر بلوک وردپرسانتخاب چندین بلوک و نماد شش نقطه برای کشیدن آنها با هم on ویرایشگر بلوک وردپرس

روش گروه بندی چندین بلوک

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

پیشنهاد می‌کنیم بخوانید:  FreePBX چیست و چرا از آن برای سرویس تلفن خود استفاده کنید

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

بلوک های طراحی پیش فرض on ویرایشگر بلوک وردپرسبلوک های طراحی پیش فرض on ویرایشگر بلوک وردپرس

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

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

بیایید این را نشان دهیم process با استفاده از بلوک ستون ها به عنوان مثال:

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

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

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

روش اضافه کردن عنوان و متن

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

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

انتخاب بلوک پاراگراف از درج کننده بلوک وردپرسانتخاب بلوک پاراگراف از درج کننده بلوک وردپرس

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

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

نوار ابزار بلوک پاراگراف و تنظیمات on ویرایشگر بلوک وردپرسنوار ابزار بلوک پاراگراف و تنظیمات on ویرایشگر بلوک وردپرس

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

برای درج عنوان، از هر یک از روش هایی که قبلا ذکر شد برای اضافه کردن بلوک های وردپرس استفاده کنید، سپس انتخاب کنید سرفصل. از اینجا، سطح عنوان مناسب را در نوار ابزار بلوک انتخاب کنید – از H1 تا H6.

نوار ابزار بلوک عنوان و تنظیمات on ویرایشگر بلوک وردپرسنوار ابزار بلوک عنوان و تنظیمات on ویرایشگر بلوک وردپرس

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

بنر میزبانی وردپرسبنر میزبانی وردپرس
وردپرس گوتنبرگ: چیست و چگونه از ویرایشگر بلاک استفاده کنیم 67

روش افزودن عکس و رسانه

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

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

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

برای بلوک های تصویر و گالری، برای صرفه جویی در زمان، می توان چندین فایل تصویری را به طور همزمان رها کرد.

کتابخانه رسانه وردپرسکتابخانه رسانه وردپرس

هر بلوک نوار ابزار و تنظیمات خاص خود را دارد. به عنوان مثال، تصویر بلوک تنظیماتی مانند گوشه های گرد، تغییرات حاشیه و تنظیمات شعاع را امکان پذیر می کند. در همین حال، رسانه و متن بلوک دارای گزینه هایی برای تنظیم تراز، انباشته تلفن همراه، طرح های رنگی و تایپوگرافی است.

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

کاربران می توانند با باز کردن قسمت تصویری بیشتری پیدا کنند درج بلوکرسانه هاOpenverse، مخزن وردپرس از تصاویر دارای مجوز آزاد.

روش جاسازی رسانه

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

در اینجا چند نمونه از بلوک های اختصاصی برای جاسازی محتوا آورده شده است:

  • ویدیوهایی از YouTube، Vimeo، Dailymotion، TED و TikTok.
  • تصاویر از فلیکر، ایمگور، اینستاگرام و پینترست.
  • پست هایی از فیس بوک، توییتر و ردیت.
  • فایل های صوتی از Spotify، SoundCloud و Mixcloud.
  • اسناد Scribd و Issuu.
  • نظرسنجی ها و نظرسنجی ها از Crowdisgnal.
درج بلوک جاسازی YouTube on ویرایشگر بلوک وردپرسدرج بلوک جاسازی YouTube on ویرایشگر بلوک وردپرس

برای جاسازی رسانه این مراحل را دنبال کنید:

  1. باز کن درج بلوک و به پایین اسکرول کنید جاسازی می کند بخش.
  2. منبع رسانه مورد نظر خود را انتخاب کنید.
  3. URL رسانه را جایگذاری کرده و انتخاب کنید جاسازی کنید.
  4. این page یا پست اکنون محتوای تعبیه شده را نمایش می دهد.
چسباندن یک لینک on بلوک جاسازی YouTube برای نمایش یک ویدیو on ویرایشگر بلوک وردپرسچسباندن یک لینک on بلوک جاسازی YouTube برای نمایش یک ویدیو on ویرایشگر بلوک وردپرس

روش ایجاد الگوهای همگام سازی شده (بلوک های قابل استفاده مجدد)

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

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

این مراحل را برای ایجاد الگوهای همگام‌سازی شده دنبال کنید:

  1. بخشی را انتخاب کنید که می خواهید به عنوان الگوی همگام سازی شده ذخیره شود.
  2. انتخاب کنید گزینه ها از نوار ابزار را فشار دهید و کلیک کنید ایجاد الگو.
ایجاد یک الگوی همگام‌سازی شده یا بلوک قابل استفاده مجدد on ویرایشگر بلوک وردپرسایجاد یک الگوی همگام‌سازی شده یا بلوک قابل استفاده مجدد on ویرایشگر بلوک وردپرس
  1. الگو را نام ببرید و تغییر دهید روی را همگام سازی شد منو به طوری که بلوک به صورت همزمان در سرتاسر سایت در صورت ایجاد هر تغییری به روز شود. سپس، کلیک کنید ایجاد کردن.
پنجره پاپ آپ Create pattern on ویرایشگر وردپرس گوتنبرگپنجره پاپ آپ Create pattern on ویرایشگر وردپرس گوتنبرگ
  1. برای استفاده از الگو، به ادامه مطلب بروید درج بلوک و به مسیر بروید نماد الگوی همگام سازی شده روی راست افراطی متناوبا، تایپ کنید بریده بریده / به دنبال آن نام بلوک مستقیماً وارد ویرایشگر می شود.
برگه الگوهای همگام‌سازی شده on درج کننده بلوک وردپرسبرگه الگوهای همگام‌سازی شده on درج کننده بلوک وردپرس

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

برای استفاده از الگوی بلوک در a page یا بدون تأثیر بر موارد دیگر پست کنید، منوی سه نقطه را باز کنید روی نوار ابزار بلوک و کلیک کنید الگو را جدا کنید. این عمل بلوک را مستقل می‌کند، بنابراین تغییرات ایجاد شده در اینجا منعکس نمی‌شوند روی صفحات یا پست های دیگر

ایجاد یک الگوی همگام‌سازی شده مستقل از نمونه‌های الگوی دیگر با گزینه Detach patternایجاد یک الگوی همگام‌سازی شده مستقل از نمونه‌های الگوی دیگر با گزینه Detach pattern

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

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

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

پیشنهاد می‌کنیم بخوانید:  بایگانی VPS

اگر از macOS استفاده می‌کنید، تعویض کنید Ctrl با فرمان ⌘ برای تمام میانبرهای صفحه کلید

مطالعه پیشنهادی

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

روش استفاده از نمای Block List

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

برای مشاهده نمای لیست بلوک، کلیک کنید روی را نماد نمایش لیست (سه خط افقی روی هم) روی سمت چپ بالای ویرایشگر یا از میانبر صفحه کلید استفاده کنید Shift+Alt+O.

هر ورودی بلوک در نمای فهرست قابل کلیک است. انتخاب فوراً شما را به آن بلوک خاص در ناحیه ویرایش می برد، حتی اگر عمیقاً در عناصر دیگر قرار گرفته باشد.

نمای لیست بلوک on ویرایشگر وردپرس گوتنبرگنمای لیست بلوک on ویرایشگر وردپرس گوتنبرگ

در مجاورت نمای فهرست بلوک، طرح کلی قرار دارد که ساختار سند را در یک نگاه خلاصه می کند.

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

نمای طرح کلی on ویرایشگر وردپرس گوتنبرگنمای طرح کلی on ویرایشگر وردپرس گوتنبرگ

روش سفارشی سازی بلوک ها با ویرایش کامل سایت

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

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

با پیمایش به ویرایشگر قالب وردپرس گوتنبرگ دسترسی پیدا کنید ظاهر → ویرایشگر از داشبورد ویرایشگر گزینه هایی را برای سفارشی کردن موارد زیر ارائه می دهد:

  • جهت یابی. با اضافه کردن عناصری مانند پیوندهای سفارشی و لوگوی سایت، تغییرات منو را ایجاد کنید.
  • سبک ها یک تغییر سبک موجود از موضوع را انتخاب کنید و پالت رنگ، تایپوگرافی و طرح بندی را در کل وب سایت تغییر دهید.
  • صفحات تغییر page محتوا مستقیماً از طریق ویرایشگر سایت – بدون نیاز به تغییر به یک رابط دیگر.
  • قالب ها طرح‌بندی‌های پیش‌فرض برای صفحات وب را سفارشی کنید روی سایت شما مانند وبلاگ homepage یا یک پست بسته به روی با تم بلوک، ویرایشگر قالب ممکن است گزینه های طرح بندی بیشتری داشته باشد.
  • الگوها این منطقه ای است که می توانید الگوهای همگام سازی شده را مدیریت کنید.
رابط ویرایشگر سایت وردپرس
رابط ویرایشگر سایت وردپرس
وردپرس گوتنبرگ: چیست و چگونه از ویرایشگر بلاک استفاده کنیم 68

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

قابلیت جابجایی بین page و ویرایشگرهای قالب on ویرایشگر سایت وردپرسقابلیت جابجایی بین page و ویرایشگرهای قالب on ویرایشگر سایت وردپرس

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

پالت فرمان on ویرایشگر سایت وردپرسپالت فرمان on ویرایشگر سایت وردپرس

مطالعه پیشنهادی

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

روش غیرفعال کردن ویرایشگر بلاک وردپرس

اگر سازگاری با گوتنبرگ برایتان سخت است page سازنده، وردپرس گزینه هایی را برای غیرفعال کردن کامل آن – با نصب یک افزونه یا ویرایش آن ارائه می دهد functions.php فایل.

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

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

از طرف دیگر، یک قطعه کد به خود اضافه کنید functions.php فایل. در اینجا روش انجام آن از طریق hPanel آمده است:

  1. به File Manager دسترسی پیدا کنید، سپس آن را باز کنید public_html پوشه
  2. انتخاب کنید wp-contentتم ها.
  3. کلیک روی پوشه تم فعال خود را انتخاب کنید functions.php فایل.
  4. کد زیر را قبل از خط آخر به فایل اضافه کنید:
add_filter('use_block_editor_for_post', '__return_false');
  1. ذخیره کنید و فایل را ببندید. اکنون می توانید از ویرایشگر کلاسیک برای ایجاد پست ها و صفحات استفاده کنید.

اگر خودتان با ویرایش کد ناخوشایند هستید، آن را نصب کنید قطعه کد افزونه:

  1. پس از فعال سازی افزونه به آدرس زیر بروید تکه هاجدید اضافه کن روی داشبورد
  2. اسنیپت را نامگذاری کنید، مانند «غیرفعال کردن گوتنبرگ»، و کد بالا را در توابع PHP برگه
  3. انتخاب کنید فقط در حوزه مدیریت اجرا شودو کلیک کنید ذخیره تغییرات و فعال کنید.
استفاده از افزونه Code Snippets برای غیرفعال کردن وردپرس گوتنبرگاستفاده از افزونه Code Snippets برای غیرفعال کردن وردپرس گوتنبرگ

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

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

نتیجه

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

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

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

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

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

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

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

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

آیا گوتنبرگ رایگان است؟

از آنجایی که گوتنبرگ بخشی از نرم افزار اصلی وردپرس است، این یک ویژگی رایگان است که در وردپرس 5.0 و بالاتر از قبل نصب شده است. اگر از نسخه‌های قدیمی‌تر CMS استفاده می‌کنید، آن را به آخرین به‌روزرسانی ارتقا دهید یا افزونه ویرایشگر گوتنبرگ را نصب کنید.

آیا اگر المنتور داشته باشم به گوتنبرگ نیاز دارم؟

آره. در حالی که هر دو عمدتاً به عنوان عمل می کنند page سازندگان، استفاده از آنها متفاوت است. گوتنبرگ تمرکز می کند روی تولید محتوا، در حالی که المنتور با طراحی سایت سروکار دارد. شما همچنین می توانید بلوک های Elementor را در هر کدام جاسازی کنید page با استفاده از ویرایشگر بلوک

آیا گوتنبرگ برای سئو خوب است؟

بله، گوتنبرگ برای سئو خوب است. این نشانه گذاری HTML پاک و معنایی را تشویق می کند، که به موتورهای جستجو کمک می کند ساختار محتوا را درک کنند. ویرایشگر بلوک بهینه سازی تصاویر و سرفصل ها را آسان می کند – برای بهترین شیوه های SEO ضروری است. همچنین به خوبی با افزونه های سئو محبوب مانند Yoast SEO ادغام می شود.

تفاوت بین بلوک ها و ویجت ها چیست؟

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