طراحی سایت

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

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

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

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

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

فهرست مطالبی که خواهید خواند:

  1. نحوه ایجاد بلوک لیست در ویرایشگر گوتنبرگ
  2. تنظیمات نوار ابزار بلوک لیست در ویرایشگر گوتنبرگ
  3. تنظیمات بلوک لیست در ویرایشگر گوتنبرگ
  4. تغییر رنگ بلوک لیست در ویرایشگر گوتنبرگ
  5. تایپوگرافی
  6. تنظیمات لیست سفارشی
  7. پیشرفته
  8. نحوه تبدیل بلوک متن به فهرست
  9. لیست های تورفتگی
  10. لیست های مختلط
  11. لیست اختصار

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



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

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

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

بخش نمایش در وردپرس


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

وقتی روی بلوک کلیک می کنید، نوار ابزاری از گزینه ها در بالای آن ظاهر می شود:

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

بلوک List گزینه های زیر را در نوار ابزار خود دارد:

  1. تغییر نوع بلوک
  2. بلوک را بکشید.
  3. بلوک را به بالا یا پایین حرکت دهید.
  4. حاشیه دادن
  5. حذف حاشیه.
  6. توپر کردن متن
  7. کج کردن متن
  8. پیوند دادن
  9. بیشتر: شامل گزینه های بالا نویس، تصویر توکار، خط خوردن، نکات برجسته، وردی صفحه کلید، کد توکار.
  10. گزینه های بیشتر


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

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

image 2

آموزش کار با رسانه در وردپرس


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


Capture 2

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

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

روی قسمت بالای آن گزینه ها کلیک کنید تا با کشیدن موس خود روی یک نمونه رنگ یا وارد کردن کدهای رنگ Hex، RGB یا HSL، یک رنگ سفارشی را انتخاب کنید.



تایپوگرافی

ظاهر متن بلوک لیست را با تنظیمات زیر تنظیم کنید.

اندازه فونت به شما امکان می دهد اندازه متن را تنظیم کنید. می توانید از بین اندازه های از پیش تعیین شده مانند کوچک، متوسط ​​و بزرگ انتخاب کنید.

همچنین می‌توانید با کلیک کردن روی نماد لغزنده مستقیماً بالای انتخاب‌های پیش‌فرض، که با علامت ۱ در تصویر زیر مشخص شده‌اند، مقدار خاصی را تنظیم کنید. با کلیک کردن روی جایی که عدد 2 در تصویر زیر مشخص شده است، می توانید واحدها را تغییر دهید. انتخاب ها پیکسل em یا rem.

تایپوگرافی
تایپوگرافی

خانواده فونت به شما این امکان را می دهد که سبک فونت استفاده شده را تغییر دهید. از لیست فونت ها در منوی کشویی انتخاب کنید.

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

فاصله بین حروف: فاصله بالا/پایین متن را تنظیم می کند. اگر صفر را انتخاب کردید، حتما سایت خود را در موبایل چک کنید.

دکوراسیون: شامل گزینه هایی برای خط کشی و خط خطی (در صورت وجود) است.

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

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

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


تنظیمات لیست سفارشی

هنگامی که یک لیست مرتب (عددی) را انتخاب می کنید، گزینه های اضافی در نوار کناری تنظیمات بلوک

به نام تیظیمات لیست سفارشی ظاهر می شود.

تنظیمات لیست سفارشی
تنظیمات لیست سفارشی

می توانید مقدار Start لیست را انتخاب کنید. این گزینه در صورتی مفید است که نیاز دارید محتوای غیر لیستی را در لیست خود وارد کنید (مانند یک تصویر) و لیست عددی زیر را ادامه دهید.

از شماره گذاری معکوس لیست برای معکوس کردن ترتیب لیست خود استفاده کنید. به عنوان مثال، اگر می خواهید یک لیست شمارش معکوس ایجاد کنید که با 10 شروع می شود، از گزینه Reverse list numbering که به معنی شماره گذاری معکوس فهرست استفاده می کنید.



پیشرفته

تب پیشرفته به شما امکان می دهد یک کلاس CSS به بلوک خود اضافه کنید و به شما امکان می دهد CSS سفارشی برای استایل بلوک بنویسید.

بخش پیشرفته به شما امکان می دهد یک کلاس CSS را به بلوک خود اضافه کنید.
بخش پیشرفته به شما امکان می دهد یک کلاس CSS را به بلوک خود اضافه کنید.

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


تبدیل متن به لیست

می‌توانید با انتخاب بلوک ، روی دکمه سمت چپ نوار ابزار بلوک، و انتخاب List in از منوی Transform To ، هر بلوک متنی را به یک بلوک فهرست تغییر دهید. اگر چندین بلوک متن را به طور همزمان برجسته کنید و فهرست را انتخاب کنید ، هر بلوک متنی به یک مورد در یک لیست تبدیل می شود.

تبدیل متن به لیست
تبدیل متن به لیست

 مدیریت نوشته ها در وردپرس


لیست های تورفتگی

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

لیست های تورفتگی با نمادهای تورفتگی.
لیست های تورفتگی با نمادهای تورفتگی.

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


بلوک تصویر در ویرایشگر گوتنبرگ


لیست های مختلط

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

شما حتی می توانید لیست ها را مخلوط کنید.
شما حتی می توانید لیست ها را مخلوط کنید.

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


فهرست اختصار

می‌توانید با تایپ کردن خط فاصله به دنبال آیتم فهرست خود، و سپس یک بار فشار دادن کلید Enter/Return، فهرست‌ها را اضافه کنید. به همین ترتیب، می توانید یک لیست شماره گذاری شده را با تایپ 1، سپس یک نقطه ( .) و به دنبال آن مورد لیست خود و یک بار فشار دادن کلید Enter/Return اضافه کنید.

می‌توانید فهرست‌ها را با خط تیره یا اعداد بنویسید.
می‌توانید فهرست‌ها را با خط تیره یا اعداد بنویسید.

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

منبع



بازگشت به لیست

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *