ادامه طراحی پروژه محور طراحی سایت

( جمعه ، 10 فروردین سال 1403 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه هشتاد و شش

آموزگار :

مهدی جبین پور

در این قسمت، طراحی سایت پروژه محور را که در آموزش های قبل شروع کردیم ادامه داده تا در ادامه یک سایت جذاب و کاربردی ایجاد کنیم. ( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

ادامه طراحی پروژه محور طراحی سایت

( جمعه ، 10 فروردین سال 1403 )

طراحی پروژه محور سایت-بخش5

با یکی دیگر از قسمت­ های طراحی سایت پروژه محور در خدمت شما عزیزان هستیم . قصد داریم در ادامه، سرویس­ ها (خدمات) سایت، همکاران ما و نظرات مشتریان، که هر کدام، از بخش ­های مهمی در هر سایت هستند را طراحی کنیم.

بخش خدمات(سرویس های) ما

برای طراحی بخش خدماتی که شرکت، سازمان، سایت یا… ارائه می­دهد. از المان “باکس آیکون” در ستون ­های ردیفی که برای خدمات اضافه کردید استفاده نمایید. المان باکس آیکون یکی از المان­ های جذاب و کاربردی صفحه ­ساز ویژوال کامپوزر است. در صفحه تنظیمات باکس آیکون، می توانید از آیکون ­ها استفاده کرده یا  تصویر دلخواهتان را در هر المان آپلود کرده و از عکس به جای آیکون استفاده نمایید. با اضافه کردن عنوان و توضیح برای هر المان باکس آیکون، طراحی ردیف خدمات را تکمیل کنید.

در صورت نیاز برای هر ردیف با اضافه کردن المان بلاک متن، عنوان برای هر بخش قرار دهید . در صفحه تنظیمات آن، اندازه، فونت، رنگ و… عنوان را تنظیم کنید.

نظرات مشتریان

یکی از بخش­ های جالبی که در بعضی سایت­ ها وجود دارد، نمایش نظرات مشتریان است. نظرات مشتریان یک پست ­تایپ­ در قالب زفایر و ایمپرزا است که در طراحی سایت با این قالب­ ها، در پیشخوان وردپرس منویی با نام نظرات مشتریان وجود دارد. پست­تایپ نظرات مشتریان را مدیر سایت برای ترغیب و جلب نظر کاربران  ایجاد می­کند و کاربران سایت به ایجاد یا تغییر نظرات دسترسی ندارند.

در صورتی­که در قالب­های زفایر و ایمپرزا، پست­تایپ نظرات مشتریان فعال نبود و در پیشخوان وردپرس این منو را مشاهده نکردید، کافیست، منو Zephyr در پیشخوان وردپرس را انتخاب کرده و از تب تنظیمات پیشرفته، گزینه نظرات مشتریان را فعال کنید.

حال برای افزودن نظر مشتری در پیشخوان وردپرس، منو “نظرات مشتریانßافزودن نظرات مشتریان” را کلیک کنید. در صفحه ایجاد نظر مشتریان، قسمت­های مختلف آن از جمله نام و نقش نویسنده، رتبه­بندی سایت، عنوان و توضیح و همچنین تصویر نویسنده را تکمیل نمایید.

برای نمایش نظرات مشتریان در داخل سایت، از المان “پیمایشگر” استفاده کنید. المان پیمایشگر در قالب­های زفایر و ایمپرزا در دسترس است. در قالب­هایی به جز این دو قالب می­توانید افزونه ” The Grid” برای ایجاد گریدهای زیبا مورد استفاده قرار دهید.

آموزش نمایش محتوا با گرید قالب زفایر

آموزش نمایش محتوا با افزونه گرید

پس از انتخاب المان پیمایشگر در ردیف نظرات مشتریان، در صفحه تنظیمات المان، جعبه “نمایش” را روی پست­ تایپ نظرات مشتریان تنظیم نمایید. در تب نمایش نیز، نوع “طرح­ بندی شبکه­ ای” مناسب برای نمایش نظرات را انتخاب کنید. همچنین می­توانید تعداد ستون و فاصله ستون­ ها و … را نیز تنظیم نمایید.

نکته

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

افزونه رایگان Clone Post از افزونه­ هایی است که امکان تهیه کپی از پست­ تایپ ­های مختلف را فراهم می­کند. افزونه­ های بسیار زیادی برای کپی از پست ­تایپ ­ها در مخزن وردپرس وجود دارد. با مطالعه ویژگی و امکانات آن­ها، تعداد نصب فعال، سازگاری با نسخه وردپرس، یکی از افزونه­ ها را انتخاب، نصب و فعال کنید.

با نصب افزونه Clone Post، برای هر کدام از محتواهای سایت، مانند نوشته ­ها، برگه ­ها، نظرات مشتریان و… گزینه ­ای به نام Click To Clone (یا نامی مشابه برای تهیه کپی) اضافه خواهد شد که با کلیک آن، یک کپی از آن محتوا ایجاد می­شود.

حال در هر محتوای کپی شده تغییراتی که می­خواهید ایجاد کرده و در پایان منتشر کنید تا ردیف نظرات مشتریان سایت هم کامل شود.

همکاران (تیم) ما

 برای اضافه کردن ردیفی که تصویر و توضیح کوتاهی از همکاران را نمایش دهد از المان “باکس آیکون” و اضافه کردن نام و تصویر همکاران به این المان و تغییراتی که در نظر دارید ایجاد نمایید.

همچنین با استفاده از افزونه مداد زرد می توانید استایل­ های بسیار زیبایی به المان ­ها اضافه کنید و جذابیت سایتتان را چندین برابر کنید.

آموزش ایجاد تغییرات CSS در سایت با افزونه مداد زرد

در جلسات آینده، طراحی سایت پروژه محور را ادامه خواهیم داد. با ما همراه باشید.

برای نوشتن دیدگاه باید وارد بشوید.

24 دیدگاه. Leave new

  • فاطمه مشهدی رضا
    ژانویه 1, 2023 8:58 ق.ظ

    سلام وقت بخیر
    از اونجایی که آموزشهاتون فوق العاده کاربردیه ، کاشکی یه دوره CSS هم آموزش بدین

    با تشکر

  • سلام و عرض ادب
    وقت بخیر

    اینکه نظر مشتریان توسط خودمان وارد شود اعتباری ندارد. راهی نیست که مثل دیدگاه خود مشتری نظر دهد و در سایت ثبت شود؟

    سوال دیگه اینکه المان دیدگاه را فقط در نوشته میشه وارد کرد؟
    در برگه نمیشه؟؟

    • سلام و وقت بخیر.

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

      با آرزوی موفقیت برای شما .

  • محمدجواد عرفانیان
    می 22, 2022 11:40 ق.ظ

    سلام وادب ببخشید چندتا سوال دارم
    1-چون تاره طراحی وب شروع کردم چطور می توانیم در مواقع ضروری پیشتبانی استاد داشته باشم؟؟
    2-در یک لوکال هاست چطور می تونیم همزمان چند پروژه مختلف داشت؟ ویا اگر یک قالب برای مشتری جدید با تغییرات کوچک انجام داد بدون اینکه پروژه قبل تغییر داد؟؟
    3- چطور می توانم قبل از انجام پروژه دیزاین گرافیکی به مشتری نشون داد؟؟
    4-آیا سایت های آماده هم همین روش و المان ها را دارند؟ آموزشی نیست ار مراحل خرید تا تغییرات سایت آماده به ما بدهند؟؟

    • علی حیدری
      می 22, 2022 1:40 ب.ظ

      سلام و عرض ادب
      در صورتی که محصولی از ابزار وردپرس تهیه نمایید ، هر زمان تیکت ارسال نمایید در خدمت شما هستیم. تیکت ها هر روز ار 8 تا 8 شب فعال است.

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

      برای نمایش پروژه یا باید تصویری از کاری که انجام می دهید داشته باشید و یا اینکه نمونه سایتی که مشابه آن می شود را به کاربر ارائه دهید.

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

      با تشکر.

  • با سلام و احترام و تشکر از آموزش های خوب استاد جبین پور
    میخواستم ببینم استاد در آینده آموزشی برای کد نویسی قرار نمیدن؟

  • سمیرا موسوی
    نوامبر 20, 2021 5:28 ب.ظ

    با سلام و احترام و تشکر از آموزش های خوبتون
    میخواستم ببینم چرا برای تیم ما از الامان تیم ما استفاده نکردید ؟

  • بهزاد مومن
    اکتبر 7, 2021 9:22 ق.ظ

    سلام
    راهی هست که نظرات مشتریان اتوماتیک وارد و نشان داده شود

    • کارشناس پشتیبانی شماره چهار
      اکتبر 7, 2021 9:43 ق.ظ

      سلام و درود
      متأسفانه افزونه ای با این کاربرد نمی شناسم که خدمتتان معرفی کنم و در اغلب افزونه ها می بایست به صورت دستی نظرات وارد گردد.
      با تشکر

  • بهزاد مومن
    اکتبر 6, 2021 7:13 ب.ظ

    سللام
    باکس آیکون من کال با اون چیزی که در فیلم است فرق میکند و گزینه های بیشتر ندارد که بتوانیم به جای آیکن عکس بگذاریم با اگر بشود مثل فیلم نمیشود

  • بهزاد مومن
    اکتبر 6, 2021 6:32 ب.ظ

    سلام
    در قسمت نظرات مشتریان آیا باید خودمان دستی نظر مشتریان را وارد کنیم

  • با سلام .
    المان باکس ایکون برای من نیست میشه لطفا راهنمایی کنید که مشکل از کجاست؟ ممنون.

  • پارسا رحمتی احمدابادی
    سپتامبر 2, 2021 1:47 ب.ظ

    سلام خدمت شما در یه قسمت از سایت ردیفی که ایکون ها بودن توی سایت نمونه ایکون ها بالاتر از جایپ خودشون بودن و بیرون زدگی داشتن و زیبایی خاصی گرفته بود ولی شما نشون ندادید چگونه میشه لطفا الان من رو راهنمایی کنید

  • مریم جلیلوند
    آگوست 6, 2021 12:08 ب.ظ

    ممنونم از پاسخگوییتون
    من منظورم مثل این قسمت بود که داخل سایت خودتون هست :
    https://abzarwp.com/testimonials/
    یعنی خودم نظر اضافه نکنم و نظر خود مشتری نمایش داده شه میخواستم ببینم مثل اضافه کردن دیدگاه میمونه همین کاری که خودتونم انجام دادین یا فرق داره

  • مریم جلیلوند
    آگوست 1, 2021 8:00 ب.ظ

    سلام وقتتون بخیر ببخشید برای اینکه در قسمت نطرات مشتریان فقط بخوایم نظرات مشتریان نمایش داده بشه باید چیکار کنیم ؟ یعنی همونطور که در آموزش گفته شده نظر ادمین سایت نمایش داده نشه و نظرات مشتریان نمایش داده بشه

    • کارشناس پشتیبانی شماره چهار
      آگوست 2, 2021 11:29 ق.ظ

      سلام خانم جلیلوند عزیز
      برای این منظور ابتدا در قسمت نظر مشتریان نظرات را وارد کنید و سپس از طریق المان پیمایشگر نظرات را انتخاب کنید و به این شیوه تنها نظراتی را که ایجاد کرده اید نمایش داده می شود.
      با تشکر

فهرست