رفتن به مطلب
mahsa23

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

پست های پیشنهاد شده

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

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

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

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

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

zft6_untitled.jpg

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

باتشکر

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


لینک به ارسال

درود ، 

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

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

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


لینک به ارسال

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

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

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

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

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

 

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


لینک به ارسال
در 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');

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


لینک به ارسال

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

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

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

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

باتشکر

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


لینک به ارسال

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

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

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


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

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

درود

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

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

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

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

موفق باشید

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

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


لینک به ارسال
در 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%;
}

 

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

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

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

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


×
×
  • اضافه کردن...