mahsa23

بهم ریختن رنگ پسزمینه و مکان عکس

11 پست در این موضوع قرار دارد

باسلام خدمت دوستان

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

.entry-image img {
width: 50%;
}  

و بنده هم کد رو اضاف کردم و اندازه تصاویر شاخص درست شد ولی دو مشکل جدید برام ایجاد شد. 1-مکان تصاویر شاخص به سمت راست منتقل شده(من میخوام وسط باشن). 2- رنگ زیر عکس با رنگ کادر پست ها مختلف شده(در صورتی ک من میخوام رنگشون یکی بشه).

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

zft6_untitled.jpg

خیلی ممنون میشم راهنماییم کنید

باتشکر

0

به اشتراک گذاری این پست


لینک به پست

درود ، 

به انجمن خوش آمدید ، 

لطفا لینک آدرس سایت را قرار دهید تا بررسی شود.

1

به اشتراک گذاری این پست


لینک به پست

سلام ودرود خدمت شما

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

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

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

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

 

1

به اشتراک گذاری این پست


لینک به پست
در 9 ساعت قبل، mahsa23 گفته است :

باسلام خدمت دوستان

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


.entry-image img {
width: 50%;
}  

و بنده هم کد رو اضاف کردم و اندازه تصاویر شاخص درست شد ولی دو مشکل جدید برام ایجاد شد. 1-مکان تصاویر شاخص به سمت راست منتقل شده(من میخوام وسط باشن). 2- رنگ زیر عکس با رنگ کادر پست ها مختلف شده(در صورتی ک من میخوام رنگشون یکی بشه).

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

zft6_untitled.jpg

خیلی ممنون میشم راهنماییم کنید

باتشکر

شما باید width کلاس entry-image رو هم تغییر بدید و بعد هم میتونید با خاصیت center و هم با margin اونو وسط قرار بدید برای عکس هم نیاز نیست که استایل بدید بهش کافیه the_post_thumbnail برابر با اندازه ای که میخواید قرار بدید 

مثال برای اندازه 300x300

the_post_thumbnail('medium');

1

به اشتراک گذاری این پست


لینک به پست

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

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

آقای alam70 width کلاس entry-image رو هم به 50 درصد تغییر دادم ولی بازهم تغییری نکرد. و خاصیت سنتری ک گفتین رو باید چطور و کجا بنویسم؟ شکل کامل دستورش ب چ شکل هست؟

با عرض معذرت منظورتون رو از " برای عکس هم نیاز نیست که استایل بدید بهش کافیه the_post_thumbnail برابر با اندازه ای که میخواید قرار بدید " متوجه نشدم.

باتشکر

0

به اشتراک گذاری این پست


لینک به پست

از چه قالبی استفاده میکنید ؟

فایل index.php قالبتون رو ضمیمه کنید

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 4 ساعت قبل، mahsa23 گفته است :

ممنون میشم یکی کمک کنه

درود

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

تمام کدهایی که قبلا اضافه کردید رو حذف کنید و این کد رو به انتهای فایل استایل اضافه کنید:

.entry-image {
    background: #ffffff !important;
	}

.entry-image img {
    width: 50%;
    display: block;
    margin: auto;
	}

موفق باشید

ویرایش شده در توسط Farshad
0

به اشتراک گذاری این پست


لینک به پست
در 10 ساعت قبل، mahsa23 گفته است :

ممنون میشم یکی کمک کنه

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

.entry-image{
  overflow: hidden;
  background: #F4F4F4;
  max-height: 400px;
  position: relative;
  margin: 0 auto;
  width: 50%;
}
 article{background: #fff;}

این دوتا کد رو جایگزین .entry-image کنید و دوباره کلاس .entry-image img ر. برابر 100% قرار بدید به این شکل

.entry-image img {
  width: 100%;
}

 

0

به اشتراک گذاری این پست


لینک به پست

باتشکر فراوان از آقای alam70 و آقای FARSHAD بلاخره مشکلم حل شد.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری