آموزش طراحی سایت دیجی کالا با وردپرس و المنتور

4.2 / 5. تعداد رای: 59

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

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

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

بخش اول: طراحی هدر سایت دیجی کالا

در ویدیوی اول هدر سایت دیجی کالا را طراحی خواهیم کرد.

بخش دوم: طراحی صفحه اصلی دیجی کالا

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

بخش سوم: طراحی فوتر دیجی کالا

در بخش سوم فوتر سایت دیجی کالا را با هم طراحی می‌کنیم.

بخش چهارم: ریسپانسیو کردن سایت طراحی شده

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U327339 ۱۰ مرداد ۱۴۰۲

    آقای حسینی قانون کپی رایت رو رعایت میکنید؟

  2. U326272 ۹ مرداد ۱۴۰۲

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

    • Reza Rad رضا راد ۹ مرداد ۱۴۰۲

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

  3. U327206 ۸ مرداد ۱۴۰۲

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

  4. U312163 ۷ مرداد ۱۴۰۲

    سلام من بار دیگه هم دیدگاه گذاشتم ولی گویا رد شد
    1-میشه بگید چجوری 2 تا کانتینر را در یک کانتینر در المتور در یک ردیف قرار بدیم؟
    2-چجوری هر دمویی رو که طراحی کردیم یک پک کنیم؟

    • Reza Rad رضا راد ۹ مرداد ۱۴۰۲

      سلام رد نشده به مرور پاسخ داده میشن. از المنت بخش داخلی استفاده کنید. ۲. یکم داستان داره خیلی راحت نیست. بهترین روشش duplicator هست. البته آسونش.

  5. U312163 ۷ مرداد ۱۴۰۲

    سلام بسیار عالی بود فقط دو تا سوال داشتم
    1-شما اموزشی برای طراحی صفحه تکی محصول نگذاشتید من ان را از روی دمو طراحی میکنم یک مشکلی که دارم توی المنتور یک کانتینر قرار میدم سپس یک کانتینر در ان و از این کانتینر کپی میگیرم این دو در یک ردیف قرار نمیگیرند میشه بگید چه کنیم؟
    2-و این دمو ها را که می سازید چجوری کاری میکنید که هر دمو یک پک جدا داره؟(مثلا من دموی خودم را ساختم میخواهم پکش کنم و بروم سراغ دموی بعدی جوری که کاربر وقتی دموی شماره رو درون ریزی میکنه محتوای شماره نمایش داده نشه)

    • Reza Rad رضا راد ۹ مرداد ۱۴۰۲

      سلام وقت بخیر ۱. باید دو ستونه کنید ردیف رو ۲. ما با ابزارهای اختصاصی برنامه نویسی شده خودمون بسته میسازیم از دموها

  6. U327101 ۶ مرداد ۱۴۰۲

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

  7. U327013 ۴ مرداد ۱۴۰۲

    سلام .من بدون خرید هاست و دامنه میخوام یه سایت رو در ویندوز طراحی کنم؟ برای این کار چه کاری انجام بدم؟میخوام ابتدا تمرین کنم و بعد هاست و دامنه بخرم و نمونه کار ارسال کنم.

  8. U326686 ۳ مرداد ۱۴۰۲

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

  9. U324578 ۱ مرداد ۱۴۰۲

    اصلا پوکوندیمون با اموزشت دستت درد نکنه .فقط اموزش از چه فنت هایی و چه اندازه هایی در توضیحات محصولات استفاده کنیم

    • Reza Rad رضا راد ۲ مرداد ۱۴۰۲

      ممنون از شما ‌:D تصمیم با خودتونه ولی فونت پیشفرض قالب با سایز ۱۶ پیکسل خوبه

  10. U317638 ۲۶ تیر ۱۴۰۲

    سلام
    اگر از این دمو استفاده کنیم مشکلی پیش نمی یاد ؟
    چون با دیجی کالا شبیه است و سئو را از بین می برد

    • تیم پشتیبانی تیم پشتیبانی ۲۷ تیر ۱۴۰۲

      درود
      قطعا اگر مشکلی ایجاد میکرد این آموزش رو در اختیار کاربران قرار نمیدادیم

  11. U324382 ۲۶ تیر ۱۴۰۲

    سلام من اگه قالب اهورا را بخرم میتونم روی چند تا سایت نصب کنم

  12. U326222 ۲۲ تیر ۱۴۰۲

    سلام جناب راد
    من اموزشهای عالیتونو دیدم و الان میخوام طراحی سایت رو استارتش رو بزنم و شروع کنم
    ازتون یه راهنمایی میخواستم
    اینکه من زمانی که سایت رو بسازم باید دامین و هوست رو بنام مشتری بخرم و اینکه زمانی که خواستم سایت رو به مشتری بدم باید چه همون پنل مدیریتی وردپرس رو بهشون بدم؟

    • تیم پشتیبانی تیم پشتیبانی ۲۴ تیر ۱۴۰۲

      درود
      بله به اسم مشتری باید بخرید و بعد از اتمام کار هم باید اطلاعات مدیریت سایت رو بهشون بدید

  13. U324382 ۲۱ تیر ۱۴۰۲

    سلام المان استوری در المنتور هست یا باید قالب اهورا را دانلود کنیم

  14. U326164 ۲۱ تیر ۱۴۰۲

    سلام
    الان این سایت داینامیک است یا تنها یک قالب بدون CMS?

  15. U323008 ۲۰ تیر ۱۴۰۲

    سلام مجدد .اگر امکانش هست بررسی کنید کارشناس آنلاین برای مشکلات داشته باشید .من روی لوکال هاست دارم کار می کنم آیا پشتیبان شما می تونه به میز مدیریت من دسترسی داشته باشه؟

    • Reza Rad رضا راد ۲۰ تیر ۱۴۰۲

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

  16. U323008 ۲۰ تیر ۱۴۰۲

    سلام وقت بخیر .من قسمت اول این آموزش رو انجام دادم اما الان وقتی از قسمت هدر میرم برای نمایش المنتور طراحی رو بهم نشون میده اما زمانی که بازدید سایت رو می زنم قالب پیش فرض اهورا با این طراحی هدر ترکیب شده نمایش داده می شه مشکل چیه ؟ در بخش فهرست سر چ فونت ایکون عمل نمی کند .

  17. U36829 ۱۹ تیر ۱۴۰۲

    با سلام؛ سوالی داشتم راجب یکی از دمو های اهورا که میشه فروشگاه مد و لباس
    وقتی روی یه محصول کلیک میشه و مشخصات اون محصول رو میبینیم، اگه مثلا ما چند تا سایز از یک لباس داشته باشیم و بخوایم که توی همین صفحه، جوری تنظیم کنیم که مثلا مشتری بتونه بگه از این نوع سایز، دوتا و از فلان سایزِ دیگه، ستا رو میخام
    و در نهایت این مورد به سبد خرید و تهشم به دیتابیس ما منتقل بشه با جزئیات، باید چه کاری انجام بدیم؟؟؟؟
    چطوری هندلش کنم؟

  18. U323702 ۱۷ تیر ۱۴۰۲

    ببخشید من خیلی سوال پرسیدم اما یک سوال مهم دیگه دارم اگر من به یک نویسنده صرفا بخواهم اجازه ۲ کار بدم اینکه اول در بخش نوشته های سایت بنویسه ( وبلاگ ) و اینکه نوشته دیگر نویسنده ها را مورد برسی قرار بده و ویرایش کنه و از آن طرف نتواند به بخش رسانه سایت و برگه ها و محتوای این چنینی دسترسی نداشته یاشد در افزونه ای که شما در آموزش هاتون گفتید باید به نقش نویسنده چه اختیاراتی بدم ؟
    ممنون میشم پاسخ بدهید 🙏

  19. U323702 ۱۶ تیر ۱۴۰۲

    سلام خسته نباشید ببخشید دو تا سوال داشتم در مورد وبلاگ ها :
    ۱. من دو تا کاربر دارم که بهشون نقش نویسنده دادم میخواستم بدونم چرا نمیتوانند که یک نویسنده نوشته نویسنده دیگر ببنید ؟
    ۲. باید چه نقشی برای این دو کاربر تعیین کنند که بتوانند نوشته همدیگر را ببینند ؟

    • Reza Rad رضا راد ۱۷ تیر ۱۴۰۲

      سلام باید نقش ویرایشگر بدید.

      • U323702 ۱۷ تیر ۱۴۰۲

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

  20. U323702 ۱۵ تیر ۱۴۰۲

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

  21. U324458 ۱۱ تیر ۱۴۰۲

    سلام من میخوام المنتور بروز کنم این خطا میده
    به‌روزرسانی ناموفق بود: دریافت انجام نشد. Unauthorized
    چیکار کنم برای رفع این خطا

  22. U325584 ۸ تیر ۱۴۰۲

    سلام خداقوت شما.
    قالب اهورا فقط دمو هستش یا اینکه ما میتونیم با قالب اهورا هر سایت صفر تا صد طراحی کنیم ؟؟؟

  23. U325592 ۸ تیر ۱۴۰۲

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

    • Reza Rad رضا راد ۱۰ تیر ۱۴۰۲

      سلام لطفا با پشتیبانی در ارتباط باشید موضوع رو بررسی و در اپدیت های بعدی حل کنند.

  24. U317638 ۳ تیر ۱۴۰۲

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

  25. U323702 ۲۵ خرداد ۱۴۰۲

    سلام دوباره ببخشید میشه یک آموزش جامع در مورد پلاگین All In One WP Security & Firewall تهیه کنید و تو سایت قرار بدید چون آن فیلم که از قبل در سایت است کیفیت خوبی نداشت و پلاگین هم یکم بروز شده و قابلیت هایی بهش اصافه شده که در فیلم نیست

  26. U323702 ۱۹ خرداد ۱۴۰۲

    عرض سلام و خسته نباشید بابت گروه خوبتون ببخشید آیا که پلاگین All In One WP Security & Firewall باگ و مشکل دارد چون یکبار روی یک سایت نصب کردم بعد از اینکه از سایت خارج شدم و اسم سایت را زدم اروری به عنوان سایت از دسترس خارج شده اورد بالا که زمانی که پلاگین All In One WP Security را پاک کردم درست شد . میخواستم بدانم پلاگین دیگر که خوب باشه مثل این افزونه برای امنیت وردپرس که رایگان باشه نیست و این باگ میشه مشکلش رفع بشه یا نه ؟

  27. U323894 ۱۸ خرداد ۱۴۰۲

    خیلی وقت بود منتظر پارت ۳ بودم.
    لذت بردم ، تنکس مستر حسینی راد.

  28. U324514 ۱۰ خرداد ۱۴۰۲

    سلام من یه سوالی داشتم میخواستم راهنماییم کنید
    من یک سایت ثبت آگهی ملکی دارم میخوام تو سایتم یه گرینه مثل “دسته ها” سایت دیوار اضافه کنم که کاربر مرحله به مرحله آگهی مورد نظرش رو فیلتر کنه باید چیکار کنم؟
    من از المنتور استفاده میکنم ایا باید پلاگین دیگری هم نصب کنم
    ممنون میشم راهنماییم کنید

  29. U323894 ۹ خرداد ۱۴۰۲

    منتظر اپیزود بعدی هستم
    ممنون بابت همه چیز

  30. U323894 ۹ خرداد ۱۴۰۲

    لی صبرانه منتظر اپیزود بعدی هستم.
    Tnx so much

  31. U315809 ۷ خرداد ۱۴۰۲

    سلام میشه اموزش ساخت هدر شبیه به این سایت با المنتور بدید

  32. U324381 ۷ خرداد ۱۴۰۲

    درود استاد . بسیار عالی بود . امکانش هست که کمی مفصل تر جامع تر درمورد نمایش محصولات در صفحه موبایل یه ویدیو بزارید ؟ ممنون میشم . بر فرض مثال من دنبال المانی هستم که در صفحه موبایل محصولات رو در 2 ستون زیبا با در کنار هم نمایش بده . مرتب و تمیز باشه . ممنون از محبت و آموزش های خوبتون . خداقوت به شما و تیم قوی تون <3

    • تیم پشتیبانی تیم پشتیبانی ۱۰ خرداد ۱۴۰۲

      درود
      پیشنهاد شما رو مدیر سایت منتقل کردم.
      سپاس از توجه شما
      شاد و پیروز باشید

  33. U32987 ۶ خرداد ۱۴۰۲

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

  34. U32987 ۶ خرداد ۱۴۰۲

    آقای حسینی عالی بود فقط در صفحه اصلی که شما طراحی کردید در کنار المان ها فضای خالی وجود دارد ولی در دیجی کالا این فضای خالی کنار دیجی کالا(فاصله راست و چپ المان ها)وجود ندارد و حس بهتری دارد لطفا اگه امکانش هست در ویدیوی بعدی این مورد را بررسی بفرمایید.

  35. U324314 ۵ خرداد ۱۴۰۲

    اقا عالی. منتظر بخش های بعدی هستیم

  36. U323807 ۵ خرداد ۱۴۰۲

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

  37. U323894 ۴ خرداد ۱۴۰۲

    درود بر شما ، ممنون .
    این آموزش ادامه داره ؟

  38. U32987 ۴ خرداد ۱۴۰۲

    سلام اقای حسینی عالی بود
    آقای حسینی چرا صفحه محصول را تغییری ایجاد نمی کنید همه قالب ها دارای صفحه محصولات زیبایی هستند و بسیار امکانات زیادی دارند؟

  39. U320537 ۴ خرداد ۱۴۰۲

    سلام به استاد عزیزم و تمام خانواده میهن وردپرسی
    نکات مهم و مثبت این فایل آموزشی
    1. خیلی آموزش پر محتوایی و مفید بود
    2. معذرت خواهی که از سایت دیجی کالا کردی عالی بود و نکته مهمی که گفتی هر چند گاهی تغییراتی رو سایت رخ میدهد
    3. خصلت زیبایی که داری از هیچ سایتی کپی برداری نمیکنی، استایل خودت داری به این نکته که اشاره کردی خیلی تحسینت کردم
    4. از بزرگترین سایت ایرانی همچین محتوای آموزشی ضبط کردی نشون دادی که استانداردات خیلی بالا هستن
    5. نباید بگیم چون این فایل رایگانی تو سایت میهین ورد پرس هست آموزشش زیاد مهم نیست هست من با این که دوره سایت برتر تهیه کردم تو این فایل هم چنتا نکته مهم یاد گرفتم
    6.تهیه همچین آموزش ها چقدر باعث میشه قالب اهورا پیشرفت کنه چون در حین آموزش دادن این ویدیو چند نکته مهمی به یاد استاد اومد که باعث شد در آینده آپشن های مهمی قراره دوستان عزیز برنامه نویسی روی قالب اهورا پیاده سازی کنند
    7.تهیه کردن این آموزش ها چقدر به خودمون و گسترش جهان کمک میکنه
    خلاصه من از آموزش های مفید خیلی لذت میبر م و همیشه در حال یادگیری هستم و برای تمام دوستان آرزوی موفقیت رو دارم…

    • Reza Rad رضا راد ۶ خرداد ۱۴۰۲

      درود بر شما سپاس لطف دارید. تمام ۷ مورد رو به دقت خوندم و لذت بردم از این دید مثبت شما. شاد و سربلند باشید

  40. U312764 ۴ خرداد ۱۴۰۲

    سلام اقای راد. من تا آخر دیدم‌.فوق العاده کاربردی بود. خدا قوت. لطفا واسه اهورا اسلایدر نوشته واسه سایت بیشتر و متنوع تر بزارید. ممنون از شما. (یکمم به قسمت پشتیبانی بگو دست بجنبونن موارد بیشتر داخل پنل هست اخرین درخواستم)‌. دوست داریم.