آیا می خواهید تصاویر را در کنار هم در محتوای وردپرس خود قرار دهید؟
اغلب مبتدیان تلاش می کنند تا چگونگی قرار دادن دو عکس در کنار یکدیگر را در پست ها و صفحات وردپرس خود قرار دهند.
در این راهنمای گام به گام ، ما نشان خواهیم داد که چگونه تصاویر را در وردپرس به راحتی در کنار هم قرار دهید (بدون نوشتن کد).
استفاده از ویرایشگر بلوک برای قرار دادن تصاویر در کنار هم h4>
ساده ترین راه برای به دست آوردن تصاویر در کنار هم استفاده از ویرایشگر بلوک وردپرس .
ویرایشگر بلوک دارای یک بلوک ویژه “گالری” است که به شما امکان می دهد تصاویر را در سطرها و ستون ها نمایش دهید.
ابتدا برای باز کردن ویرایشگر محتوا ، باید یک پست / صفحه جدید ایجاد کنید یا یک پست موجود را ویرایش کنید. پس از ورود ، روی نماد (+) کلیک کنید تا یک بلوک جدید اضافه کنید.
بعد ، باید بلوک Gallery را انتخاب کنید و آن را به صفحه خود اضافه کنید. می توانید بلوک گالری را در بخش Common Blocks پیدا کنید ، یا می توانید از نوار جستجو برای یافتن سریع آن استفاده کنید.
اکنون ، با کشیدن تصاویر به داخل آن یا با استفاده از دکمه بارگذاری ، می توانید تصاویر را به راحتی به مجموعه گالری خود اضافه کنید. همچنین می توانید تصاویر را از کتابخانه رسانه خود در وردپرس انتخاب کنید.
همانطور که مشاهده می کنید ، ما 2 تصویر به بخش گالری خود اضافه کرده ایم. وردپرس به طور خودکار آنها را در کنار هم قرار داده است.
اگر می خواهید 3 تصویر در کنار هم داشته باشید ، چه می کنید؟ اگر ما یک تصویر سوم اضافه کنیم ، این اتفاق می افتد. وردپرس به سادگی سایز سایز دیگران را می دهد تا هر 3 در کنار هم قرار بگیرند:
p >
اگر تصویر چهارم را بارگذاری کنید ، وردپرس آن را در زیر تصاویر دیگر قرار می دهد.
می توانید تعداد تصاویری که وردپرس باید در کنار هم در یک ستون قرار دهد را تغییر دهید.
در صورتی که قبلاً انتخاب نشده باشد ، روی قسمت Gallery کلیک کنید. در سمت راست صفحه ، تنظیمات بلوک گالری را مشاهده خواهید کرد.
می توانید تعداد ستون ها را در هر شماره بین 1 تا 4 تنظیم کنید. به عنوان مثال ، اگر می خواهید دو تصویر در کنار هم داشته باشید و دو تصویر دیگر در زیر آنها ، می توانید ستون ها را روی 2 تنظیم کنید.
به همین سادگی است!
اگر می خواهید محلی را که تصویر در گالری شما قرار دارد تغییر دهید ، فقط روی آن کلیک کنید. سپس پیکانهایی را مشاهده خواهید کرد که می توانید با استفاده از آنها آن را به جلو یا عقب در گالری منتقل کنید.
در اینجا یک نسخه نمایشی گالری به پایان رسیده از نمونه پست ما وجود دارد:
استفاده از یک افزونه برای قرار دادن تصاویر در کنار هم در وردپرس h4>
اگر از عنوان ویرایشگر قدیمی وردپرس کلاسیک ، یا اگر می خواهید گالری های پیچیده تری از بلوک پیش فرض گالری ایجاد کنید ، به پلاگین گالری وردپرس نیاز خواهید داشت.
توصیه می کنیم از گالری Envira زیرا
به خاطر این آموزش ، ما از نسخه رایگان Envira استفاده خواهیم کرد ، اما ممکن است بخواهید نسخه حرفه ای برای دریافت ویژگی های قدرتمند مانند آلبوم ها ، نمایش اسلایدهای تصویر و غیره.
ابتدا باید Envira Gallery پلاگین. اگر مطمئن نیستید که چگونه ، فقط راهنمای گام به گام ما را در نحوه نصب افزونه وردپرس .
در مرحله بعدی ، می توانید به Envira Gallery »Add New در داشبورد وردپرس خود بروید.
شما باید به گالری خود عنوان بدهید. ما خودمان را “گالری نمونه” نامیده ایم. بعد ، تصاویری را که می خواهید استفاده کنید بارگذاری کنید.
می توانید آنها را در جعبه بارگذاری بکشید و رها کنید ، یا می توانید از یکی از دکمه های “انتخاب پرونده ها” استفاده کنید.
نحوه بارگذاری تصاویر پس از بارگذاری به شرح زیر است:
شاید بخواهید به تصاویر خود در اینجا عنوان و متن alt دهید. وقتی کاربر نشانگر ماوس را روی آن قرار می دهد ، عنوان زیر تصویر شما ظاهر می شود.
این عنوان در زیر تصویر در حالت پنجره سبد جعبه نیز ظاهر می شود که لحظه ای به آن نگاه خواهیم کرد.
برای ویرایش عنوان عنوان و متن alt ، روی دکمه ویرایش تصویر در گالری کلیک کنید.
سپس می توانید عنوان را برای تصویر خود تغییر دهید. این به طور پیش فرض به نام فایل تصویر است.
همچنین باید متن alt را وارد کنید ، زیرا این برای سئو سایت وردپرس . اگر عنوان شما تصویر را توصیف می کند ، می توانید آن را به سادگی برای متن alt تکرار کنید.
پس از اتمام کار ، لطفاً قبل از کلیک روی X برای بستن پنجره ، مطمئن شوید که بر روی دکمه “ذخیره متاداده” کلیک کنید.
برای افزودن گالری خود در سایت ، ابتدا باید آن را منتشر کنید. پیش بروید و روی دکمه انتشار در سمت راست صفحه کلیک کنید.
اکنون ، یک پست یا صفحه را ویرایش کنید ، یا یک پیام جدید ایجاد کنید. درون ویرایشگر محتوا ، برای افزودن بلوکی به پست خود (+) را کلیک کنید و بلوک Envira Gallery را انتخاب کنید. می توانید آن را در بخش Common Blocks پیدا کنید ، یا می توانید از نوار جستجو استفاده کنید.
برای انتخاب گالری خود ، باید روی منوی کشویی کلیک کنید.
باید گالری خود را در جای خود در پست خود مشاهده کنید.
می توانید تنظیمات را در سمت راست صفحه تنظیم کنید. به عنوان مثال ، ممکن است بخواهید طرح ستون یا اندازه حاشیه بین تصاویر را تغییر دهید.
ما تصمیم گرفتیم گالری خود را طوری تنظیم کنیم که همیشه در دو ستون نمایش داده شود. ما همچنین حاشیه وسیع تری بین تصاویر اضافه کردیم.
کاربر می تواند با کلیک بر روی یک تصویر ، نسخه کامل آن را در یک جعبه سبک مشاهده کند. آنها همچنین می توانند با استفاده از جعبه سبک در تصاویر پیمایش کنند.
اگر می خواهید تصاویر بیشتری به گالری خود اضافه کنید ، می توانید با مراجعه به گالری Envira »همه گالری ها در داشبورد وردپرس به آن برگردید. برای ویرایش آن ، کافیست بر روی نام گالری خود کلیک کنید.
هر تغییری که در گالری خود ایجاد کنید ، در هر کجا که آن را در پست ها ، صفحات یا ستون های کناری خود قرار دهید ظاهر می شود. نیازی نیست دوباره آن را به این موارد اضافه کنید.
نکته: اگر با استفاده از ویرایشگر کلاسیک به جای ویرایشگر بلوک ، هنوز هم می توانید از گالری Envira استفاده کنید.
دکمه “افزودن گالری” را در بالای ویرایشگر کلاسیک مشاهده خواهید کرد که می توانید برای افزودن یک گالری موجود به پست خود استفاده کنید.
همچنین می توانید با کلیک روی دکمه “افزودن رسانه” و سپس “ایجاد گالری” یک گالری جدید ایجاد کنید.
p >
امیدواریم این آموزش به شما کمک کند یاد بگیرید چگونه تصاویر را در وردپرس کنار هم قرار دهید. همچنین ممکن است بخواهید از راهنمای ما در نحوه ترازبندی تصاویر در ویرایشگر بلوک وردپرس ، و لیست جامع باید دارای افزونه های وردپرس باشد (انتخاب متخصص) .
اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/beginners-guide/how-to-put-images-side-by-side-in-wordpress/.