كيفية إضافة حاسبة مؤشر كتلة الجسم في ووردبريس (خطوة بخطوة)

هل تريد إضافة حاسبة مؤشر كتلة الجسم إلى موقع ووردبريس الخاص بك؟

إذا كنت تقدم محتوى أو منتجات أو خدمات متعلقة بالصحة واللياقة البدنية ، فقد تكون حاسبة مؤشر كتلة الجسم مفيدة حقًا لجمهورك.

في هذه المقالة ، سنوضح لك كيفية إضافة حاسبة مؤشر كتلة الجسم بسهولة في ووردبريس. لا رياضيات أو كود مطلوب!

إضافة حاسبة مؤشر كتلة الجسم إلى موقع ووردبريس الخاص بك

ما هو مؤشر كتلة الجسم ولماذا هو مهم؟

يرمز مؤشر كتلة الجسم إلى مؤشر كتلة الجسم. إنه مقياس تقريبي لدهون الجسم بناءً على الطول والوزن. يمنحك حساب مؤشر كتلة الجسم مؤشرًا سريعًا عما إذا كنت تعاني من نقص الوزن أو زيادة الوزن أو الوزن المناسب لطولك.

إذا كنت قد أنشأت مدونة حول اللياقة البدنية أو الصحة ، فقد يكون من المنطقي تقديم آلة حاسبة لمؤشر كتلة الجسم لزوارك.

يمكن أن تؤدي إضافة حاسبة مؤشر كتلة الجسم إلى موقعك إلى جعل الأشخاص يقضون وقتًا أطول على موقعك. قد ينتهي بهم الأمر بشراء شيء منك ، أو أحد عروضك التابعة.

معاينة نموذج حاسبة مؤشر كتلة الجسم على موقع ويب

إنها أيضًا طريقة جيدة لتشجيع تكرار حركة المرور. إذا كان شخص ما يحاول إنقاص الوزن ، فقد يعود إلى موقعك لمعرفة ما إذا كان مؤشر كتلة الجسم لديه قد تحسن.

كيف أحسب مؤشر كتلة الجسم؟

يمكنك حساب مؤشر كتلة الجسم باستخدام الحساب التالي:

مؤشر كتلة الجسم = كجم / م 2

الكيلوجرام هو وزن الشخص بالكيلوجرام وم 2 هو ارتفاعه بالمتر المربع.

إذا كنت تفضل حساب مؤشر كتلة الجسم باستخدام الوحدات الإمبراطورية ، فيمكنك استخدام الصيغة التالية:

مؤشر كتلة الجسم = [الوزن رطل / ارتفاع بوصة 2 ] × 703

يتراوح مؤشر كتلة الجسم الصحي بين 18.5 و 25. يشير مؤشر كتلة الجسم الذي يقل عن 18.5 إلى أن الشخص يعاني من نقص الوزن ، بينما يشير مؤشر كتلة الجسم الذي يزيد عن 25 إلى زيادة الوزن.

من الواضح أن مطالبة القراء بإخراج الآلة الحاسبة ليست مفيدة للغاية.

يمكنك إضافة آلة حاسبة بسيطة على موقع الويب الخاص بك حيث يمكن للمستخدمين إدخال الطول والوزن ، بحيث يمكن للآلة الحاسبة إظهار مؤشر كتلة الجسم لهم. بهذه الطريقة يظل المستخدمون متفاعلين على موقع الويب الخاص بك ويزيد احتمال تحولهم إلى عميل.

إنشاء حاسبة مؤشر كتلة الجسم في ووردبريس

في هذا البرنامج التعليمي ، سنستخدم المكون الإضافي Formidable Forms . إنها واحدة من أفضل الإضافات الخاصة ببناء نماذج ووردبريس في السوق وتتيح لك إنشاء نماذج متقدمة باستخدام أدوات السحب والإفلات البسيطة.

يأتي مع الكثير من قوالب النماذج والآلات الحاسبة وحقول إعادة الإرسال المتقدمة وأدوات أخرى. يتيح لك ذلك إنشاء نماذج متقدمة تفاعلية للغاية لموقعك على الويب.

أولاً ، ستحتاج إلى التسجيل للحصول على حساب Formidable Forms ، ثم تثبيت البرنامج المساعد وتنشيطه. لمزيد من التفاصيل ، راجع إرشاداتنا حول كيفية تثبيت مكون ووردبريس الإضافي .

عند التنشيط ، تحتاج إلى زيارة Formidable » صفحة النماذج ثم النقر فوق الزر” إضافة جديد “في الجزء العلوي لإنشاء حاسبة مؤشر كتلة الجسم.

إنشاء نموذج جديد لآلة حاسبة لمؤشر كتلة الجسم

بمجرد القيام بذلك ، سترى مجموعة متنوعة من القوالب التي يمكنك استخدامها لإنشاء نموذج.

قم بالتمرير لأسفل للعثور على حاسبة مؤشر كتلة الجسم أو ببساطة اكتب “مؤشر كتلة الجسم” في شريط البحث لتحديد موقعه.

تحميل قالب نموذج حاسبة مؤشر كتلة الجسم

الآن بعد أن حصلت على قالب حاسبة مؤشر كتلة الجسم على الشاشة ، قم بتشغيل مؤشر الماوس فوقه وانقر فوق الزر إنشاء نموذج.

بعد ذلك ، سيُطلب منك تقديم اسم للنموذج ووصف. يمكنك استخدام الاسم الافتراضي وتخطي الوصف إذا كنت تريد ذلك. بمجرد أن تصبح جاهزًا ، انقر فوق الزر “إنشاء”.

اكتب اسمًا لنموذج حاسبة مؤشر كتلة الجسم

بمجرد القيام بذلك ، ستنشئ Formidable Forms تلقائيًا نموذج حاسبة مؤشر كتلة الجسم الخاص بك.

سيتم توجيهك مباشرة إلى عرض “إنشاء” لنموذجك. كما ترى ، لديك النموذج نفسه على الجانب الأيمن من الشاشة. على اليسار ، توجد منطقة حيث يمكنك إضافة أو تعديل حقول النموذج الخاص بك.

طريقة العرض الافتراضية للبناء في النماذج الهائلة

ستعمل حاسبة مؤشر كتلة الجسم بشكل مثالي مع الإعدادات الافتراضية المعمول بها. إذا كنت ترغب في إضافة أي حقول إضافية ، فيمكنك القيام بذلك عن طريق النقر فوق الحقل الموجود على اليسار ، وستتم إضافته تلقائيًا إلى النموذج الخاص بك.

قد ترغب في إزالة صندوق BMI Prime إذا كنت تريد إبقاء النموذج بسيطًا. ليس مطلوبًا لكي يعمل النموذج.

لإزالة الحقل ، ما عليك سوى النقر فوقه ، ثم النقر فوق رمز سلة المهملات.

حذف حقل BMI Prime من النموذج

إذا كنت تريد من المستخدم إرسال النموذج للاطلاع على نتائج مؤشر كتلة الجسم ، فيمكنك أيضًا إزالة حقول نقص الوزن والوزن الصحي والوزن الزائد والسمنة.

ضبط إعدادات حاسبة مؤشر كتلة الجسم

بمجرد أن تصبح راضيًا عن حاسبة مؤشر كتلة الجسم ، انقر فوق علامة التبويب “الإعدادات” في الجزء العلوي من الشاشة.

علامة التبويب “الإعدادات” لنموذج حاسبة مؤشر كتلة الجسم

قد ترغب في إجراء تغييرات هنا. على سبيل المثال ، يمكنك تغيير الرسائل الافتراضية التي تظهر للمستخدمين بعد إرسال النموذج. إذا قمت بالتمرير إلى أسفل الصفحة ، يمكنك رؤية هذه المدرجة في مربع عند الإرسال.

رسائل النماذج الهائلة

عندما يستخدم شخص ما الآلة الحاسبة ، ستظهر نتيجته على النحو التالي:

نتيجة حاسبة مؤشر كتلة الجسم الافتراضية

قد ترغب في تعديل الصياغة لتكون مناسبة لجمهورك.

خيار آخر هنا هو إضافة روابط لمزيد من الإرشادات. على سبيل المثال ، قد يكون لديك محتوى يقدم نصائح حول النظام الغذائي أو التمارين الرياضية.

يمكنك إدخال كود HTML في المربع. لتغيير حجم الخط ولون الخلفية للمربع ، يمكنك استخدام ميزة الأنماط في Formidable Forms. سنأتي إلى ذلك لاحقًا في هذا البرنامج التعليمي.

فيما يلي مثال لرسالة النتيجة مع ارتباط ذي صلة متضمن:

رسالة نتائج مخصصة في أشكال هائلة

نصيحة: المربع حيث يمكنك تعديل رسالة النتائج صغير جدًا. يمكنك نسخ الرسالة من المربع ولصقها في محرر التعليمات البرمجية لتسهيل التحرير. انسخه مرة أخرى في مربع الرسالة عند الانتهاء.

تغيير نص زر حاسبة مؤشر كتلة الجسم

إذا كنت تريد تغيير نص زر النموذج ، فيمكنك القيام بذلك ضمن الإعدادات »التصميم والأزرار .

فقط اكتب النص الذي تريد استخدامه. سنستخدم النص “Show My BMI Range” بدلاً من “See my range!” لنص الزر.

لقد قمنا أيضًا بتغيير “تحديث النتائج” بدلاً من “تحديث” للنص الموجود على الزر الذي يظهر بعد إرسال النموذج في المرة الأولى.

تغيير رسائل زر الإرسال والتحديث في Formidable Forms

تغيير شكل حاسبة مؤشر كتلة الجسم

بشكل افتراضي ، تبدو حاسبة مؤشر كتلة الجسم بسيطة تمامًا. النص أيضًا صغير جدًا ، مثل هذا:

التصميم الافتراضي لنموذج مؤشر كتلة الجسم

يمكنك تغيير نمط النموذج الخاص بك باستخدام ألوان وأحجام خطوط مختلفة وغير ذلك الكثير. للقيام بذلك ، ستحتاج أولاً إلى الانتقال إلى Formidable »Styles في لوحة معلومات ووردبريس الخاصة بك.

علامة تبويب الأنماط للنماذج الهائلة

بعد ذلك ، يمكنك النقر فوق الزر “+ نمط جديد” لبدء إنشاء نمط جديد. بدلاً من ذلك ، يمكنك تحرير النمط الافتراضي الحالي ، إذا كنت تريد استخدام نفس النمط لجميع النماذج الخاصة بك.

سنقوم بصنع نمط جديد فقط لشكل حاسبة مؤشر كتلة الجسم الخاص بنا.

إضافة نمط جديد في الأشكال الهائلة

إذا قمت بالنقر فوق القائمة المنسدلة بجوار علامة التبويب “تسميات الحقول” ، يمكنك تغيير حجم الملصقات في حقول النموذج الخاص بك. سنقوم بتعزيز هذا من 14 بكسل الأصلي إلى 18 بكسل.

تغيير حجم ملصقات الحقول

على يمين الشاشة ، سترى معاينة لتصميم النموذج الخاص بك. أثناء إجراء التغييرات ، سيتم تحديث هذا تلقائيًا.

من المحتمل أن ترغب في زيادة حجم الخط وارتفاع الحقل للحقول نفسها أيضًا ، ضمن “إعدادات الحقل”. يمكنك تغيير حجم أزرار الاختيار (إمبراطوري مقابل متري) ضمن علامة التبويب “خانة الاختيار وحقول الراديو”.

يمكنك أيضًا زيادة حجم خط الزر ضمن علامة التبويب “الأزرار”. يمكنك اختيار لون للزر أيضًا.

إذا كنت تريد تكبير رسالة النتائج أو تغيير لون الخلفية ، فيمكنك القيام بذلك ضمن علامة التبويب “رسائل النموذج”.

بمجرد إجراء جميع التغييرات التي تريدها ، انقر فوق “تحديث” في الجزء العلوي الأيمن لحفظ التغييرات على النمط.

تحديث النمط الجديد الذي قمت بإنشائه

يمكنك بعد ذلك تطبيق النمط على النموذج الخاص بك. أولاً ، انتقل إلى Formidable »Forms ثم ابحث عن النموذج الخاص بك. انقر فوق عنوان النموذج لتعديله ، أو قم بتشغيل المؤشر فوق النموذج وانقر فوق الارتباط “تحرير” الموجود أسفله مباشرةً.

تحرير نموذج حاسبة مؤشر كتلة الجسم الذي قمت بإنشائه

يمكنك بعد ذلك الانتقال إلى علامة التبويب “الإعدادات” والنقر فوق ” التصميم والأزرار” لتعيين أنماط النموذج الخاص بك.

هنا ، يمكنك استخدام القائمة المنسدلة “قالب النمط” لتحديد قالب النمط الجديد الخاص بك. ما عليك سوى النقر فوق القائمة المنسدلة ثم النقر فوق النمط الذي تريد استخدامه.

اختيار نمط حاسبة مؤشر كتلة الجسم من القائمة المنسدلة

الآن ، سيتم تصميم النموذج الخاص بك وفقًا للقالب. إليك كيف تبدو لنا:

نموذج حاسبة مؤشر كتلة الجسم مع تطبيق الأنماط الجديدة

إضافة نموذج حاسبة مؤشر كتلة الجسم إلى موقع الويب الخاص بك

بمجرد أن تصبح جاهزًا ، يمكنك نشر النموذج الخاص بك على موقعك. أولاً ، سترغب في النقر فوق الزر “تحديث” في الجزء العلوي الأيمن لحفظ التغييرات:

تحديث حاسبة مؤشر كتلة الجسم

بعد ذلك ، ستحتاج إلى تعديل منشور أو صفحة موجودة أو إنشاء منشور جديد.

بمجرد القيام بذلك ، يمكنك النقر فوق الزر (+) لإضافة كتلة جديدة. انتقل إلى قسم Widgets وانقر على كتلة Formidable Forms. أو ، إذا كنت تفضل ذلك ، يمكنك استخدام شريط البحث للعثور عليه.

تحديد كتلة Formidable Forms لإضافتها إلى منشورك أو صفحتك

الآن ، يمكنك ببساطة اختيار نموذج مؤشر كتلة الجسم الخاص بك. انقر فوق القائمة المنسدلة “تحديد نموذج” واختر حاسبة مؤشر كتلة الجسم ، مثل هذا:

اختيار النموذج الصحيح من القائمة المنسدلة Formidable Forms

قد ترغب في معاينة صفحتك لترى كيف تبدو آلة حاسبة مؤشر كتلة الجسم النهائية مباشرة على موقعك. هنا لدينا:

عرض حاسبة مؤشر كتلة الجسم على الموقع

إذا كان هناك أي شيء تريد تغييره أو تعديله ، فما عليك سوى الرجوع إلى النموذج الخاص بك في لوحة معلومات ووردبريس. يمكنك أن تجده تحت ” أشكال هائلة” .

كلما قمت بإجراء تغييرات على النموذج الخاص بك ، سيتم تحديثه تلقائيًا في كل مكان على موقعك. لست بحاجة إلى تغيير الرمز القصير أو القيام بأي شيء إضافي.

نأمل أن يساعدك هذا البرنامج التعليمي في تعلم كيفية إضافة حاسبة مؤشر كتلة الجسم في ووردبريس باستخدام Formidable Forms . قد ترغب أيضا مقالاتنا على معظم الحاجيات وورد مفيدة و يجب أن يكون الإضافات وورد لمواقع العمل.

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..