ریسپانسیو کردن کد بنر برای وردپرس
دوستان من کد زیر رو برای قرار دادن بنر دارم اما ریسپانسیو نیست راهنمایی میکنید؟در ضمن من میخوام این بنر فقط در پایین صفحه اصلی و بالای فوتر باشه این کد رو فایل index.php بذارم؟کجای فایل؟ممنون
کد:
<center><a href="Link Adress" target="_blank"><img src="Banner Address" width="240" height="90"/></a></center>
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
خوب ببین برای ریسپانسیو بودن این کمترین اندازه است
لطفا بر روی سایت قرار دهید تا طبق وضعیت سایت کمکتون کنم
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
نقل قول:
نوشته اصلی توسط
sazsaz
خوب ببین برای ریسپانسیو بودن این کمترین اندازه است
لطفا بر روی سایت قرار دهید تا طبق وضعیت سایت کمکتون کنم
من میخوام توی مرور گر کامپیوتر تمام عرض صفحه رو پرکنه و در گوشی یا تبلت هم کل عرض نمایشگرو پرکنه بدونه اینکه اسکرول افقی درست شه.میشه؟
لطفا بفرمایید کد رو کجای فایل index.php بذارم تا بنر فقط در پایین صفحه اصلی و بالای فوتر باشه.تا بذارم روی سایت
index.php
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
خب ببینید بالای
کد PHP:
<?php get_footer(); ?>
قرار دهید
و کد زیر را به قالب افزودنه
کد PHP:
<div class="ads">
<a href="#" target="_blank"><img alt="" src="adress tasvir" /></a>
</div>
و کد زیر را به سی اس اس اضافه کنید
کد PHP:
.ads {
width: 100%;
}
.ads img{
width: 100%;
}
البته اینا مثال هست و برای هر اندازه ای باید یک مدیا تعریف بشه
شما می توانید اندازه و استایل مورد نظر را به کدها بدی
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
نقل قول:
نوشته اصلی توسط
sazsaz
خب ببینید بالای
کد PHP:
<?php get_footer(); ?>
قرار دهید
و کد زیر را به قالب افزودنه
کد PHP:
<div class="ads">
<a href="#" target="_blank"><img alt="" src="adress tasvir" /></a>
</div>
و کد زیر را به سی اس اس اضافه کنید
کد PHP:
.ads {
width: 100%;
}
.ads img{
width: 100%;
}
البته اینا مثال هست و برای هر اندازه ای باید یک مدیا تعریف بشه
شما می توانید اندازه و استایل مورد نظر را به کدها بدی
دست شما درد نکنه بنر اومد لطف میکنید ریسپانسیوشم راهنمایی کنید
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
اگر بنر شما قرار تمام صفحه باشه اینو قرار بدید
کد:
<center><a href="Link Adress" target="_blank"><img src="Banner Address" style="width:100%;" /></a></center>
اما اگه قراره به طور عادی سایز خودش باشه و با تغییر سایز یعنی کوچک شدن فیکس صفحه بشه کد زیر رو بذارید
کد:
<center><a href="Link Adress" target="_blank"><img src="Banner Address" style="max-width:100%;" /></a></center>
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
نقل قول:
نوشته اصلی توسط
vahab00
اگر بنر شما قرار تمام صفحه باشه اینو قرار بدید
کد:
<center><a href="Link Adress" target="_blank"><img src="Banner Address" style="width:100%;" /></a></center>
اما اگه قراره به طور عادی سایز خودش باشه و با تغییر سایز یعنی کوچک شدن فیکس صفحه بشه کد زیر رو بذارید
کد:
<center><a href="Link Adress" target="_blank"><img src="Banner Address" style="max-width:100%;" /></a></center>
ممنون از راهنمایتون کد دومی دقیقا چیزی بود که میخواستم
ولی یه سوال فرمودین با کد دوم تصویر به طور عادی سایز خودشه و با کوچک شدن صفحه فیکس صفحه میشه حالا سوالم اینه با بزرگ شدن صفحه اگه تصویر کوچک باشه چکار کنم تا باز فیکس صفحه بشه؟
یا اگه سوالمو جور دیگه بپرسم فرض کنید تصویر توی لب تاپ 12 اینچ و موبایل فیکسه آیا طبق کد دوم الزاما توی لب تاپ 17 اینچ هم فیکسه یا بستگی به سایز تصویر داره؟
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
ببینید وقتی شما از کد دوستمون استفاده کنید
توی موبایل ریسپانسیو هست و توی کامپیوتر یا لب تاب وسط قرار می گیره کامل فیکس نیست
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
نقل قول:
نوشته اصلی توسط
sazsaz
ببینید وقتی شما از کد دوستمون استفاده کنید
توی موبایل ریسپانسیو هست و توی کامپیوتر یا لب تاب وسط قرار می گیره کامل فیکس نیست
ممنون کدی که شما دادین اون قسمتی از کد که باید به css اضافه کنم رو یه نگاه میندازین به نظر ایراد داره یه دونه img داره و 2تا width داره؟
اگه لطف کنید واسه قسمت css کدی بدین که خود کد اندازه ی width رو اتومات فیکس هر صفحه ای کنه(حالا تصویر اصلی میخواد کوچک یا بزرگتر از اون صفحه باشه) و خودش اتومات height رو به تناسب width کوچک یا بزرگ کنه ممنون میشم
پاسخ : ریسپانسیو کردن کد بنر برای وردپرس
کد PHP:
max-width: آخرین اندازه;
می تونی به جای آخرین اندازه عدد مورد نظر خود را قرار دهید
یا می تونید از درصد استفاده کنید