در این جلسه از سری جلسات آموزش المنتور رایگان آکادمی وبکیما، می خواهیم یک فوتر جذاب برای سایت خود طراحی کنیم و در انتهای کار هم آن را برای موبایل و تبلت ریسپانسیو کنیم تا در نهایت بتوانیم یک فوتر زیبا برای وبسایت خود داشته باشیم، بنابراین این جلسه را تا انتها و با دقت دنبال کنید.
ساخت فوتر در المنتور
همان طور که در عنوان مقاله خواندید در این جلسه یک فوتر جذاب طراحی خواهیم کرد تا بتوانیم از آن در وب سایت خود استفاده کنیم، در زیر میتوانید تصویر فوتری که در این جلسه طراحی خواهیم کرد را مشاهده کنید.

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