وبلاگ

ساخت سربرگ سفارشی در المنتور با JetBlock

ساخت سربرگ سفارشی در المنتور با JetBlock

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

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

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

خرید افزونه JetBlock

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

آموزش ساخت سربرگ سفارشی با افزونه JetBlock

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

نصب افزونه JetBlock

 برای نصب این افزونه به مسیر “افزونه ها > افزودن” مراجعه کنید. (چون افزونه به صورت پریمیوم هست باید فایل افزونه در وردپرس بارگذاری شود.)

نصب افزونه jetblock
نصب افزونه jetblock

سپس در صفحه برای شما باز می شود در بالای صفحه بر روی دکمه “بارگذاری افزونه” کلیک کنید و در زیر یک بخشی برای شما باز می شود که باید بر روی دکمه “Choose File”  کلیک کنید و فایل زیپ افزونه را که خریداری کردید همانند تصویر انتخاب کنید و در آخر بر روی دکمه “نصب” کلیک کنید.

ساخت بخش سربرگ در المنتور

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

افزودن سربرگ به المنتور
افزودن سربرگ به المنتور

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

ویجت های افزونه jetblock
ویجت های افزونه jetblock

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

شرح ویجت های افزونه JetBlock

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

  • لینک معتبر : لینک های برای ورود و ثبت نام و همچنین نمایش جساب کاربری در هدر سایت را ارائه می دهد.
  • مسیر صفحه : مسیر پیمایش صفحه در وردپرس را می توانید با این ویجت به صفحه اضافه کنید.
  • پنل همبرگر :  منوی مخصوص موبایل به صورت همبرگر را ارائه می دهد. 
  • فرم ورود :  می توانید با استفاده از این ویجت یک فرم ورود به وردپرس اینطور اضافه کنید.
  • لوگوی سایت :  این ویجت لوگوی اصلی سایت را نمایش می دهد.
  • فهرست ناوبری : با استفاده از این ویجت می توانید یک منو به هدر خود اضافه کنید.
  • فرم ثبت نام :  می توانید یک فرم ثبت نام به صفحه خود اضافه کنید. 
  • جستجو :  برای نمایش فرم جستجو در استایل‌های متنوع می توانید از این ابزار استفاده کنید.
  • سبد خرید ووکامرس :  می توانید با استفاده از این ویجت سبد خرید ووکامرس را در سربرگ خود نمایش دهید.

شروع طراحی هدر با ویجت ها

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

[irinfobox]دقت کنید که ما در این آموزش یعنی در بخش متنی، هدر را از قبل طراحی کردیم و تصویر این هدر را با ویجت های استفاده شده در زیر قرار دادیم. اما در ویدئوی آموزشی از 0 تا 100 هدر را در المنتور طراحی می کنیم.[/irinfobox]

سربرگ نهایی طراحی شده با jetblock
سربرگ نهایی طراحی شده با jetblock

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

? فیلم آموزشی

https://youtu.be/sMSzyohzm0Q
5/5 - (1 امتیاز)
اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

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

در خدمت شما هستیم!

در صورت نیاز به مشاوره می توانید فرم را تکمیل نمایید و یا با ما در ارتباط باشید.