فعال كردن دكمه Add to Home Screen سایت وردپرس

4.3 / 5. تعداد رای: 30

فعال كردن دكمه Add to Home Screen

سلام دوست عزیز! اگر به دنبال راهی برای بهبود تجربه کاربری و افزایش انگیزه کاربران برای بازدید از وبسایت وردپرس خود هستید، افزونه Progressive Web App (PWA) می‌تواند یک گزینه بسیار مناسب باشد. در اینجا به شما توضیح می‌دهیم که چگونه از این افزونه برای فعال کردن دکمه Add to Home Screen استفاده کنید.

اگر مدیر سایت نیستید و قصد دارید Add to Home Screen را برای موبایل خود فعال کنید، توجه داشته باشید شما باید از مرورگر سافاری استفاده کنید. گوگل کروم در حالت عادی گزینه Add to Home Screen ندارد!

اولاً، چیستی PWA؟

PWA یا Progressive Web App به واقع ترکیبی از وب و اپلیکیشن موبایل است. این تکنولوژی به وبسایت‌ها اجازه می‌دهد تا خصوصیاتی مانند بارگذاری سریع، عملکرد بدون اینترنت، و ایجاد تجربه کاربری شبیه به اپلیکیشن‌های موبایلی را ارائه دهند. با استفاده از PWA، می‌توانید وبسایت خود را به صورت قابلیت “Add to Home Screen” تبدیل کرده و به کاربران اجازه دهید تا آن را مانند اپلیکیشن‌های معمولی روی صفحه نمایش خود قرار دهند.

قدم 1: نصب افزونه PWA

وارد پنل مدیریت وردپرس خود شوید.

در منوی سمت چپ، بر روی “افزونه‌ها” کلیک کنید و سپس “افزودن جدید” را انتخاب کنید.

در قسمت جستجو، عبارت “PWA” را وارد کنید.

افزونه “PWA” را پیدا کرده و بر روی “نصب” کلیک کنید.

نصب افزونه PWA در وردپرس

بعد از نصب، بر روی “فعال‌سازی” کلیک کنید.

قدم 2: تنظیمات افزونه PWA

پس از فعال‌سازی افزونه، به بخش “PWA” در منوی تنظیمات > خواندن پنل مدیریت وردپرس بروید.

اینجا فقط یک گزینه دارید. آن را غیر فعال کنید و ذخیره را کلیک کنید.

تنظیمات pwa در وردپرس

برای نام سایت و آیکون سایت وارد بخش نمایش > سفارشی سازی شوید.

قدم 3: “Add to Home Screen” برای وبسایت

از این پس، کاربران شما می‌توانند از طریق سافاری، سایت شما را به صفحه اصلی موبایل خود اضافه کرده و به راحتی و با یک کلیک، به وبسایتتان دسترسی داشته باشند و این تجربه کاربری منحصربه‌فرد شما را تقویت می‌کند. با افزودن قابلیت “Add to Home Screen”، وبسایتتان مثل یک اپلیکیشن واقعی در دسترس کاربران خواهد بود.

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

امیدوارم که این آموزش به شما در ایجاد تجربه کاربری بهتر برای وبسایتتان کمک کند. به موفقیت شما!

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U333271 ۱۸ آذر ۱۴۰۲

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

  2. U317638 ۱۱ شهریور ۱۴۰۲

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

  3. U326865 ۳۰ مرداد ۱۴۰۲

    سلام
    من با اندروید خواستم که سایت paipey.com که خودم با قالب اهورا طراحی اش کرده بودم را اد تو هوم اسکرین کنم،ولی ارور داد

  4. U326251 ۳۰ مرداد ۱۴۰۲

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

  5. U316027 ۲۱ مرداد ۱۴۰۲

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

    • تیم پشتیبانی تیم پشتیبانی ۲۱ مرداد ۱۴۰۲

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

  6. U317638 ۱۸ مرداد ۱۴۰۲

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

    • Reza Rad رضا راد ۲۱ مرداد ۱۴۰۲

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

      • U317638 ۲۵ مرداد ۱۴۰۲

        خیر پولی هست امتحان کنید تمام قابلیت هاش توی پولی هست و فعال نمی شه
        تو سایت های دیگه این افزونه ها رو هم معرفی کردند Super Progressive Web Apps و PWA — easy way to Progressive Web App
        شما چی پیشنهاد می دهید

  7. U326246 ۱۸ مرداد ۱۴۰۲

    می توانید برای همین سایت هم pwa بگذارید چون هر روز یک ساعت میشه من این سایت رو پیدا کنم.

  8. U314314 ۱۷ مرداد ۱۴۰۲

    من نصب کردم اما همچنان از تو مرورگر safari باز میشه مشکل از کجاست؟

  9. U323996 ۱۶ مرداد ۱۴۰۲

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

  10. U641 ۱۵ آبان ۱۴۰۰

    سلام وقت بخیر الان این افزونه به درستی کار نمیکنه یا من موفق نشدم
    ولی خیلی از سایت ها رو که با گوشی ( اندروید و ios ) یک نوار کوچیک چسبان میاد پایین صفحه که نوشته add to home screen من هیچ افزونه یا کدی برای این کار پیدا نکردم لطفا راهنمایی کنید
    تشکر