telegram
responsive

کاربران عزیز در صورت رفع نشدن مشکل خود می توانید با تلگرام dparsaee@ یا اسکایپ iranresponsive با مدیریت در ارتباط باشید (July 24)

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل در ریسپانسیو قالب وردپرس
#1
سلام به دوستای عزیز
زمانی که انجمن رو عوض میکنید یه اطلاع به ما هم بدید ممنون میشیم Sad

من میخوام یک قالبی رو ریسپانسیو کنم اما میخوام همون کدایی که تو فایل style.css هستش همونارو ویرایش کنم که تمامی قسمت ها با کوچیک شدن صفحه کوچیک بشن.

حالا من برای شروع قسمت هدر سایت رو خواستم ریسپانسیو کنم که یه عکس 428*40 هستش من میام به اون عکس تو style.css قسمت width:100% میدم این تصویر با بزرگ کوچیک شدن صفحه بزرگ و کوچیک میشه اما یه مشکلی که به وجود میاد اینه که زمانی که width:100% بهش میدم کل هدر رو میگیره من باید چیکار کنم که سایز عکس همون 428*40 باشه ولی زمانی که صفحه کوچیک میشه اونم کوچیک بشه؟؟؟؟

روی این سایت دارم ریسپانسیو رو انجام میدم دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



یه توضیحاتی آقای پارسایی دادن که میگم

{

سلام عزیز باید از مدیا استفاده کنید و در سه اندازه تعریف کنید البته بیشتر هم می تونید و اندازه ها را در مدیا ها تعریف کنید
مثلا برای موبایل از این کد در سی اس اس استفاده کنید
@media screen and (max-width: 500px)



برای هر اندازه کد را قرار دهید و اندازه مخصوص را
البته در در هدر سایت هم از کد زیر استفاده کنید
<meta content="width=device-width, initial-scale=1" name="viewport">

}

حالا میخوام بدونم


الان من باید به قسمت div این @media screen and (max-width: 500px) رواضافه کنم؟نیازی نیست قسمتای height و width رو به %100 تغییر بدم؟؟؟

و قسمت کد <meta content="width=device-width, initial-scale=1" name="viewport"> که گفتید تو هدر وارد کنم برای چی هستش؟؟؟
پاسخ
 سپاس شده توسط admin ، ahadzadeh
تبلیغات
 تبلیغات  تبلیغات  تبلیغات  تبلیغات
#2
توی هر اندازه باید شما طول همان اندازه را به بادی دهید و برای طول و عرض تصاویر هم از max-width  و max-height استفاده کنید مثلا:
کد:
max-width: 100%;
یا مثلا
کد:
 max-width: 500px;
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
skype: iranresponsive          -------------------         telgram: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ
 سپاس شده توسط ahadzadeh ، amiralibk
#3
کد:
@media screen and (max-width: 500px)
@media screen and (max-width: 500px) {#logo { display:none; }}
الان من این قسمت رو به آخر فایل style.css اضافه کردم اما زمانی که به 500 میرسونم اندازه صفحه رو قسمت لوگو که تو هدر هستش رو حذف نمیکنه Sad
پاسخ
 سپاس شده توسط ahadzadeh
#4
ما الان اینجا دو وضعیت می بینم
شما اومدین از بوت استرپ استفاده کردید
و می خواین از کوئری هم استفاده کنید این اشتباه هست
باید از یکی استفاده کنید

مشخص کنید از چی استفاده می خواین کنید تا راهنمایی کنم
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
skype: iranresponsive          -------------------         telgram: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ
 سپاس شده توسط ahadzadeh
#5
من میخوام تو همون فایل style.css تمامی کدهایی که وجود داره ریسپانسیو شدش باشه یعنی این کدارو با کد ریسپانسیوش جا به جا کنم

برای شروع هم اون عکس بالای سایت که تو هدر هست رو میخوام اون قسمت ریسپانسیو بشه که کد اون قسمت تو فایل style.css اینه

کد:
#logo {
   height: 118px;
   margin: 10px auto;
   width: 425px;
}
پاسخ
 سپاس شده توسط ahadzadeh
#6
کد لوگو را حذف و کد زیر را جایگزین کن

کد:
#logo{
   margin: 10px auto;
}
#logo img {
   height: 118px;
   width: 425px;
}

کد:
و پایین استایل این کد را قرار بده

کد php:
@media (max-width500px) {
#logo img {
 
   heightauto
 
   max-width100%;
}
 
}

@
media (max-width768px) {
 
#logo img {
 
   heightauto
 
   max-width100%;
}

}


و تک مخصوص را در در هدر جاسازی کن 
کد php:
<meta content="width=device-width, initial-scale=1" name="viewport"
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
skype: iranresponsive          -------------------         telgram: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ
 سپاس شده توسط design3r ، ahadzadeh
تبلیغات
 تبلیغات  تبلیغات  تبلیغات  تبلیغات
#7
عالی بود الان بیشتر قسمتارو ریسپانسیو کردم یعنی کداشو قرار دادم فقط یه چند تا سوال دارم که تک تک میپرسم

هر قالبی از چندین قسمت مختلف تشکیل میشه حالا من اگر بخوام تک تک قسمتارو کدش رو تکرار کنم باعث ضعف سئو نمیشه؟

الان من برای قسمت های #logo img# menu# main# gallery اومدم 4 بار کد

کد:
@media (max-width: 500px) {
#logo img {
   height: auto;
   max-width: 100%;
}

}

@media (max-width: 768px) {
#logo img {
   height: auto;
   max-width: 100%;
}

}
رو به آخر فایل style.css اضافه کردم میخواستم بدونم نمیشه تمامی این قسمت ها رو تو یه کد قرار بدم دیگه هر بار کپی پیست نکنم؟؟؟؟
پاسخ
 سپاس شده توسط ahadzadeh
#8
هیچ تاثیری روی سئو نداره با خبال راحت به کارتون برسید
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
skype: iranresponsive          -------------------         telgram: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ
 سپاس شده توسط ahadzadeh
#9
ممنون خوب حالا سایتو یه چک کنید زمانی که تو سایز زیر 750 میخوایم سایت رو نگاه کنیم قسمتی که تصاویر مطالب تو صفحه هستش با کوچیک شدن صفحه اونا هم یک ستون یک ستون کم میشه و میاد زیر آرم تلگرام خوب من با این قسمت مشکلی ندارم

قسمت بالایی که از همون آرم تلگرام به بالا هستش میخوام تغییراتی بدم

مثلا آرم تلگرام و قرآن و فال حافظ زمانی که سایز صفحه زیر 750 میاد و قسمت گالری که میاد زیرش سمت چپش خالیه میخوام این سه قسمت که به صورت ستونی هست به شکل ردیف در بیاد

امیدوارم منظورمو درست رسونده باشم Sad
پاسخ
 سپاس شده توسط ahadzadeh
#10
اول به جای center از چیز دیگر استفاده و کلاس تعریف کن و توی 750 عرض  اون کلاس را 99 درصد بده
توی اون از ul  و li  استفاده کن تاثیر بهتری توی سئو داره
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
skype: iranresponsive          -------------------         telgram: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ
 سپاس شده توسط ahadzadeh


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
پیام مدیر :
پیام مدیر اینجا قرار گیرد
کلیه حقوق برای انجمن وردپرس ایرانی محفوظ است
  • info@wpir.ir
  • admin@wpir.ir
قدرت گرفته از مای بی بی
SEO by PANGASH