كيفية إنشاء تطبيق باستخدام منشئ صفحات WordPress الشهير – ELEMENTOR
في هذا البرنامج التعليمي ، سنشرح كيف يمكنك إنشاء أو ترقية موقع WordPress الخاص بك إلى تطبيق فعال ومفيد باستخدام محرر صفحة WordPress الشهير – ELEMENTOR.
كل ما هو جديد لإنشاء تطبيقك هو:
1. المكون الإضافي Elementor – ننصح باستخدام الإصدار المحترف لأنه من المهم الحصول على تحديثات للمكوِّن الإضافي elementor ولإصدار elementor pro الكثير من الوظائف التي يمكن أن تساعد في إنشاء تطبيقات مذهلة لنظامي التشغيل iOS و Android.
يمكنك شراء النسخة الاحترافية بالضغط هنا .
2- افتح حسابًا في منصة web2application بالضغط هنا .
قبل أن نتعمق في كيفية البناء فعليًا ، من المهم أن نفهم بضع نقاط عندما يتعلق الأمر بمتاجر تطبيقات iOS و Android ولماذا من المفيد تحويل موقع ويب به عنصر إلى تطبيقات.
بشكل عام ، من الممكن تحويل أي موقع ويب متوافق مع الأجهزة المحمولة إلى تطبيقات مع نظامنا ، ولكن من الناحية العملية ، قد تواجه الموافقة على التطبيق صعوبات لأن Google و Apple تريدان أن تكون التطبيقات مفيدة للمستخدمين وليس مجرد نسخ من مواقع الويب. (متاجر التطبيقات ليست لوحة إعلانية).
بعد كل شيء ، كل من يقوم بتنزيل التطبيقات على هاتفه يعرف بالفعل ما يدور حوله وليس هناك حاجة لأي إعلان ، فهو يبحث عن وظائف أو بيانات.
على سبيل المثال ، ليس هناك فائدة من تحويل موقع ويب المحامي إلى تطبيق فقط ليتمكن الأشخاص من تنزيل التطبيق والاطلاع على خدمات هذا المحامي.
في مثل هذه الحالة ، من المحتمل أن تقوم Google و Apple باستبعاد التطبيق. في Apple ، يسمى هذا القسم 4.2 – التصميم – الحد الأدنى من الوظائف
هذا يعني أنهم لا يفهمون سبب الحاجة إلى الموافقة على التطبيق ، وما هو الفرق من الموقع ، وما هي الفائدة لمستخدمي Apple.
لهذا السبب نقترح استخدام ELEMENTOR لإنشاء تطبيق على Android و iOS.
في WordPress ، يمكنك بسهولة تكرار وفتح صفحات جديدة وبمساعدة Elementor Pro ، يمكنك بسهولة إجراء تغييرات ، بحيث يكون التطبيق مفيدًا ومختلفًا عن موقع الويب العام.
في مثالنا لحالة المحامي ، يمكنك إضافة مدونة إلى الموقع تحتوي على كمية كبيرة من المعلومات ، وإنشاء صفحة جديدة على الموقع ، واستخدام Elementor لإضافة بحث ، ومقالات حديثة ، وما إلى ذلك من أجل إنشاء مدونة فعالة الصفحة الرئيسية. من الممكن أيضًا إضافة نموذج خاص لاستلام المستندات من العميل الذي يحتاج إلى المشورة ، ويضيف منطقة مغلقة للعملاء ، وما إلى ذلك (يتطلب المزيد من المقابس خارج Elementor).
والآن يمكنك البدء في إنشاء تطبيقك. 🙂
الخطوة 1: تصميم التطبيق الخاص بك
نظرًا لأننا نريد إنشاء تطبيق يبدو مختلفًا عن موقعنا المتجاوب ، فأنت بحاجة إلى إعداد صفحات وقائمة تطبيقات خاصة سيتم استخدامها وإظهار التطبيق لها.
أول شيء ، يرجى أخذ ورقة وقلم وكتابة أسماء صفحات التطبيق ومخطط القائمة. التخطيط هو مفتاح التطبيق الناجح.
الخطوة الثانية: تثبيت الإضافات
قم بتثبيت Elementor Pro في موقع WordPress الخاص بك.
أولاً ، تحتاج إلى تثبيت المكون الإضافي المجاني elementor من خلال البحث عن “elementor” في دليل البرنامج المساعد WordPress.
قم بتثبيت المكون الإضافي Web2application في موقع WordPress الخاص بك عن طريق البحث. “Web2application” في دليل البرنامج المساعد WordPress.
يمكنك إنشاء التطبيق دون تثبيت المكون الإضافي الخاص بنا ، وهذا ليس ضروريًا للتثبيت ولكن المكونات الخاصة بنا ستجعل الأمور سهلة الإدارة ، وإرسال إشعار دفع ، وتعيين الارتباط العميق ، وتمكين إشعار الدفع عبر الويب على موقع الويب الخاص بك وما إلى ذلك.
إذا قمت بتثبيت المكون الإضافي الخاص بنا ، فستحتاج إلى إدخال مفتاح API من نظامنا في صفحة الإعداد.
1. انتقل إلى “الإعداد”.
2. حدد وانسخ عنوان URL الخاص بك الذي يعرضه المكون الإضافي “your-domain.com”.
3. تسجيل الدخول إلى حساب web2application الخاص بك وإلى “إعداد الدفع في القائمة اليسرى”.
4. الصق أو اكتب عنوان URL الخاص بك الذي قدمه لك البرنامج المساعد وانقر على “إنشاء API”.
يرجى التأكد من عدم وجود أي مسافات بيضاء في عنوان URL وعند نسخ المفتاح إلى موقع الويب الخاص بك.
5. سيقوم النظام بإنشاء مفتاح API خاص لعنوان URL الخاص بك. انسخه والصقه في إعداد البرنامج المساعد (رقم 6 على الصورة الأولى).
الخطوة 3: افتح صفحات التطبيق على موقع WordPress الخاص بك. (إذا لم يكن لديك)
لفتح صفحة ، انقر فوق القائمة الرئيسية لإدارة موقع WordPress الخاص بك على “الصفحات” ثم على الزر “صفحة جديدة” الموجود أعلاه.
بعد النقر على زر الصفحة الجديدة ، ستتم إعادة توجيهك إلى محرر الصفحة.
فقط أدخل اسم الصفحة واضغط على “نشر”.
بعد النقر فوق “نشر” ، سيكون لديك زر “تحرير باستخدام Elementor”.
الخطوة 4: إنشاء قائمة التطبيق
بالنسبة للقائمة ، لديك خياران يمكنك تحديدهما أو استخدامهما في تطبيقك.
1. إنشاء قائمة خاصة لصفحات التطبيق فقط على موقع WordPress الخاص بك.
2. استخدم قائمة شريط علامات التبويب من نظامنا.
كيفية إنشاء قائمة التطبيقات على موقع WordPress الخاص بك:
في القائمة الرئيسية لإدارة WordPress الخاصة بك ، انقر فوق “المظهر” ثم على القوائم.
ستفتح شاشة القائمة ، ثم انقر على “قائمة جديدة”.
أضف صفحات التطبيق الذي أنشأته إلى القائمة وانقر على “حفظ”.
لإظهار هذه القائمة على صفحات خاصة ، تحتاج إلى تعيين القائمة التي قمت بإنشائها كقائمة الصفحات
انقر فوق “الصفحات” في إدارة WordPress الخاصة بك.
بعد ذلك ، حدد أو قف على الصفحة التي تريد تحريرها وانقر على “تعديل”.
بمجرد فتح شاشة التعديل ، مرر لأسفل إلى قسم “القوائم” وحدد القائمة التي أنشأتها على أنها قائمة الصفحة.
اضغط على “نشر” لحفظ الصفحة.
يمكنك الآن النقر فوق الزر “تحرير” باستخدام Elementor (الزر الأزرق) لتحرير الصفحة ، ولكني أوصي بتحديث جميع الصفحات قبل البدء في تحرير الصفحات لمنع الموقف الذي نسيت تعيين قائمة في إحدى الصفحات.
Web2application أسفل قائمة شريط علامة التبويب
أضفنا خيارًا لإضافة قائمة علامة تبويب بسيطة ومصممة بشكل جميل إلى تطبيقات Android و iOS الخاصة بك والتي ستعرض الروابط الأكثر شيوعًا في تطبيقك.
من السهل جدًا إضافة قائمة علامات التبويب إلى تطبيقاتك.
الرجاء إدخال لوحة تحكم التطبيق في نظامنا واختيار “قائمة التطبيقات” من القائمة الرئيسية الجانبية.
أو إذا قمت بتثبيت المكون الإضافي الخاص بنا ، فأدخل إعداد شريط علامات التبويب في المكون الإضافي web2application.
في هذه الشاشة ، سترى جميع خيارات قائمة شريط علامات التبويب التي يمكنك تكوينها وإنشاء قائمة مثالية للمستخدمين لديك:
1. ضبط ألوان القائمة. يمكنك ضبط خلفية القائمة وروابط القائمة.
ما عليك سوى النقر وتحديد اللون الذي تريده:
2. اتجاه القائمة.
في بعض الأحيان ، وفقًا للغة إعدادات الهاتف ، هناك حاجة لتغيير اتجاه القائمة من اليسار إلى اليمين إلى اليمين واليسار.
بعد إضافة القائمة ، ما عليك سوى التحقق من أن الاتجاه على ما يرام. إذا لم يكن كذلك ، قم بتغيير الاتجاه.
3. قم بتنشيط علامة تبويب خاصة لعرض محفوظات الإخطارات الفورية.
ستتيح علامة تبويب محفوظات الإشعارات الخاصة للمستخدمين النقر والاطلاع على كل إشعارات الدفع التي أرسلتها خلال الأشهر الماضية في حالة فاتتهم.
يمكنك أيضًا تخصيص اسم علامة التبويب للغتك الخاصة عن طريق تغيير عنوان علامة تبويب محفوظات الدفع.
4. إضافة علامات التبويب إلى القائمة الخاصة بك.
تلك هي علامات التبويب الخاصة بقائمتك. يجب أن تحتوي كل علامة تبويب على رابط للصفحة أو الفئة الصحيحة في موقع الويب الخاص بك ، أو الرمز أو الصورة ، وعنوان علامة التبويب ، ورقم لموقعه في القائمة.
من فضلك لا تستخدم عناوين طويلة لأن مساحة علامة التبويب صغيرة.
5. تحرير الارتباط واسم علامة التبويب.
في حالة رغبتك في تعديل اسم علامة التبويب ، يمكنك النقر فوق الزر الأزرق وتعديل تفاصيل علامة التبويب.
من فضلك لا تنسى النقر على الزر الأخضر للموافقة على التغييرات.
6. تعيين الرموز أو تحميل صورة إلى أي علامة تبويب في القائمة.
تحتاج كل علامة تبويب إلى رمز أو صورة يمكنك تحميلها.
من أجل راحتك ، أضفنا لك الكثير من الرموز التي يمكنك الاختيار من بينها ، يمكنك الاختيار من القائمة أو استخدام شريط البحث للبحث عن الرمز الخاص بك.
يرجى ملاحظة أنه ليست هناك حاجة لإعادة إرسال التطبيق إلى google و apple من أجل إضافة أو إزالة قائمة شريط علامات التبويب من التطبيق الخاص بك أو إجراء تغييرات في علامات التبويب.
كل ذلك تلقائيًا في تطبيقك المتميز
الخطوة 5: قم بتحرير محتوى الصفحات
الآن بعد أن أصبح لدينا صفحات وقوائم التطبيق ، يمكنك البدء في إنشاء التطبيق باستخدام ELEMENTOR وتحرير الصفحات. يحتوي كل تحرير صفحة على زر أزرق لتحرير الصفحة باستخدام ELEMENTOR.
لمن لا يعرف العنصر.
يتيح لك ELEMENTOR تحرير الصفحات عن طريق سحب العناصر وإفلاتها من القائمة اليمنى إلى المربعات الموجودة في الصفحة.
من المهم جدًا ، بمجرد إضافة عناصر صفحتك ، التحقق من كيفية ظهور الصفحة في وضع الاستجابة. يتيح ELEMENTOR تصورًا متجاوبًا لصفحة الويب الخاصة بك وإمكانية تحرير الإعدادات المتجاوبة وترتيبها عن طريق التبديل إلى وضع الاستجابة.
بمجرد أن يصبح كل شيء على ما يرام ، انقر فوق حفظ وانتقل إلى الصفحات التالية من التطبيق.
عرض رائع لتطبيق WEB2 في العنصر
في بعض الأحيان تكون الصفحات جاهزة بالفعل ونرغب تمامًا في إخفاء بعض العناصر مثل زر “لتنزيل تطبيقنا”. لقد قاموا بالفعل بتنزيل التطبيق … لا يوجد سبب لضرورة رؤية هذا الزر.
يضيف المكون الإضافي Web2application عنصر واجهة مستخدم خاص إلى elementor والذي سيسمح بإخفاء العناصر في تطبيقاتك فقط. 🙂
1. انتقل إلى الصفحة التي تريد تعديلها وتحريرها باستخدام Elementor.
2. حدد العنصر الذي تريد إزالته في تطبيق iPhone و Android.
3. انتقل إلى خيارات متقدمة> web2app وإزالة العنصر من التطبيقات.
على سبيل المثال – ليست هناك حاجة لإظهار روابط تنزيل متاجر التطبيقات داخل التطبيقات ولكنك تريد عرضها على موقع الويب الخاص بك:
الخطوة 6: اطلب APK للتحقق من تطبيقك على أجهزة Android.
بعد تعيين الصفحات والقوائم وما إلى ذلك ، حان الوقت للتحقق من تطبيق elementor على أجهزة Android. يمكن القيام بذلك باستخدام ملف يسمى APK والذي يمكنك تثبيته على أجهزة Android والتحقق منه.
قبل إرسال التطبيق إلى google play و apple store ، يوصى باختبار التطبيق على جهاز Android حقيقي.
لتثبيت تطبيقك يدويًا على هاتف android ، تحتاج إلى ملف يسمى APK.
بعد أن تطلب منا ملف APK ، سننشئ طلبك ونرسل لك بريدًا إلكترونيًا يحتوي على رابط. (يرجى التحقق من أن رسائل البريد الإلكتروني الخاصة بنا لا تذهب إلى مجلد البريد العشوائي الخاص بك ، يرجى إلغاء تحديد بريدنا الإلكتروني من مجلد البريد العشوائي).
بعد تثبيت التطبيق الخاص بك على جهاز Android الخاص بك ، تحتاج إلى التحقق من عمل الإشعارات الفورية ، وأن قائمة شريط علامات التبويب وجميع الإعدادات الأخرى صحيحة.
يمكن تغيير معظم الميزات باستثناء رمز التطبيق من خلال النظام ، بما في ذلك شاشة البداية الخاصة بالتطبيق ، وسيتم تحديث جميع الإعدادات تلقائيًا عند إغلاق التطبيق وفتحه.
للحصول على ملف APK ، يرجى اتباع الخطوات التالية:
- أدخل لوحة تحكم التطبيق وانتقل إلى “تحرير تفاصيل التطبيق” ، وتحقق من الرمز وشاشة البداية. (الشاشة التي يتم تحميلها عند بدء تشغيل التطبيق).
يرجى ملاحظة أنه لا داعي لجعل الأيقونة مستديرة أو بزوايا.
يقوم النظام بإنشاء أيقونات لجميع إصدارات أندرويد. - إذا كانت الأيقونة لا تبدو جيدة أو ليست بالحجم المناسب ، يمكنك تحميل الملف واقتصاصها.
- تحقق من إعداد إشعار الدفع ، إذا لم تتبع الإرشادات ولم تقم بإعداده بشكل صحيح ، فلن يعمل إشعار الدفع. ( إذا كنت عضوًا مميزًا ، فيرجى الاتصال بالدعم المتميز وسوف يقومون بتعيين إشعار الدفع لك )
- انتقل إلى “طلب Android APK” ، وأجب عن الأسئلة وأرسلها.
- بعد الإرسال ، سوف يستغرق الأمر منا ما يصل إلى 72 ساعة لإنشاء وإرسال رابط إلى ملف APK الخاص بك منا. ( يحصل الأعضاء المميزون على الرابط في أسرع وقت ممكن )
- عندما تحصل على الرابط عبر البريد الإلكتروني ، قم بتنزيله على هاتفك وشغّله. سيطلب معظم الهاتف تنبيهات أمنية. لا بأس ، هذا التنبيه هو إذا تم تثبيته يدويًا وليس من متجر google play.
- استمتع بتطبيقك الجديد ، وعندما يكون الأمر على ما يرام ، تكون مستعدًا للمطالبة بتحميل تطبيقك إلى متجر google play ومتجر apple.
هام: وفقًا لإرشادات Google و Apple ، يجب أن يكون لديك حساب مطور في google و apple من أجل نشر التطبيق في المتجر.
سنساعدك في فتح الحسابات وسنقوم بتحميل تطبيقاتك إلى حساب المطور الخاص بك.
بعد ذلك ، ستحتاج إلى ملء جميع تفاصيل الطلب في حسابك وإرسالها للمراجعة.
جميع التعليمات والمعلومات موجودة داخل نظامنا.
