محمدامین نوری
محمدامین نوری
خواندن ۳ دقیقه·۱ سال پیش

مشکل وسط چین کردن عکس‌ها در وردپرس

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

وسط چین کردن عکس در وردپرس

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

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

راه‌هایی که بقیه فکر میکنن نتیجه میده!

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

  • آپلود عکس در مقاله و بعد، وسط چین کردن بلوک دقیقا مثل تصویر زیر.

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

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

  • مورد دوم که توی سایت‌های زیادی نوشته بودن، این بود که شما قبل از اینکه عکسی رو آپلود کنی، بلوک اصلی رو وسط چین کن و بعدش عکست رو آپلود کن. مثل تصویر زیر:

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

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

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

استفاده از کد CSS برای وسط چین کردن عکس در وردپرس

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

حالا فکر میکنید چیکار کردم؟؟ الان دیگه برای خیلی از مسائل شما میتونی از CHAT GPT سوال کنی! منم به این فکر افتادم ازش بپرسم و سرتونو درد نیارم کلی تلاش اخرش اون کدهایی که بهم داده بود رو هرجا میذاشتم نتیجه نمیداد. چون دقیق متوجه نمیشد من برای چی میخوام.

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


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

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

figure.wp-block-image.aligncenter {

text-align: center;

width: 100%;

}

اینم اون کدی که بهتون گفتم. امیدوارم این مشکل براتون حل بشه و مثل من این همه وقت درگیرش نشید :)

دمتون گرم. فعلا خدافظ :))


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