در این قسمت روش ساخت فوتر را در قالب قدرتمند زفایر به شما آموزش داده و یک نمونه فوتر در قالب زفایر طراحی می کنیم.
آموزش طراحی فوتر در قالب زفایر
برای طراحی فوتر سایت در پیشخوان وردپرس، زیرگرو” Zephyr > صفحات جدید” را انتخاب کرده و دکمه “اضافه کردن بلوک صفحه” را کلیک کنید. یک عنوان برای فوتر در نظرگرفته و در قسمت اصلی صفحه بلوک با استفاده از ویرایشگر صفحه ساز ویژوال کامپوزر و المان های آن فوتر را طراحی کنید.
توجه کنید بلوک صفحه که فوتر را در آن طراحی میشود دارای لینک نیست و برای مشاهده آن، فوتر باید در برگه ها، نوشته ها و دیگر پست تایپ های سایت فراخوانی شود.
برای طراحی یک نمونه فوتر در قالب وردپرس، المان “ردیف” را به صفحه ساز ویژوال کامپوزر اضافه کنید. در صفحه تنظیمات ردیف، یک رنگ پس زمینه با توجه به استایل و ظاهر کلی سایت انتخاب کنید. برای قرار دادن اطلاعات در فوتر، آن را به 3 ستون تقسیم کنید.
برای مطالعه بیشتر، آموزش فوتر سایت چیست؟ را مشاهده و مطالعه کنید.
بلاک متن
به یکی از ستون ها المان “بلاک متن” را اضافه کرده و توضیحاتی در مورد سایت و حرفه تان در آن بنویسید. در صفحه تنظیمات بلاک متن، نوع فونت، رنگ، اندازه و… متن را تغییر دهید.
برای اضافه کردن شبکه های اجتماعی از المان “لینک های اجتماعی” استفاده کنید. در صفحه تنظیمات آن، نام شبکه های اجتماعی و لینک آنها را اضافه کنید. همچنین میتوانید اندازه، شکل آیکون و… را نیز از سربرگ نمایش و طراحی تغییر دهید.
در ستون دیگری از ردیف لینک های مهم سایت را قرار دهید. از المان “جداکننده با متن” برای ایجاد سرتیتر استفاده کنید. در صفحه تنظیمات المان جداکننده با متن، عنوان مناسب را برای این قسمت در جعبه عنوان درنظر بگیرید.
برای قراردادن لینک های مهم سایت در فوتر، از المان “بلاک متن” استفاده کرده، نام و لینک صفحات را در آن قرار دهید. همچنین می توانید نوع فونت، اندازه، چینش و… را نیز تنظیم کنید.
برای ستون سوم نیز مانند ستون قبل المان جداکننده با متن را اضافه کرده و اطلاعات تماس را در المان بلاک متن قرار دهید.
برای ایجاد طراحی خاص فوتر می توانید در ردیف اصلی فوتر از طرح های جداکننده شکل استفاده کرد. در صفحه تنظیمات ردیف، سربرگ “جداکننده شکل” را کلیک کرده و برای قسمت بالای فوتر طرحی را انتخاب کنید.
برای درج حق کپی رایت نیز در صفحه طراحی فوتر، یک ردیف اضافه کرده و متن حق کپی رایت مؤسسه را در المان بلاک متن قرار دهید.
مراحل بعد از طراحی فوتر
پس از طراحی فوتر باید برای صفحات سایت آن را فراخوانی کنید. برای فراخوانی فوتر در صفحات سایت، در پیشخوان وردپرس، زیرگرو” Zephyr > تنظیمات پوسته” را انتخاب کنید. در بخش طرح بندی صفحات، عنوانی که برای فوتر در نظرگرفته بودید را در قسمت برگه ها و جعبه باز شونده فوتر قرار دهید. با توجه به اینکه قسمت نوشته ها نیز مانند صفحات تنظیم شده است، فوتر علاوه بر برگه ها در نوشته های سایت نیز فراخوانی میشود.
فوتر
در صورتی که بخواهید فوتر روی تعدادی از برگه ها یا نوشته ها اعمال شود یا برای صفحات مختلف از فوترهای متفاوت استفاده کنید. میبایست تنظیمات مربوط به نمایش فوتر را در هر صفحه به طور جداگانه انجام دهید. برای این کار برگه یا نوشته را در حالت ویرایش باز کرده و از منو طرح بندی صفحه که در سمت چپ صفحه قرار دارد. از جعبه بازشونده فوتر، عنوان فوتر موردنظر را انتخاب کنید. در این روش فوتر فقط برای صفحاتی که به آن اختصاص داده میشود نمایش داده خواهد شد.
در پایان، پس از طراحی و فراخوانی فوتر در صفحات، فوتر برای صفحات سایت در مرورگر نمایش داده خواهد شد.
103 دیدگاه. Leave new
سلام من تو قالب جدید زفایر مبخوام فوتر بسازم ولی صفحه بلوک رو پیدا نمیکنم و از روی کامنتها دیدم که گفتید بریم تو قسمت Reusable Block یا page templates ولی وقتی وارد هر کودوم از این دو بخش میشم اصلا ویژوال کامپوزر یا همون ویرایشگر پیشرفته برام فعال نیست
لطفا دقیق راهنماییم کنید که از کجا باید ویزوال کامپوزر رو فعالش کنم خیلی ضروریه
سلام وقت شما بخیر،
برای این مورد پیشنهاد میشود از آموزش زیر دیدن فرمائید
https://abzarwp.com/question/visual-composer-role-manager/
با تشکر.
با سلام در قالب جدید باید Reusable Block 1 رو انتخاب کنیم یا Page Template رو برای ساخت فوتر؟
سلام وقت شما بخیر،
برای ساخت فوتر میتوانید از قسمت Page Template اقدام فرمایید.
با تشکر.
سلام جدا کننده متن تو المان های من نیست
سلام وقت شما بخیر،
وارد تنظیمات قالب شوید به تب پیشرفته رفته و گزینه غیرفعال کردن ویژگی های صفحه ساز ویژوال کامپوزر را خاموش کنید
با تشکر.
سلام
واسه من صفحات جدید نمیاره
سلام وقت شما بخیر،
خواهشمند است درخصوص مشکل خود توضیحات بیشتری ارایه فرمایید.
با تشکر.
با سلام من در قسمت ابزار ها گزینه فوتر و صفحات جدید را پیدا نمیکنم و به گفته شما در نظرات گزینه Page Template را میزنم ولی در قسمت طراحی گزینه ی ویرایشگر پیشرفته وجود ندارد
سلام وقت شما بخیر،
در آپدیت جدید قالب تغییری در نمایش تنظیمات قالب رخ داده است و در منو پیشخوان قسمت قالب ها میتوانید به این بخش ها دسترسی داشته باشید.
با تشکر.
با سلام وقت بخیر
برای طراحی فوتر درقسمت قالبها من فقط گزینه های هدرهای سایت ُ page templates ُ Reusable blocks , و طرحهای شبکه رو دارم اما صفحات جدید رو موجو د ندارم تمام افزونه های زفایر رو نصب کردم اما متاسفانه در پیشخوان نیست .
سپاس
سلام وقت شما بخیر،
ظاهراً در سایت شما افزونه فارسی ساز آپدیت نیست ، میتوانید از قسمت page template اقدام فرمایید.
با تشکر.
با سلام و وقت بخیر متاسفانه اینجانب در بخش زفایر ایتم صفحات جدید رو پیدا نمی کنم ممنون
سلام وقت شما بخیر،
تغییراتی در نسخه جدید قالب رخ داده است و این موارد به منو پیشخوان و سپس بخش قالب ها اضافه شده است.
با تشکر.
سلام خسته نباشد
برای من در تنظیمات ردیف گزینه “ارتفاع” رو نداره که بزارمش روی “برابر با محتوا”
با سلام و وقت بخیر
احتراماً این بخش در نسخه جدید قالب تغییراتی کرده است و گزینه ارتفاع ردیف حذف شده و به جای آن گزینه تورفتگی ردیف اضافه شده که حالت پدینگ ردیف را دارد.
تصویر
اما اگر می خواهید یک ردیف را در نسخه جدید تمام عرض یا کامل نمایش دهید می توانید از گزینه زیر استفاده نمایید.
تصویر
پیروز و پاینده باشید
سلام من نمی تونم لینک شبکه های اجتماعی رو بزنم وقتی همه رو تایید کردم اصلا نمایش نمیده میشه سریع راهنمایی کنید ممنون میشم
سلام وقت شما بخیر،
در این خصوص دقت داشته باشید که لینک ها بایستی کامل درج شوند همراه با https ، در غیر اینصورت ممکن است در نمایش آنها مشکلاتی رخ دهد.
با تشکر.
سلام
ببخشید چطور باید در فوتر سایت برچسب های سایت رو قرار بدیم
یا مثلا دسته بندی هاس سایت
و چطور اینهارو باید ادیت کرد که حالت گرافیکی داشته باشد ؟؟
تشکر از زحمات شما
سلام وقت شما بخیر،
در این خصوص میتوانید از المان های وردپرس نظیر دسته بندی ها یا برچسب ها استفاده کنید ، همچنین امکان استفاده از طرح های شبکه‌ای نیز وجود دارد. موارد اول را بایستی با css یا افزونه مداد زرد استایل دهی کنید و حالت شبکه ای امکان استایل دهی با تنظیمات موجود در قالب را دارا می باشد.
با تشکر.
سلام وقت بخیر
ببخشید یه سوالی داشتم. افزود لینک به تصویر چطوریه؟
مثلاً اگه بخوایم نماد اعتماد الکترونیک بزاریم توسایت معمولاً تصویره که لینک داره اونو چطوری بزاریم؟
سلام وقت شما بخیر،
برای درج نماد اعتماد پیشنهاد می شود از همان کد استفاده فرمایید زیرا هر گونه تغییر در کد از طرف اینماد غیرقانونی در نظر گرفته شده است.
با تشکر.
سلام میگ من چه کار کنم که محتوای من تمام عرض بشه ؟ قالب استاد با بنده فرق داره و آپشن های ایشون رو ندارم
باسلام خدمت شما
در جلسه زیر تمام موارد و نکاتی که در این خصوص نیاز دارید ذکر شده که میتوانید مشاهده فرمایید
https://abzarwp.com/show-product-in-pages/
از حضور شما ممنونیم.
سلام وقتتون بخیر چطوری به دکمه های شبکه های اجتماعی لینک بدیم؟
وقت شما بخیر جناب دهقانی ،
در زمان وارد کرد شبکه ها، می توانید لینک آن را هم وارد نمایید.
با تشکر.
مثلا اگه بخوام اینستا رو وارد کنم چطوری باید بنویسمش؟
آی دی اینستاگرام به همراه آدرس آن
سلام و عرض خسته نباشید
من تمام قدم های ساخت وبسایت رو دارم باهاتون میام جلو یه چیزی واسم جلب توجه کرد اونم وقتی وارد سایت شما میشم تو تب های بالا یه عکس شبیه دارت دیده میشه
ولی وبسایتی که ما داریم طراحی میکنیم همچین چیزی نداره … چجوری میشه اضافه کرد ؟
وقت شما بخیر
اگر منظور شما تصویر و آیکون برای سایت است ، در بخش نمایش > سفارشی سازی > هویت سایت می توانید برای سایت خود آیکون قرار دهید.
سلام وقت بخیر. برای طراحی فوتر داخل زفایر گزینه صفحات جدید یا اصلا فوتر رو ندارم. باید چکار کنم؟
سلام و وقت بخیر.
احتمال این است که افزونه های مربوط به قالب را نصب و فعال نکرده اید.
با آرزوی موفقیت برای شما .
سلام خسته نباشید
با تشکر از آموزش های عالی شما سوالی داشتم من میخواستم فوتر سایتی رو تغییر بدم . فوتر رو طراحی کردم و تنظیمات زفایر رو بر روی فوتر جدید قرار دادم اما باز هم فوتر قبلی بود میشه ممنون میشم راهنمایی بفرمایید ??
سلام و وقت بخیر.
از همین آموزش های مربوط به فوتر می توانید استفاده نمایید.
با آرزوی موفقیت برای شما .
سپاس از پاسخگویی شما و آموزش های عالی
امیدوارم همیشه موفق و پیروز باشید
سپاس فراوان
سلام ارادت
من فوتر را اجرا کردم
ولی از طریق مداد زرد اومدم یه سری تغییرات روش اجرا کنم ولی متاسفانه پاکش کردم و هرکاری میکنم نمی تونم مجدد برش گردونم
css های مداد زرد رو هم پاکش کردم ولی برنگشت
ممنونم منو راهنمایی کنید
سگاس
وقت بخیر
اگر تغییرات را برگشت داده باشید ، در صورتی که افزونه کش دارید ، کش افزونه را خالی کرده و سایت را با کلید های کنترل F5 بروز رسانی نمایید.
با تشکر.
سلام و عرض ادب در کدوم قسمت از اموزش ورد پرس آموزش طراحی فرم ورود به حساب کاربری و طراحی پنل کاربری رو داده اید
سلام و عرض ادب
ممکن است آموزش های زیر برای شما مناسب باشد.
آموزش ساخت حساب کاربری در وردپرس – طراحی ناحیه کاربری
آموزش کامل گراویتی فرم بصورت ویدئویی و رایگان
با تشکر
سلام …..
برای گذاشتن اینماد و …. چطور باید اقدام کنیم؟
چون برای خیلی از سایت ها ضروری هستش
سلام و عرض ادب
وقت شما بخیر
آموزش هایی در سطح وب برای قرار دادن اینماد در سایت وجود دارد ، سرچ نمایید.
با تشکر.
سلام عرض ادب و خسته نباشید
شرمنده ارتفاع ردیف در وِیژوال کاپوزر کجا هست ؟
ممنون از راهنمایی
سلام و عرض ادب
ردیف اصلی را در حالت ویرایش باز نمایید.
با تشکر.
سلام. برای طراحی فوتر با ابزارک ها، نیاز به ابزارکی داریم که در قالب سایت نیست. به چه صورتی باید ابزارکی را به قالب اضافه کنیم؟
سلام و عرض ادب
ابزارک ها در بخش نمایش> ابزارک ها وجود دارد. اگر مدل نمایش ابزارک ها مانند قبل نیست ، بدلیل بروز رسانی وردپرس است .
در گوگل جستجو نمایید ابزارک کلاسیک وردپرس ، افزونه آن را نصب نمایید.
سلام. سوالم اینه که آیا نمیشه هدر سایت رو هم مثل فوتر در قالب زفایر طراحی کرد؟
یعنی کدوم روش بهتر و سریع‌تره؟
استفاده از هدر ساز قالب زفایر یا ساخت هدر و فراخوانی اون با صفحه بلاک
سلام و عرض ادب
بخش هدر در قالب آموزش های زیادی دارد.
تنها با همین روش امکان ایجاد است.
با تشکر.
سلام
وقت بخیر
قسمت بالای فوتر وقتی پس زمینه ای بجز سفید داره وقتی برای فوتر جداکننده اعمال میکنیم مثلا همون مثلث مثل آموزش قسمت هایی که دوطرف مثلث هست به رنگ سفید میمونه این مشکل چیه که پس زمینه قسمت بالایی رو نمیگیره؟
سلام و عرض ادب ،
هر پس زمینه ، بخش مربوط به خود را می گیرد. اینطور که شما توضیح دادید، بنظر اینطور نیست ، در صورتی که محصول را از ابزار وردپرس تهیه کرده اید ، از بخش ناحیه کاربری تیکت ارسال نمایید تا طراحی شما مشاهده و به شما آموزش داده شود.
سلام
وقت بخیر
ممنون مشکلم حل شد
میبایست به خود جداکننده رنگ جدا میدادم
سلام وقت بخیر
ممنون از تدریس عالیتون
سوالی داشتم
من وقتی اسکرول میکنم متن داخل فوترم باهاش تکون میخوره و میره زیر صفحه ی body.چه کاری انجام بدم که ثابت بمونن.
ممنون از راهنماییتون
سلام و عرض ادب وقت شما بخیر
باید این مورد بررسی شود.
لطفاً مورد را در تیکت ارسال نمایید تا روش طراحی شما را بررسی کنیم و راهنمایی کنیم.
با تشکر.
سلام آقای شبیری این مشکل شمارو هم من دارم برطرف شد مشکلتون؟
سلام و خسته نباشید. برای تغییر سایز متن وسط جدا کننده متن هر چی گشتم واسه سی اس اس ش قبول نمی کنه font-size رو. رنگو قبول می کنه ولی سایزو نه. میشه راهنمایی بفرمایید؟
با تشکر
سلام و درود خانم محمدی
ای مورد را می بایست بررسی کنیم تا بتوانیم به شما پاسخ دهیم.
با تشکر
محبت می فرمایید
سلام و خدا قوت. جسارتاً بررسی کردید. ببخشید که من پیگیرم و ممنون که شما اینقدر خوبین
🙂
سلام و درود خانم محمدی .
برای بررسی این مورد نیاز می باشد تا از طریق تیکت بررسی داشته باشیم.
با تشکر
سلام. من فوتر ساختم، وقتی سایتم را باز میکنم ، ایکون های شبکه های اجتماعی رو روی موبایل نشون نمیده اما با لپ تاپ نشون میده. ممنون میشم راهنماییم کنید
سلام و درود خدمت شما
از ناحیه کاربری یک تیکت ارسال نمایید تا بررسی در این رابطه داشته باشیم.
با تشکر
سلام در مرحله آخر ،فایل آموزشی که یک ردیف برای کپی رایت اضافه میکنم و میخوام اندازه ارتفاع برابر محتوا قرا ر بدم در قسمت تنظیمات ردیف گزینه ارتفاع ردیف نمیباشم .ممنون میشم راهنمایم کنید .
سلام آقای دهقانی
مانند این تصویر عمل کنید تا تنظیمات مورد نظرتان اعمال گردد.
با تشکر
عالی تر این نمیشد توضیح داد .سپاس
سلام وقت بخیر
من سی اس اس سفارشی رو میزارم تو صفحه قسمت سی اس اس سفارشی بعد بروزرسانی رنگ عنوان عوض نمیشه پس؟
سلام آقای اسدی بزرگوار
ممکن است کد css را به اشتباه وارد کرده باشید. همچنین گاهی برای اجرای کد مورد نظر نیاز می باشد تا به کد مورد نظر important بدهید. همچنین بررسی بفرمایید کلاس و آیدی وارد شده به درستی باشد.
با تشکر
سلام
ضمن تشکر
ویرایشگر پیشرفته در این صفحه در زفایر من فعال نیست باید چکار کنم؟
سلام و احترام خدمت شما
خواهش می کنم. مانند این تصویر تنظیمات را انجام دهید.
با تشکر
خیلی ممنون مشکل برطرف شد
پشتیبانی تون مثل همیشه عالیه
باسلام من افزونه مداد زرد رو نصب کردم ولی برای تغییر رنگ متن پیام میده که باید نسخه پرو رو فعال کنم.!!
سلام خانم حسینی عزیز و گرامی
برخی امکانات در نسخه رایگان افزونه محدود شده است و می بایست از نسخه پرو افزونه مداد زرد استفاده کنید.
با تشکر
با سلام لطفا راهنمایی می کنید که چجوری باید برای موبایل یک فوتر بسازیم و برای دستکتاپ یک فوتر دیگه ، ایا اصلا این قابلیت توی قالب زفایر وجود دارد که برای دیوایش های مختلف فوتر های مختلفی استفاده کنیم ؟
سلام بر شما، این امکان عملاً وجود ندارد ولی ما در آموزش ها یاد دادیم که به کل چطور در یک صفحه برای موبایل و دسکتاپ جدا طراحی کنید. ( رجوع شود به آموزش ریسپانسیو )
سلام وقتتون به خیر
من برای قسمت طراحی فوتر ،دور همه متن هام یک کادر به همراه سایه اش هم میاد .نمیدونم باید چه کار کنم حتی من خودم بهش بردر ندادم اتومات میاد ممنون میشم منو راهنمایی کنین
با تشکر فراوان از اموزش های کامل و جامعتون
سلام خانم خنجری ، دلیل این مشکل اعمال سی اس اس های غیراستاندارد در بخش های دیگر سایت شما بوده است. باتشکر
سلام. میشه راهنمایی کنید طراحی فوتر با المنتور در کدوم بخش انجام میشه؟
سلام ، بطور کلی هنوز المنتور در قالب زفایر کارایی کاملی برای فوتر ندارد و بزودی قرار است توسط سازنده قالب زفایر با المنتور نیز سازگار شود. باتشکر
این نوشته و لوگو که سمت راست ویدیو گذاشتید و چند تا هستند و لینک های اینستاگرام و تلگرام دادین از چه المانی استفاده شده ایا برای قالب خاصی هست؟
با سلام و احترام به شما کاربر گرامي ،
قالب استفاده شده می تواند زفایر و یا ایمپرزا باشد.
برخی از قالب ها این ویژگی ها را در خود دارند.
با تشکر.
با سلام و خسته نباشید
من با قالب زفایر فوتر درست کردم،توی همه صفحات نوشته ها،نمونه کارها داخل موبایل درست نشون میده ولی داخل برگه خانه توی گوشی بهم میریزه،مشکلش از کجاست که فقط واسه صفحه خانه بهم میریزه؟باتشکر
سلام خانم زهدی ، گاهی تداخل سی اس اس ها باعث این مسئله می شود. سعی کنید در فوتر المان های خیلی زیاد استفاده نفرمایید و ساده تر باشد. باتشکر
سلام من برای طراحی فوتر 3 تا ستون درست میکنم ولی فقط یک ستون نشون داده میشه،
علت اش چی میتونه باشه؟ تمام تنظیمات ویژول رو هم چک کردم و مشکلی نبود…
سلام ، این مورد نیاز به بررسی دارد و در یک دیدگاه نمی گنجد. باتشکر
با سلام و خسته نباشید فراوان
دو سوال اولی اینکه آموزشی در سایت قرار دارد برای صفحه ضد ربات که با افزونه آیتم سکوریتی درست می شود برای صفحه لاگین که ربات ها نتوانند وارد بشن ؟
و دوم اینکه اگر سایت از اکسمیت یا همان ضد هرزنامه استفاده کند برای جلوگیری از اسپم ، تماس با ما یا درباره ما را در فوتر قرار بدهیم یا بهتر است که این مورد را قرار ندهیم ؟
با تشکر فراوان
سلام جناب یزدان بخش ، دیدگاه شما عملاً به ویدئویی که در آن دیدگاه ارسال فرموده اید ارتباط ندارد و برای همین ممکن است به کارشناس مربوطه ارسال نشود. لذا از شما خواهشمندیم دیدگاه را در زیر پست مربوطه ارسال نمایید. باتشکر
سلام، با تشکر از آموزش های بسیار خوب و منظم شما
در یکی از فیلم ها استاد فرمودند که فعلا سایت رو از سرچ گوگل خارج کنیم برای رعایت سئوی سایت، چون سایت مدام در حال ویرایش است ولی سوال این است که کی میتونیم سایتمون رو تو گوگل فعال کنیم؟ آیا در جلسات آینده به این مطلب اشاره خواهد شد؟
ممنون
سلام ، در زمانی که سایت شما به ثبات رسید و دیگر قرار نیست به هیچ احتمالی سایت پاک شود یا … می توانید تیک را فعال نمایید. باتشکر
باسلام ممنون خیلی خوب بود
فقط کاش ریسپانسیو کردن فوتر رو هم آموزش میدادید
سلام جناب هراتی ، ریسپانسیو فوتر همان ریسپانسیو ویژوال کامپوسر است که در جلسات قبل تر گفته شده است. باتشکر
اگر ميشه آموزش ساخت فوتر با فوتر هوشمند هم بزاريد
سلام، آموزش ساخت فوتر با افزونه فوتر هوشمند در این لینک گفته شده است. باتشکر
سلام ببخشيد اون فوتري که يه قسمت بالاش قرار داشت که به صورت يه عکس روي فوتر قرار گرفته بود رو به چه شکل ميشه ساخت؟؟؟
سلام جناب لطفی زاده ، به این منظور توصیه می شود با تلاش به یادگیری طراحی سایت ادامه دهید و به مرور زمان روش ساخت آن را خواهید آموخت البته ویدئو ها برای ساخت این نوع فوتر کافی است و توصیه می شود به دقت ویدئو ها را دنبال نمایید. باتشکر
سلام ببخشيد افزونه فوتر هوشمند رو از کجا ميتونيم تهيه کنيم
سلام ، افزونه فوتر هوشمند در این لینک قابل تهیه می باشد. باتشکر
سلام و درود خانم پورمحمد
برای ریسپانسیو می توانید از آموزش های زیر استفاده کنید.
آموزش طراحی ریسپانسیو صفحه ساز
آموزش طراحی ریسپانسیو صفحه ساز 2
با تشکر