طراحی پروژه محور سایت-بخش5
با یکی دیگر از قسمت های طراحی سایت پروژه محور در خدمت شما عزیزان هستیم . قصد داریم در ادامه، سرویس ها (خدمات) سایت، همکاران ما و نظرات مشتریان، که هر کدام، از بخش های مهمی در هر سایت هستند را طراحی کنیم.
بخش خدمات(سرویس های) ما
برای طراحی بخش خدماتی که شرکت، سازمان، سایت یا… ارائه میدهد. از المان “باکس آیکون” در ستون های ردیفی که برای خدمات اضافه کردید استفاده نمایید. المان باکس آیکون یکی از المان های جذاب و کاربردی صفحه ساز ویژوال کامپوزر است. در صفحه تنظیمات باکس آیکون، می توانید از آیکون ها استفاده کرده یا تصویر دلخواهتان را در هر المان آپلود کرده و از عکس به جای آیکون استفاده نمایید. با اضافه کردن عنوان و توضیح برای هر المان باکس آیکون، طراحی ردیف خدمات را تکمیل کنید.
در صورت نیاز برای هر ردیف با اضافه کردن المان بلاک متن، عنوان برای هر بخش قرار دهید . در صفحه تنظیمات آن، اندازه، فونت، رنگ و… عنوان را تنظیم کنید.
نظرات مشتریان
یکی از بخش های جالبی که در بعضی سایت ها وجود دارد، نمایش نظرات مشتریان است. نظرات مشتریان یک پست تایپ در قالب زفایر و ایمپرزا است که در طراحی سایت با این قالب ها، در پیشخوان وردپرس منویی با نام نظرات مشتریان وجود دارد. پستتایپ نظرات مشتریان را مدیر سایت برای ترغیب و جلب نظر کاربران ایجاد میکند و کاربران سایت به ایجاد یا تغییر نظرات دسترسی ندارند.
در صورتیکه در قالبهای زفایر و ایمپرزا، پستتایپ نظرات مشتریان فعال نبود و در پیشخوان وردپرس این منو را مشاهده نکردید، کافیست، منو Zephyr در پیشخوان وردپرس را انتخاب کرده و از تب تنظیمات پیشرفته، گزینه نظرات مشتریان را فعال کنید.
حال برای افزودن نظر مشتری در پیشخوان وردپرس، منو “نظرات مشتریانßافزودن نظرات مشتریان” را کلیک کنید. در صفحه ایجاد نظر مشتریان، قسمتهای مختلف آن از جمله نام و نقش نویسنده، رتبهبندی سایت، عنوان و توضیح و همچنین تصویر نویسنده را تکمیل نمایید.
برای نمایش نظرات مشتریان در داخل سایت، از المان “پیمایشگر” استفاده کنید. المان پیمایشگر در قالبهای زفایر و ایمپرزا در دسترس است. در قالبهایی به جز این دو قالب میتوانید افزونه ” The Grid” برای ایجاد گریدهای زیبا مورد استفاده قرار دهید.
آموزش نمایش محتوا با گرید قالب زفایر
آموزش نمایش محتوا با افزونه گرید
پس از انتخاب المان پیمایشگر در ردیف نظرات مشتریان، در صفحه تنظیمات المان، جعبه “نمایش” را روی پست تایپ نظرات مشتریان تنظیم نمایید. در تب نمایش نیز، نوع “طرح بندی شبکه ای” مناسب برای نمایش نظرات را انتخاب کنید. همچنین میتوانید تعداد ستون و فاصله ستون ها و … را نیز تنظیم نمایید.
نکته
کپی گرفتن پست تایپ ها یکی از کارهای معمول در طراحی سایت است. شما با ایجاد کپی از هر پست تایپ مانند نوشته و ایجاد تغییرات روی آن، میتوانید نوشته دیگری را با سرعت بیشتر و در زمان کمتر منتشر کنید و از طراحی یا نوشتن موارد تکراری خودداری نمایید.
افزونه رایگان Clone Post از افزونه هایی است که امکان تهیه کپی از پست تایپ های مختلف را فراهم میکند. افزونه های بسیار زیادی برای کپی از پست تایپ ها در مخزن وردپرس وجود دارد. با مطالعه ویژگی و امکانات آنها، تعداد نصب فعال، سازگاری با نسخه وردپرس، یکی از افزونه ها را انتخاب، نصب و فعال کنید.
با نصب افزونه Clone Post، برای هر کدام از محتواهای سایت، مانند نوشته ها، برگه ها، نظرات مشتریان و… گزینه ای به نام Click To Clone (یا نامی مشابه برای تهیه کپی) اضافه خواهد شد که با کلیک آن، یک کپی از آن محتوا ایجاد میشود.
حال در هر محتوای کپی شده تغییراتی که میخواهید ایجاد کرده و در پایان منتشر کنید تا ردیف نظرات مشتریان سایت هم کامل شود.
همکاران (تیم) ما
برای اضافه کردن ردیفی که تصویر و توضیح کوتاهی از همکاران را نمایش دهد از المان “باکس آیکون” و اضافه کردن نام و تصویر همکاران به این المان و تغییراتی که در نظر دارید ایجاد نمایید.
همچنین با استفاده از افزونه مداد زرد می توانید استایل های بسیار زیبایی به المان ها اضافه کنید و جذابیت سایتتان را چندین برابر کنید.
آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد
در جلسات آینده، طراحی سایت پروژه محور را ادامه خواهیم داد. با ما همراه باشید.
26 دیدگاه. Leave new
با سلام و عرض ادب
بنده حین انجام مراحل ارائه شده و تنظیمات بلاک متنی با محتوای “سرویس های ما” در این دوره متوجه شدم ورد پرس دور بلاک متنی حاشیه سایه دار می اندازد هر روشی رو امتحان کردم درست نشد از جمله بررسی با مداد زرد، حذف و اضافه کردن دوباره بلاک متنی، بررسی ردیف داخلی و ردیف مادر، چسبندن کد بلاک از یک ردیف دیگه و .. … هر کار کردم نشد که نشد آخر برگه را به عنوان page template ذخیره کردم و روی یک برگه جدید الگو رو اعمال کردم و درست شد ، به نظر شما مشکل چی بوده چند ساعت وقت بنده رو گرفت واقعاً این مشکلات آدم رو نا امید می کنه ضمن اینکه در حالت ریسپانسیو هم واقعا همه چی به هم می ریزه لازمه خدمتتون بگم من مراحل استاد آقای جبین چور رو به دقت دنبال می کنم
سلام وقت شما بخیر،
این موارد گاهی اوقات ممکن است به دلیل یک باگ در قالب یا افزونه خاصی باشد که برخی عناصر را تحت تاثیر قرار میدهد و ما همواره توصیه میکنیم که قالب و افزونه ها را بروز کنید تا اگر مشکلی در این خصوص وجود دارد رفع شود همچنین کش مرورگر نیز بایستی پاک شده و سپس بخش مشکل دار مورد بررسی قرار گیرد.
با تشکر.
سلام وقت بخیر
از اونجایی که آموزشهاتون فوق العاده کاربردیه ، کاشکی یه دوره CSS هم آموزش بدین
با تشکر
وقت بخیر
در آینده انشالله…
سلام و عرض ادب
وقت بخیر
اینکه نظر مشتریان توسط خودمان وارد شود اعتباری ندارد. راهی نیست که مثل دیدگاه خود مشتری نظر دهد و در سایت ثبت شود؟
سوال دیگه اینکه المان دیدگاه را فقط در نوشته میشه وارد کرد؟
در برگه نمیشه؟؟
سلام و وقت بخیر.
می توانید از دیدگاه های کاربران استفاده نمایید . ضمن اینکه بخش دیدگاه در همه قالب ها فعال می شود.
در صورت استفاده در قالب محتوا، در برگه ها هم دیدگاه وارد می شود ، اما پیشنهاد نمی شود.
با آرزوی موفقیت برای شما .
با سلام و احترام و تشکر از آموزش های خوب استاد جبین پور
میخواستم ببینم استاد در آینده آموزشی برای کد نویسی قرار نمیدن؟
سلام و احترام خدمت شما
انشاالله برای Html و Css یک آموزش در سایت منتشر خواهد شد
با تشکر
با سلام و احترام و تشکر از آموزش های خوبتون
میخواستم ببینم چرا برای تیم ما از الامان تیم ما استفاده نکردید ؟
سلام وقت بخیر خانم موسوی،
طراحی برخی بخش ها را می توان با چند المان انجام داد. اینطور نیست که خود را محدود به استفاده از یک المان نماییم.
سلام
راهی هست که نظرات مشتریان اتوماتیک وارد و نشان داده شود
سلام و درود
متأسفانه افزونه ای با این کاربرد نمی شناسم که خدمتتان معرفی کنم و در اغلب افزونه ها می بایست به صورت دستی نظرات وارد گردد.
با تشکر
سللام
باکس آیکون من کال با اون چیزی که در فیلم است فرق میکند و گزینه های بیشتر ندارد که بتوانیم به جای آیکن عکس بگذاریم با اگر بشود مثل فیلم نمیشود
سلام و احترام
لطفاً از ناحیه کاربری یک تیکت ارسال نمایید تا بررسی انجام شود.
با تشکر
سلام
در قسمت نظرات مشتریان آیا باید خودمان دستی نظر مشتریان را وارد کنیم
سلام آقای مومن بزرگوار
بله. می توانید نظرات مشتریانتان را به صورت دستی وارد کنید.
با تشکر از حضور شما
با سلام .
المان باکس ایکون برای من نیست میشه لطفا راهنمایی کنید که مشکل از کجاست؟ ممنون.
سلام و درود آقای کاظمی عزیز
از ناحیه کاربری یک تیکت ارسال کنید تا همکاران بخش فنی بررسی داشته باشند.
با تشکر
سلام خدمت شما در یه قسمت از سایت ردیفی که ایکون ها بودن توی سایت نمونه ایکون ها بالاتر از جایپ خودشون بودن و بیرون زدگی داشتن و زیبایی خاصی گرفته بود ولی شما نشون ندادید چگونه میشه لطفا الان من رو راهنمایی کنید
سلام آقای رحمتی عزیز
لطفا تصویری از قسمتی که مد نظرتان است در تیکت ارسال کنید تا همکاران بخش فنی راهنماییتان کنند.
با تشکر
ممنونم از پاسخگوییتون
من منظورم مثل این قسمت بود که داخل سایت خودتون هست :
https://abzarwp.com/testimonials/
یعنی خودم نظر اضافه نکنم و نظر خود مشتری نمایش داده شه میخواستم ببینم مثل اضافه کردن دیدگاه میمونه همین کاری که خودتونم انجام دادین یا فرق داره
سلام خانم جلیلوند ، این بخش نظرات مشتریان نیاز به کدنویسی دارند که داینامیک باشد و افزونه خاصی برایش موجود نیست. باتشکر
سلام وقتتون بخیر ببخشید برای اینکه در قسمت نطرات مشتریان فقط بخوایم نظرات مشتریان نمایش داده بشه باید چیکار کنیم ؟ یعنی همونطور که در آموزش گفته شده نظر ادمین سایت نمایش داده نشه و نظرات مشتریان نمایش داده بشه
سلام خانم جلیلوند عزیز
برای این منظور ابتدا در قسمت نظر مشتریان نظرات را وارد کنید و سپس از طریق المان پیمایشگر نظرات را انتخاب کنید و به این شیوه تنها نظراتی را که ایجاد کرده اید نمایش داده می شود.
با تشکر