در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم یک فوتر جذاب برای سایت خود طراحی کنیم و در انتهای کار هم آن را برای موبایل و تبلت ریسپانسیو کنیم تا در نهایت بتوانیم یک فوتر زیبا برای وبسایت خود داشته باشیم، بنابراین این جلسه را تا انتها و با دقت دنبال کنید.
ساخت فوتر در المنتور
همان طور که در عنوان مقاله خواندید در این جلسه یک فوتر جذاب طراحی خواهیم کرد تا بتوانیم از آن در وب سایت خود استفاده کنیم، در زیر میتوانید تصویر فوتری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.
جمع بندی
در انتهای جلسه آموزش طراحی فوتر ریسپانسیو در المنتور امیدواریم که توانسته باشید یک فوتر زیبا و رسپانسیو برای سایت خود طراحی کنید، اگر سوالی در این رابطه دارید در بخش کامنت های همین مقاله با ما در ارتباط باشید.
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره رایگان آموزش المنتور دارید در بخش دیدگاهها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به آموزش وردپرس و طراحی سایت تهیه کنیم.
سلام خسته نباشید من دوره ی ورد پرس و المنتور شما رو کامل دیدم و بسیار ممنونم از تلاش ها و زحماتتون
تو بحث رسپانسیو کردن من سایت زدم در حالت موبایل رسپانسیو کردم و عالیه دسکتاپم همین طور اما و قتی در مرورگر گوشی حالت دسکتاپ را فعال می کنم که داخل گوشی حالت دسکتاپ سایت رو ببینم برخلاف همه ی سایت های دیگه که کامل و درست است .سایت من به هم ریخته است و ترکیبی از موبایل و دسکتاپ و تبلت و اور فلوو و بهم ریخته نمایش می ده .
کش کردم با اوتال کش و wp راکت بازم حل نشد باید چیکار بکنم (کد css هم نزدم بجز همین کد هایی که خودتون تو سایت دادید)
سلام، مراحل ریسپانسیو سایت را به درستی انجام ندادید.
سلام خداقوت
من میخوام یک عکسی رو به عنوان پس زمینه فوتر انتخاب کنم و روکش پس زمینه هم میخوام بذارم . میخوام عکس پس زمینه در هر سایزی از دسکتاپ دقیقا در وسط باشه ولی من هر کاری میکنم این اتفاق نمیفته و توی لپتاپ دیگ که سایزش فرق داره در گوشه قرار میگیره
ممنون میشم راهنماییم کنین
سلام، اگر می خواهید تصویر وسط باشه باید از بخش استایل دهی تصویر استفاده کنید، اگر با تنظیمات این بخش نتوانستید به نتیجه دلخواه برسید باید از کدنویسی اختصاصی استفاده کنید.
سلام وقت بخیر من وقتی تو حالت موبایل تغییراتی انجام میدم حالتهای دیگه هم تغییر میکنه حتی مجبور شدم یه قسمتهایی از صفحه اصلی رو دوبار طراحی کنم و یکیش رو در حال موبایل غیرفعال کنم و یکیش رو در دسکتاپ مخفی کنم ولی برای فوتر نمیدونم چیکار کنم
درود، دقت کنید که در حالت موبایل فقط امکان تغییر بخش هایی را دارید که در جلوی آنها علامت موبایل قرار گرفته است.
اگر می خواسته باشم توی ریسپانسیو کامپیوتر راست چین باشه و توی ریسپانسیو موبایل وسط چین باشه ترازبندی مشخص نمی کنه برای موبایل چی باشه برای کامپیوتر چی
می توانید از تنظیمات متن این مورد را اعمال کنید.
سلام استاد
اول که سپاس از محتوا و آموزش های ارزشمند شما
دوم اینکه من فوتر رو ساختم ولی فوتر صفحه بجای اینکه به پایین صفحه و ثابت چسبیده باشه ( مثل سایر قالب ها ) بلافاصله زیر هدر قرار میگیره و یک فضای سفید زیر فوتر بوجود می یاد که این اصلا مناسب نیست ، مخصوصا اگر محتوا کم باشه ، هر صفحه متفاوت میشه ، برای این مشکل باید چیکار کرد؟
ممنونم
درود بر شما، این یک موضوع عادی است! شما باید صفحات خود را به گونهای طراحی کنید که حتی اگر محتوایی هم نداشت، فضای سفید بین هدر و فوتر قرار بگیرد.
درود
اگه بخوایم فوتر ثابت باشه ، چیکار کنیم؟
تنظیماتش کجاست ؟
سپاس
منظورتان فوتر چسبان باشه؟ برای این کار باید از کدهای CSS کمک بگیرید.