طراحی سایت

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

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

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

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

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

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

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

فهرست:

  1. نحوه اضافه کردن بلوک گالری در ویرایشگر گوتنبرگ
  2. نوار ابزار مسدود کردن
  3. نوار ابزار بلوک گالری در ویرایشگر گوتنبرگ
  4. نحوه تبدیل بلوک گالری به بلوک گروه و بلوک ستون
  5. دستگیره های انتقال بلوک گالری
  6. تغییر تراز بلوک گالری در ویرایشگر گوتنبرگ
  7. افزودن تصاویر
  8. نوار ابزار برای تصاویر در گالری
  9. نحوه اضافه کردن پیوند به تصویر
  10. نحوه برش دادن تصویر
  11. یک تصویر را جایگزین کنید
  12. یک تصویر را حذف کنید
  13. اندازه های تصویر
  14. سبک تصاویر را در بلوک
  15. تنظیمات پیشرفته برای بلوک گالری

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

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

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



نحوه اضافه کردن بلوک گالری در ویرایشگر گوتنبرگ

نحوه اضافه کردن بلوک گالری ویرایشگر گوتنبرگ

بلوک گالری را می توان با کلیک بر روی نماد (+) Block Inserter و انتخاب بلوک گالری به یک صفحه اضافه کرد .


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

نحوه اضافه کردن بلوک گالری در ویرایشگر گوتنبرگ

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

نوار ابزار مسدود کردن

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

هر بلوک کنترل‌های مخصوص بلاک خود را دارد که به شما امکان می‌دهد بلوک را مستقیماً در ویرایشگر دستکاری کنید.

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


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

گزینه های اصلی در نوار ابزار گالری بلوک عبارتند از:

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

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

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

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

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

وقتی نوع بلوک را به بلوک Image تغییر می دهید، هر تصویر در گالری شما به یک بلوک تصویر تبدیل می شود.


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

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

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


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

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

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

افزودن تصاویر

دکمه افزودن در بلوک گالری به شما امکان می دهد تصاویر را به گالری اضافه کنید. شما دو گزینه برای افزودن تصاویر به بلوک گالری دارید : Open Media Library و Upload.

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

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

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

گزینه های بیشتر

این کنترل ها به شما این امکان را می دهد که بلوک خود را به صورت HTML کپی، کپی و ویرایش کنید.


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

نوار ابزار برای تصاویر در گالری

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

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


نحوه اضافه کردن پیوند به تصویر

بلوک گالری در ویرایشگر گوتنبرگ: نحوه اضافه کردن پیوند به تصویر
بلوک گالری در ویرایشگر گوتنبرگ: نحوه اضافه کردن پیوند به تصویر

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

می توانید تنظیمات پیوند را با کلیک بر روی فلش رو به پایین در گوشه سمت راست بالا تغییر دهید. می‌توانید انتخاب کنید که پیوند را در یک برگه جدید باز کنید، کلاس CSS را برای پیوند و ویژگی پیوند rel در صورت نیاز اضافه کنید.

بلوک گالری در ویرایشگر گوتنبرگ: نحوه اضافه کردن پیوند به تصویر
بلوک گالری در ویرایشگر گوتنبرگ: نحوه اضافه کردن پیوند به تصویر

پس از افزودن پیوند به تصویر، می‌توانید روی نماد پیوند در نوار ابزار بلوک کلیک کنید و نماد قلم را برای ویرایش پیوند یا نماد X را برای حذف پیوند انتخاب کنید.

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

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

نحوه برش دادن تصویر

می‌توانید انتخاب کنید که آیا می‌خواهید همه تصاویر شما در بلوک گالری شما بریده شوند یا خیر .

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

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


یک تصویر را جایگزین کنید

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

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


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

یک تصویر را حذف کنید

بلوک گالری در ویرایشگر گوتنبرگ: یک تصویر را حذف کنید
بلوک گالری در ویرایشگر گوتنبرگ: یک تصویر را حذف کنید

برای حذف یک تصویر از گالری خود، تصویر موجود در گالری را انتخاب کنید و delete روی صفحه کلید خود کلیک کنید یا منوی سه نقطه ای را در نوار ابزار بلوک تصویر انتخاب شده انتخاب کنید و “Remove Image” را انتخاب کنید.


اندازه های تصویر

تنظیمات Image Size به شما این امکان را می دهد که تمام تصاویر را به اندازه ای که انتخاب می کنید تنظیم کنید.

Thumbnail: یک نسخه کوچک به اندازه تصویر کوچک از تصویر شما را در صفحه، پست نمایش می دهد. توجه داشته باشید، به‌طور پیش‌فرض اندازه Thumbnail یک مربع است، بنابراین ممکن است مقداری برش تصویر اصلی شما رخ دهد.
Medium: یک نسخه متوسط ​​از تصویر شما را در صفحه، پست نمایش می دهد. این اندازه برای استفاده با ترازهای چپ، راست مناسب است، زیرا فضای کافی برای متن خوانا در هر طرف باقی می‌گذارد.


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

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


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

سبک تصاویر را در بلوک

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

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


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

تنظیمات پیشرفته برای بلوک گالری

تنظیمات پیشرفته برای بلوک گالری

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

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

برای فعال کردن این کار، یک Anchor HTML را در عکس خود قرار می دهید و پیوندی ایجاد می کنید که به لنگر می پرد.

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

توجه: بر اساس سبکی که برای بلوک تصویر در تنظیمات Styles انتخاب می‌کنید ، وردپرس به‌طور خودکار یک کلاس CSS را به بلوک تصویر در زیر کلاس(های) CSS اضافی اضافه می‌کند. می توانید کلاس های اضافی را با فاصله اضافه کنید.

ما در این مقاله شما را با بلوک گالری ویرایشگر گوتنبرگ آشنا کردیم و نحوه افزودن و کار با این بلوک را به شما آموزش دادیم؛

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

منبع

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

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