طراحی قالب با المنتور

قدم اول - قالب Hello Elementor

قالب هلو المنتور چیست؟ و چگونگی توسعه آن با افزونه المنتور پرو

قدم دوم - نصب فونت فارسی

کمتر از 5 دقیقه فونت دلخواه خود را بر روی قالب خود نصب کنید

قدم سوم - تنظیمات و اقدامات اولیه

تنظیمات اولیه و ضروری قالب که باید انجام شوند

قدم چهارم - طراحی سربرگ قالب - هدر سایت

ساخت و توسعه هدر قالب با استفاده از پوسته ساز المنتور پرو

قدم ششم - طراحی پاورقی قالب - فوتر سایت

ساخت و توسعه فوتر قالب با استفاده از پوسته ساز المنتور پرو

قدم هفتم - شخصی سازی پوسته نوشته ها

با استفاده از پوسته ساز Single صفحات سایت خود را شخصی سازی کنید

قدم هشتم - طراحی صفحه محصولات ووکامرس

ساخت و توسعه صفحه محصولات ووکامرسی با Single Product

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

قالب وب سایت چیست؟

قالب یا پوسته یا  Theme به طور کلی همان ارکان ظاهری وب سایت است و چهارچوب ساختار گرافیکی بخش های مختلف وب سایت محسوب میگردد که تمامی محتوا های وب سایت مانندتصاویر،متون و … را در بر میگیرد.در واقع قالب یک وب سایت بستر اصلی ارائه مطالب وب سایت است و شرایط تنظیم نمایش محتوا ها را برای طراحان و کاربران مهیا میسازد و تجربه نشان داده است که هر چقدر یک قالب سفارشی و بر اساس نوع فعالیت و نیاز های شغلی و فکری یک مجوعه ساخته شده باشد یعنی هر چقدر اختصاصی تر باشد بازخورد  بهتری در بخش رابط کاربری برای جلب رضایت بیشتر کاربران را همراه داشته است. معمولا قالب ها با کد های html و css نوشته میشوند و برای طراحی قالب وردپرسی علاوه بر دانش برنامه نویسی و مهارت های گرافیکی باید به توابع تطبیقی وردپرسی و php نیز آشنایی داشت

ساخت قالب وردپرسی با المنتور پرو در ایران المنتور

کاربرد قالب های آماده؟

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

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

شروع طراحی قالب با قالب hello elementor

نقش صفحه ساز ها در توسعه قالب ها

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

طراحی قالب با المنتور بدون نیاز به برنامه نویسی

المنتور یک افزونه صفحه ساز هست یا قالب ساز ؟

المنتور در عین اینکه یک صفحه ساز محسوب میگردد اما المنتور پرو با قابلیت Elementor theme builder یک قالب ساز حرفه ای نیز به شمار می آید برای همین اصرار مجموعه ایران المنتور در این است که حتما از قالب Hello elementor استفاده کنید و با استفاده از المنتور پرو  قالب خود را خلق و با قابلیت صفحه سازی المنتور پرو صفحات وب سایت خود را سفارشی سازی کنید.

المنتور یک قالب ساز است . می توانید قالب خود را طراحی کنید

تفاوت قالب Hello elementor با سایر قالب های وردپرسی چیست ؟

زمانی که از یک قالب آماده وردپرسی استفاده می کنیم. قطعا قالب مورد نظر ما تنظیماتی برای هدر، فوتر و دیگر بخش های وب سایت دارد و شما می توانید از تنظیمات و استایل دهی آنها استفاده کنید .مثلا قصد داریم هدر وب سایت خود را با المنتور طراحی کنیم. طبیعی است که بخشی تنظیمات هدر که در قالب شما وجود دارد بیهوده می شود و صرفا یک فضای اضافه ای برای شما اشغال می کند.و همچنین دیگر بخش های وب سایت نیز شامل این موضوع خواهند شد. پس پیشنهاد می شود که اگر از قالب های آماده وردپرس استفاده میکنید حتما باید نگاهتان به المنتور یک افزونه صفحه ساز باشد و از توسعه قالب با المنتور پرهیز کنید. اما چرا قالب hello elementor اگر فیلم های آموزشی مارو دنبال کرده باشید  تیم ایران المنتور مکررا اعلام کرده است قالب Hello صرفا یک صفحه خالی سفید و کاملا سازگار است و وجه تمایز آن در این مسئله است که شما به راحتی میتوانید تمامی بخش های قالب را مثل هدر، فوتر و… را  خودتان طراحی کنید و از ساخت یک قالب کاملا اختصاصی لذت ببرید.

64 پاسخ

  1. سلام
    روی قالب سلام المنتور می خواستم فونت نصب کنم اما موفق نشدم اگر امکانش هست یه آموزش در اینباره تهیه کنید تا با نحوه نصب فونت روی قالب هم آشنا شویم
    ممنون

  2. سلام خسته نباشید . سایت خیلی خوبی دارید
    یک سوال دارم؟
    من بخوام یک قالب html تبدیل کنم به وردپرس این قالب چطور میتونم تبدیل به پریمیوم کنم؟

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

  4. باسلام
    آموزش خلاصه و مفیدی بود ….
    فقط اگر از چگونگی خروجی گرفتن و همچنین لایسنس گذاری روی قالب مطلبی بگذارید بسیار ممنون خواهم شد.
    باتشکر

    1. سلام
      ممنون دوست عزیز
      متاسفانه چنین مواردی برای المنتور در نظر گرفته نشده، قالب های طراحی شده با المنتور صرفا استفاده شخصی دارند

  5. سلام
    از کجا باید لوگویی که در تب مرورگر میاد رو تنظیم کرد؟؟
    قالب هلو المنتور رو دارم.
    ممنون

    1. سلام
      از منو پیشخوان وردپرس > نمایش > سفارشی سازی > بخش هویت سایت
      در بخش هویت سایت می توانید نمادک (لوگو روی مرورگر) و لوگو اصلی سایت خود را وارد نمایید

  6. سلام خسته نباشید بابت سایت خوبی که دارید
    بنده حقیر یک سوال دارم ویژوال کامپوزر یا المنتور برای هر قالب وردپرس اماده و رایگان میشه استفاده کرد؟؟؟
    و لطف میکنید کدوم قالب ها اماده و رایگان میشه ار المنتور استفاده کرد حالا به غیر از قالب hello elmentor

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

  7. سلام من وقتی به قسمت قالب / افزودن جدید وارد می شوم در قسمت انتخاب نوع قالب فقط گزینه سکشن و صفحه فعال می باشد و سایر گزینه ها مثل archive و … غیر فعال می باشد مشکل از کجاست؟ المتور پرو از یک سایت دیگه گرفتم نصب کردم

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

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

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

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

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

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

    1. سلام
      این آموزش صرفا مربوط به روند ساخت یک قالب با المنتور می باشد، فقط برای اینکه قالب خود را به صورت کاملا اختصاصی داشته باشید باید از قالب Hello elementor استفاده نمایید. در رابطه با جایگزینی آن با صفحه اصلی لطفا بیشتر توضیح بدید

  11. سلام وقت بخیر
    چجوری نام برگه ها در هدر سایت رو تغیر بدیم مثل برگه ( صفحه اصلی ) ( وبلاک ) و …..

    1. سلام وقت شما بخیر
      از منو نمایش > فهرست ها اقدام به تغییر نام عناوین فهرست خود کنید

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

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

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

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

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

    1. سلام وقت شما بخیر
      دقیقا منظور شمارو متوجه نشدیم!
      اگر قصد دارید که یک استایل یکسان مثلا برای صفحات وبلاگ خود تعیین کنید میتونید از قالب های single استفاده کنید.

  16. با سللام من المنتور پرو خریداری کردم ولی متاسفانه به افزونه وردپرس اضافه نشد
    ممنون میشم کمک کنید

    1. سلام وقت بخیر
      لطفا از طریق تیکت پیگیری نمایید

  17. با سللام من المنتور پرو خریداری کردم ولی متاسفانه به افزونه وردپرس اضافه نشد
    میشه کمک کنید

    1. سلام وقت بخیر
      احتمال زیاد نسخه وردپرس شما از 5 کمتر می باشد

  18. ایا نیاز هست نسخه به نسخه حرفه ای تغییر پیدا کند؟ و هزینه دارد؟

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

    1. سلام وقت بخیر
      باید نسخه المنتور پرو رو تهیه کنید

  20. سلام ممنون از آموزشون فقط سبد خرید در منو و صفحه خرید + صفحه ثبت نام کاربر هم توضیح بدید عالی میشه

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

  22. سلام من افزونه المنتور پرو رو همراه با افزونه های jet blocks – jet blog – jet elements – jet menu – jet tabs – JetEngine کامل نصب کردم ولی وقتی میخام قالب جدید ایجاد کنم قسمت اول که نوع قالب رو انتخاب میکنیم
    فقط دو گزینه “صفحه” و بخش(سکشن) میاد برام. امکانش هست یه راهنمایی کنید ممنون میشم

    1. سلام
      دوست عزیز افزونه المنتور پرو شامل دو افزونه هست . 1.افزونه المنتور(هسته) 2. افزونه المنتور پرو
      شما در حال حاظر فقط افزونه المنتور (هسته) نصب کردید و باید نسخه پرو همین افزونه رو هم فعال کنید

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

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

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

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

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

  26. خیلی ممنون عالی بود
    لطفا در رابطه با ساخت صفحه محصول بیشتر توضیح بدید . و همچنین استایل دهی به قالب ها

    1. حتما، ادامه مبحث قالب هارو عنایت بفرمایید دنبال کنید

  27. مثل همیشه عالی و کامل ممنون از ایران المنتور بابت اموزش های خوبتون

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *