ویجت

۹۱۳۰۲۶۵۴ ۰۲۱

معرفی قالب Hello elementor سریع ترین قالب وردپرسی

قالب هلو المنتور

آنچه خواهید آموخت

معرفی قالب hello: سریع‌ترین قالب وردپرس که تا حالا ایجاد شده

قالب سلام یا hello المنتور ماه may سال 2019 تو منبع و مرکز داده‌های وردپرس به طور رسمی قرار گرفت. تیم المنتور قالب هلو رو ایجاد کرد تا نگرانی‌ بابت قالب و پوسته سایت وجود نداشته باشه. این قالب توسط یک گروه خاص تو المنتور ساخته شده؛ حتما تستش کنید.

hello المنتور

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

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

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

سریع‌ترین قالبی که تا به الآن دیدید

و احتمالاً آخرین قالبی که باهاش کار می‌کنید

قالب Hello چیه؟

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

Reset.css*: کدهایی که مقادیر پیشفرض مرورگر رو ریست می‌کنند.

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

دلتون می‌خواد که از قالب خودتون به قالب Hello سوئیچ بشید؟

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

دلیل انتخاب قالب Hello؟

مزایای زیادی برای انتخاب این قالب هست، به موارد زیر توجه کنید:

  • قالبی عالی برای المنتور: قالب Hello قالبی حی و حاضر هست و با یکبار دانلود بارها و به روش‌های مختلف می‌تونید ازش استفاده کنید، این قالب به خوبی با المنتور سازگار هست. وقتی که تیم المنتور ورژن جدید المنتور رو بیرون دادند، تمام آزمایش و تست‌‌ها روی قالب Hello انجام شد. برنامه‌نویس‌ها و توسعه‌دهنده‌های تیم المنتور کارشون خیلی درسته و همیشه بررسی می‌کنند تا مطمئن باشند که قالب Hello آپدیت و پرسرعت هست.
  • عالی برای طراحی لندینگ پیج یا صفحه فرود: اگه در حال طراحی لندینگ پیج هستید باید بدونید که هر میلی‌ثانیه بابت لود صفحه مهم هست. قالب Hello یک قالب boilerplate (کدهای آماده که اغلب نوشتن اون‌ها طول می‌کشه) هست که باعث می‌شه صفحات فرود سریع‌تر از هر موقع دیگه‌ای بارگزاری بشند.
  • دارای کمترین مشکلات ممکن: ازونجایی که کد قالب سلام خیلی مینیمال و بهینه‌شده هست، ریسک عدم سازگاری قالب با المنتور یا قالب با سایر افزونه‌ها خیلی پایین هست. با قالب Hello نه دیگه شاهد اشکالات فاصله‌ای CSS هستید و نه تناقص در رنگ‌ها.
  • عملکرد سریع: قالب سلام به سبکی پَره. این قالب بخاطر نبود استایل و اسکریپت، از خیلی از قالب و پوسته‌های دیگه هم سبک‌تر هست. تمام طراحی توسط صفحه‌ساز المنتور انجام می‌شه. سایت هرچقدر سریع‌تر و کدهای کمتری داشته باشه، باعث میشه سئو سایت هم بهتر بشه.
  • همیشه رایگان هست: این قالب رایگان هست. المنتور می‌خواد که کاربراش هرگز لحظه‌ای بابت انتخاب قالب وقفه به خرج ندن و فقط روی طراحی زیبا و حرفه‌ای سایت متمرکز باشند.

نکته مهم

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

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

بعد از فعالسازی قالب هلو، وقت سفارشی‌سازیه قالب هست.

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

البته طراحان افزونه المنتور ورژن زیرمجموعه‌ی قالب Hello رو طراحی کردند که در GitHub در دسترس هست. بعداً این قالب در مرکز داده‌های وردپرس قرار می‌گیره.

این قالب چقدر سریع هست؟

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

قدرت قالب هلو در سادگی اون هست و در واقع از هیچ کد مزاحمی تشکیل نشده که همین موضوع باعث می‌شه تا سرعت بارگزاری خیلی خیلی سریع بشه.

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

تمام مثال‌های زیر در یک شرایط یکسان و بدون پنهان‌سازی پیکربندی و بهینه‌سازی ارائه شده:

شاهد سرعتی همچون صاعقه باشید:

hello elementor قالب

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

عملکرد قالب هلو با افزونه‌های محبوب چطوره؟

wpml
acf
ووکامرس
یوست سئو

یکی از مزایای قالب Hello سازگاری درجه یک اون هست. این سازگاری فقط با المنتور نیست بلکه با باقی افزونه‌های محبوب ذیل هست:

ووکامرس: ازونجایی که قالب هلو خالی و بدون هیچگونه تنظیمات هست به شما اجازه میده تا با ووکامرس المنتور با کمترین مشکلات و اشکالات استفاده کنید.

یواست: قالب سلام یک ترکیب فوق‌العاده برای افزونه یواست سئو هست. کد HTML اون خیلی خوب و صیقلیه و به شما کمک می‌کنه تا بهترین استفاده را از Yoast ببرید.

WPML: قالب سلام بخاطر ویژگیش string یا رشته‌های کمی برای تفسیر داره و تمام رشته ها قابل تفسیر هستند. این ویژگی به شما این امکان رو میده تا با استفاده از WPML بک-اند رو به سرعت ترنسلیت کنید.

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

راهی سریع‌تر و بهتر برای ساختن صفحات فرود

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

  • امکان تنظیم هدر و فوتر به ازای هر لندینگ پیج و دسته‌بندی: برخلاف خیلی از قالب‌های دیگه از وردپرس که هدر و فوتر عمومی و کلی دارند، با قالب Hello می‌شه یک هدر یا فوتر خاصی رو برای هر لندینگ پیج، دسته یا بقیه شرایط انتخاب کرد.
  • زمان بارگزاری سریع: بدون بارگزاری کدهای زائد و اضافی، سرعت لودینگ صفحات فرود بیشتر می‌شه.
  • طرح‌های باکسی و تمام-عرض: انتخاب بین طرح باکسی یا تمام‌عرض یک موضوع کم‌اهمیت اما مزاحم هست که این مورد با انتخاب قالب سلام وجود نداره.
  • سهولت در ایجاد وبسایت‌های تک صفحه با استفاده از anchor menu یا لنگر مربوط به فهرست (ارجاع بخش از متن به بخشی دیگر از صفحه‌ی جاری)
  • هزاران طرح و تمپلیت آماده المنتوری و بیش از 2000 تمپلیت المان‌های Envato: لیست قالب‌های ایجاد شده توسط المنتور و همچنین توسط طراحان اون از میزان محتوای نسخه نمایشی ارائه شده توسط بقیه قالب‌های چندمنظوره بیشتر هست.

قابل توجه توسعه‌دهندگان؛ از قالب Hello به زمینه‌های جدید وارد بشید

قصد دارید تا قالب سلام را سفارشی‌سازی کنید؟ توسعه‌دهندگان المنتور قبلاً به این موضوع توجه کردند. از فایل Readme برای مرور تمامی نکات جالب نظر قالب Hello بازدید کنید.

بعضی از نمونه‌های پیشرفت کد، شامل تنظیم عرض محتوای سفارشی ، ثبت ویژگی‌های ووکامرس ، تغییر قابلیت‌های پیش فرض و موارد دیگر هست. اگه توسعه‌دهنده هستید یه نگاهی به اون لینک Readme بالا بندازید.  😉

نحوه نصب و سفارشی‌سازی قالب hello یا سلام؟

شروع کار با قالب Hello سر جمع از 4 تا مرحله تشکیل شده:

  1. برید به پیشخوان وردپرس> نمایش> پوسته‌ها> افزودن پوسته تازه> Hello یا سلام را سرچ کنید.
  2. قالب رو نصب و فعال کنید. صبر کنید تا نصب بشه
  3. برید به قالب‌ها > Theme Builder > هدر و فوتر خودتون را بسازید (البته باید المنتور پرو را داشته باشید)
  4. تو مرحله بعد برید به تنظیمات> خواندن> صفحه نخست رو به یکی از صفحاتتون تنظیم کنید.

شما می‌تونید بقیه بخش‌های سایت رو هم سفارشی‌سازی کنید.

با اختلال‌های قالب و پوسته‌های وبسایت خداحافظی کنید. قالب Hello اینجاست

  • فریم ورک آغازین بهینه
  • 100٪ سازگار با المنتور
  • بیش از 10000 نصب فعال
  • دارای امتیاز 5 ستاره
  • سازگاری با طراحی ریسپانسیو
  • به خوبی داکیومنت و مستندسازی شده
  • کد دلخواه توسعه‌دهنده
  • لایوت باکس و تمام صفحه
  • پشتیبانی از ویژگی راست‌چین
  • آماده دسترسی
  • بیش از 300 بلاک و قالب صفحه
  • آماده سفارشی سازی هدر، فوتر و موارد دیگه
  • منو سفارشی
  • عالی برای مدیریت لندینگ پیج یا صفحه فرود

برای دانلود hello theme کلیک کنین

منتظر چی هستید؟ از  قالب هلوی المنتور استفاده کنید!

تو تغییر روند ساخت سایت، با اومدن قالب هلو چرخه المنتور کامل شد.

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

روند بهتری داریم: وردپرس را نصب>  فعالسازی قالب هلو المنتور> سفارشی‌سازی با المنتور

اگه تا به الآن از قالب یا پوسته‌ی سلام المنتور استفاده نکردید بهتره که حتماً امتحانش کنید. اگه با این قالب کار کردید ما رو از تجربیاتتون بهره‌مند کنید. اگه هنوز المنتور حرفه‌ای رو نصب نکردید، برای خرید المنتور کلیک کنید:


خرید المنتور پرو

37 پاسخ

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

    1. باسلام خدمت شما وقت بخیر

      احتراما مسئله فروش در مارکت ذکر شده را باید با ایشان در میان بگذارید اما در حالت کلی بله؛ امکان ساخت و طراحی سایت فروشگاهی با قالب هلو المنتور میسر می‌باشد.

      با تشکر از حضور شما

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

    1. سلام و عرض ادب 🙋
      خیر ، این قالب مشکلی با افزونه اسلایدر رولوشن ندارد!
      برای نمونه می‌توانید تداخل افزونه‌ها را بررسی کنید.
      با تشکر از حضور شما. 🌸

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

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

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

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

    1. درود بر شما، از پشتیبانی افزونه دیجیتس باید بپرسید.

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

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

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

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

    1. درود بر شما،
      باید از یک متخصص php کمک بگیرید.

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

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

  10. سلام من از قالب هلو المنتور استفاده میکنم ولی نمیتونم فونت مورد علاقمو بهش اضافه کنم ممنون میشم کمکم کنید

  11. سلام. چطور باید تایتل صفحه هایی که ساختیم رو بدون استفاده از افزونه حذف کنیم. من مجبور شدم برای حذف تایتل صفحات از افزونه hide title استفاده کنم.میخواستم ببینم راه استاندارد چی هست. با تشکر

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

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

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

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

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

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

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

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

  15. سلام

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

    چند تصویر بود که به صورت اسلایدی یا به حالت دیگری، شکلی از یک صفحه طراحی شده داشت.
    یا شاید آموزش بود… در صفحات اصلی و در دسترس…

    ممنون از شما

      1. سلام

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

        موضوع مربوط به یک امکان یا ویجت یا یک ابزاری بود که چند تصویر نمونه داشت
        (و امکان تغییر و تعویض آن تصاویر وجود داشت) و به شکل بسیار زیبا آن تصاویر از یک طرف به طرف دیگر
        جابجا می‌شدند. چیزی شبیه به slide bar ولی یک فرم دیگری داشت و خود اسلایدبار ساده یا معمولی نبود.
        و امکانی از امکانهای افزونه‌های المنتور بود که فکر می‌کنم به صورت رایگان
        (یا حالا روی نسخه pro) در دسترس بود. ضمن آنکه شما یک مطلب درباره آن منتشر کرده بودید و
        آن تصاویر زیبا با جابجایی‌های خاص (تغییر تصاویر) در ویدیو شما بودند. متاسفانه من آن پست را نمی‌توانم پیدا کنم که مربوط به کدام بخش بود؟

        یک چیزی شبیه به اسلایدبار (اسلایدبار ساده نبود!) که تصاویر را از یک طرف تغییر می‌داد و
        صاویر دیگر را نمایش می‌داد و حتی می‌توانست به عنوان یک صفحه مستقل یا مثلاً landing page از آن استفاده کرد.

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

        ممنون

          1. ممنون از شما.

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

            اگر پیدا می‌شد خیلی کمک می‌کرد، در غیر اینصورت باید یکبار تمام ویدیوها و آموزشهای سایت شما را بگردم!

            باز هم اگر چیزی به ذهنتان آمد، لطفاً نشانی آنرا برای من بنویسید.

          2. اگه به ذهنم رسید، حتما براتون مینویسم.

  16. سلام چطور میتونم اسم صفحات رو که بالای صفحه نوشته میشه حذف کنم؟

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

    1. سلام وقتتون بخیر. برای نوشته ها از theme builder قالب ساختین؟ اون قالب رو باید ویرایش کنین.

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

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