افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor

افزونه المنتور چیست؟ معرفی افزونه المنتور Elementor

جلسه 1
آموزش و پیش نیاز نصب افزونه المنتور

آموزش و پیش نیاز نصب افزونه المنتور

جلسه 2
آشنایی کلی با افزونه صفحه ساز المنتور

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

جلسه 3
آموزش نصب افزونه المنتور نسخه پولی

آموزش نصب افزونه المنتور نسخه پولی

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

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

جلسه 5
نصب افزونه وبکیما المنت | فارسی‌ساز المنتور

نصب افزونه وبکیما المنت | فارسی‌ساز المنتور

جلسه 6
آموزش طرح بندی و تنظیمات صفحه در المنتور

آموزش طرح بندی و تنظیمات صفحه در المنتور

جلسه 7
آموزش کار با سکشن و ستون در المنتور

آموزش کار با سکشن و ستون در المنتور

جلسه 8
آموزش 3 تب اصلی تنظیمات در المنتور

آموزش 3 تب اصلی تنظیمات در المنتور

جلسه 9
آموزش مفهومی تم بیلدر (پوسته ساز) المنتور

آموزش مفهومی تم بیلدر (پوسته ساز) المنتور

جلسه 10
آموزش طراحی هدر و منو در المنتور

آموزش طراحی هدر و منو در المنتور

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

آموزش طراحی منو موبایل در المنتور

جلسه 12
آموزش طراحی فوتر ریسپانسیو در المنتور

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

جلسه 13
آموزش طراحی صفحه اصلی سایت در المنتور

آموزش طراحی صفحه اصلی سایت در المنتور

جلسه 14
طراحی سکشن دوم در صفحه اصلی المنتور

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

جلسه 15
طراحی بخش خدمات ما در صفحه اصلی

طراحی بخش خدمات ما در صفحه اصلی

جلسه 16
نمایش نمونه کارها در صفحه اصلی المنتور

نمایش نمونه کارها در صفحه اصلی المنتور

جلسه 17
آموزش نمایش مقالات در صفحه اصلی المنتور

آموزش نمایش مقالات در صفحه اصلی المنتور

جلسه 18
آموزش نمایش نظرات مشتریان در المنتور

آموزش نمایش نظرات مشتریان در المنتور

جلسه 19
آموزش نمایش لوگو مشتریان در المنتور

آموزش نمایش لوگو مشتریان در المنتور

جلسه 20
آموزش ساخت فرم تماس حرفه ای در المنتور

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

جلسه 21

شما در حال مشاهده
جلسه 22 هستید

طراحی بخش عضویت در خبرنامه در المنتور

طراحی بخش عضویت در خبرنامه در المنتور

جلسه 22
آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)

آموزش ریسپانسیو در المنتور (ریسپانسیو در موبایل و تبلت)

جلسه 23
آموزش افزودن دکمه بازگشت به بالا در المنتور

آموزش افزودن دکمه بازگشت به بالا در المنتور

جلسه 24
آموزش ساخت هدر چسبان در المنتور | Sticky هدر

آموزش ساخت هدر چسبان در المنتور | Sticky هدر

جلسه 25
آموزش طراحی صفحه نوشته ها با المنتور

آموزش طراحی صفحه نوشته ها با المنتور

جلسه 26
آموزش ساخت صفحه آرشیو در المنتور

آموزش ساخت صفحه آرشیو در المنتور

جلسه 27
آموزش ساخت صفحه 404 در المنتور

آموزش ساخت صفحه 404 در المنتور

جلسه 28

مدرس دوره

نبی عبدی

زمان ویدیو

09:26 دقیقه

برو به دیگر جلسات

آموزش المنتور

برای دانلود ویدیو

وارد شوید

طراحی بخش عضویت در خبرنامه در المنتور

منتشر شده در تاریخ : 11 مرداد 1401

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

ساخت فرم عضویت در خبرنامه در المنتور

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

فرم عضویت در خبرنامه طراحی شده در این جلسه

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

طراحی بخش عضویت در خبرنامه در المنتور

کد CSS برای افزودن پس زمینه گرادیانت به این سکشن

در زیر می‌توانید کدهای مربوط به افزودن پس زمینه جذاب گرادیانت را مشاهده کرده و آن را کپی کرده و مطابق با آموزش ویدیویی آن را در بخش کاستوم CSS این سکشن فرم تماس با ما قرار دهید تا یک بک گراند جذاب به این بخش اضافه شود.

selector {
    background: linear-gradient(251.26deg,#FFEBD8 0.92%,#FFD9EB 38.94%,#FFD8D0 68.4%,#FFD8D0 103.74%);
}

کدهای CSS مربوط به فرم اصلی عضویت در خبرنامه

@media screen and (min-width: 768px) {
 selector button {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
}
@media screen and (max-width: 768px) {
 selector button {
    width: 100% !important;
    margin-top: 1rem;
}
}

جمع بندی

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

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

4.7/5 - (3 امتیاز)

نظرات در “طراحی بخش عضویت در خبرنامه در المنتور

  1. alireza میگوید:

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

    • پشتیبانی میگوید:

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

      • alireza میگوید:

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

      • پشتیبانی میگوید:

        اگر ویدیو و کدها را به دقت بررسی کنید، هست.

  2. poya میگوید:

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

  3. امیررضا صفری میگوید:

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

  4. ابوالفضل رضایی میگوید:

    سلام
    ببخشید پس کی قسمت های جدید رو میزارید
    برای مقالات سایت شاید 10 گذاشتین اما یه قسمت به این دوره اضافه نکردید

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

آموزش‌های ویدیویی جدید فقط در یوتیوب منتشر می‌شود!

بزن بریــم!