آقای برنامه نویس

اعلان نصب اپلیکیشن موبایل با المنتور

بعضی از وب سایت هایی که دارای اپلیکیشن موبایل هستند، اگر با موبایل وارد وب سایت شوید، اعلان نصب اپلیکیشن موبایل را مطابق با سیستم عامل موبایل شما به نمایش می گذارند.

سلام, در این مقاله رایگان با ساخت اعلان نصب اپلیکیشن موبایل با المنتور همراه شما هستیم. در بعضی از وب سایت هایی که دارای اپلیکیشن موبایل هستند، اگر با موبایل وارد وب سایت شوید، اعلان نصب اپلیکیشن موبایل را مطابق با سیستم عامل موبایل شما به نمایش می گذارند.

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

image 1 | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده
اعلان نصب اپلیکیشن موبایل با المنتور

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

پیش نیاز ها:

  1. افزونه المنتور
  2. افزونه المنتور پرو
  3. افزایه جانبی المنتور اکستراز

ساخت اعلان نصب اپلیکیشن موبایل با المنتور

1. ساخت پاپ آپ اعلان دانلود اپلیکیشن

برای اینکه بتونیم این اعلان (اعلان نصب اپلیکیشن) را نمایش دهیم، با استفاده از المنتور یک پاپ آپ طراحی می کنیم.

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

image | آقای برنامه نویس | مرجع آموزش المنتور و وردپرس به زبان ساده

بعد از ورود به محیط طراحی المنتور برای طراحی اعلان نصب اپلیکیشن، در ابتدا از پایین صفحه، آیکون تنظیمات را کلیک کنید و تنظیمات پاپ آپ را مطابق تصویر زیر انجام دهید:

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
ساخت پاپ آپ اعلان دانلود اپلیکیشن

سپس به تب استایل رفته و رنگ پس زمینه پاپ آپ را تعیین کنید. در اینجا ما یک پس زمینه با کد رنگی rgba(75,75,75,.85) و یا کد رنگی HEX بصورت (#4b4b4bd9) قرار دادیم.

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
ساخت پاپ آپ اعلان دانلود اپلیکیشن

حالا یک بخش تک ستونه ایجاد کرده و 4 المان داخل صفحه قرار می دهیم. المان تصویر، المان سربرگ و 2 المان دکمه را زیر هم قرار دهید. در ادامه ساخت اعلان نصب اپلیکیشن در بخش تب پیشرفته هر 4 ویجت، تب موقعیت گزینه عرض را روی حالت در متن (inline) قرار می دهیم.

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
موقعیت در متن برای ویجت ها

بعد از قرار دادن ویجت ها با عرض در متن، ظاهر پاپ آپ اعلان نصب اپلیکیشن به شکل زیر خواهد بود:

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور

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

حالا می توانید لینک مخصوص به دانلود هر سیستم عامل را دکمه مورد نظر اختصاص دهید.

2. شرایط نمایش دکمه ها با افزونه Elementor Extras

برای نمایش دادن دکمه دانلود برنامه iOS برای سیستم عامل iOS، بر روی ویجت کلیک کرده و در تب پیشرفته، گزینه موارد اضافه را بزنید. ( این گزینه در صورت نصب افزونه Elementor Extras اضافه خواهد شد.) گزینه نمایش شرایط را روشن کنید. و طبق تصویر زیر موارد را قرار دهید.

این گزینه دکمه را فقط برای کاربران iPhone نشان می دهد.

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

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
برای اندروید
اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
برای ios

3. شرایط نمایش پاپ آپ

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

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور

در تب راه انداز، تیک در بارگذاری صفحه را فعال کنید.

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور

در تب سوم یعنی تب قوانین پیشرفته، گزینه تنها تبلت و موبایل را قرار دهید.

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور

سپس دکمه ذخیره و بستن را کلیک و با دستگاه موبایل، نمایش اعلان پاپ آپ را بررسی کنید.

برای تست صحت نمایش دکمه ها در سیستم عامل های مختلف می توانید از مرورگر Blisk استفاده کنید. برای دانلود رایگان این مرورگر می توانید از آدرس https://blisk.io اقدام کنید.

اگر کاربری با سیستم عامل iOS وارد سایت شود، پاپ آپ دانلود برنامه مخصوص آیفون را مشاهده خواهد کرد:

اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور
اعلان نصب اپلیکیشن موبایل با المنتور | آقای برنامه نویس - آموزش رایگان المنتور

و اگر کاربر با سیستم عمال Android وارد سایت شود، لینک دانلود برنامه مخصوص اندورید را مشاهده می کند.

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

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

3 Responses

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

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

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

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

فهرست مطالب

پاسخ خود را پیدا نکردید؟
همکاران ما آنلاین هستند تا پاسخگوی سوالات شما باشند حتما سوال خود را در بخش دیدگاه ها بپرسید.
افزونه مستر پک برای افزونه صفحه ساز المنتور
افزونه مستر پک در مخزن وردپرس به‌صورت رایگان منتشر شد!

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

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

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

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

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

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

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

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

وردپرس برخی اوقات به بروزرسانی و تعمیر احتیاج داره. و هنگامی که وبسایت در دست تعمیر و دیباگ هست برای حفظ امنیت وبسایت نمیتوان وبسایت را در دسترس بازدید کنندگان قرار داد. به همین دلیل هنگام تعمیر وبسایت، ترجیحاً حالت تعمیر رو فعال میکنند!

نحوه تغییر DNS دامنه های ir در ایرنیک - آقای برنامه نویس آموزش المنتور و وردپرس
نحوه تغییر DNS دامنه های ir در ایرنیک

دامنه هویت وب‌سایت را در اینترنت مشخص می‌کند. تغییر dns دامنه های ir با دامنه های جهانی متفاوت است. بهترین راه تغییر DNS دامنه ir در پنل وب سایت ایرنیک است.

سفارشی سازی قالب وردپرس با ابزار inspect element
سفارشی سازی قالب وردپرس با ابزار inspect element

آیا تاکنون قصد داشته اید بصورت موقت یک صفحه وب را ویرایش کنید تا درمورد رنگ ها، فونت ها و استایل های وبسایت تصمیم گیری کنید؟ این عمل با ابزاری که هم اکنون روی مرورگر وب شما با نام inspect element وجود دارد کاملا امکان پذیر است.

طراحی پوسته باکس پست‌های المنتور - آقای برنامه نویس
طراحی پوسته باکس پست‌های المنتور

احتمالا شما نیز تاکنون از ویجت پست های المنتور استفاده کرده‌‌اید. این المان تنها دارای 3 پوسته ( کلاسیک، کارت ها و محتوای تمام عرض ) می‌باشد. ولی شاید نیاز به سفارشی سازی و اضافه کردن امکانات بیشتری برای نمایش پست‌ها داشته باشید.

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

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

ورود به حساب