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

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

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

عکس ها باعث جذابیت بیشتر سایت می شوند.

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

در ویرایشگر قدیمی،تراز تصاویر همیشه یک مسئله خاص بود.

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

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

در این ویرایشگر،مشکلات متعدد ویرایشگر قدیمی از جمله تراز کردن تصاویر حل شد.

اضافه کردن و تراز کردن تصاویر در وردپرس

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

  • تصویر
  • تصویر درونی
  • گالری
  • رسانه و متن
  • پوشش دادن

برای قرار دادن بلوک تصویر، بر روی دکمه «Add new block» یا تایپ /image در ویرایشگر پست کلیک کنید.

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

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

سپس، روی دکمه «Upload» کلیک کنید و تصویر موردنظر خود را انتخاب کنید.

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

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

برای تطبیق تصویر از نوار ابزار موجود در بالای تصویر استفاده کنید.

اگر تصویر شما از عرض کوچکتر باشد آن را در سمت چپ یا راست تنظیم می کند و متن را در کنار تصویر قرار می دهد.

قرار دادن تصویر در کنار متن

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

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

این بلوک اساسا دو ستون،یک ستون برای تصاویر (رسانه) و ستون دوم برای محتوای متن ایجاد میکند.

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

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

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

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

ویژگی های گالری پیش فرض در وردپرس بسیار خوب است.

اگر به طور دائم گالری عکس را به صفحات وردپرس اضافه میکنید،میتوانید از افزونه گالری مانند Envira Gallery استفاده کنید.

نمایش دو تصویر در کنار یک پست وردپرس

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

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

همچنین می توانید گزینه ‘thumbnail crop’ را بررسی کنید تا مطمئن شوید که هر دو تصویر هم اندازه هستند.

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

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

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

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

شما می توانید متن را بر روی تصویر اضافه کنید و یک رنگ از تنظیمات بلوک را انتخاب کنید.

تا کنون ما در مورد اضافه کردن تصاویر به طور مستقیم به پست ها و صفحات خود صحبت کرده ایم.

در مورد تصاویر از سایت های دیگر چه؟

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

با بلوک های جاسازی شده برای سایت های اشتراک گذاری اجتماعی محبوب از جمله Instagram، Flickr، Imgur Photobucket و موارد دیگر این مشکل رفع شده است.

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

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

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

درباره شرکت فناوری اطلاعات مهرسانا

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

ارسال دیدگاه

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