كيفية إضافة ألعاب متصفح مجانية إلى موقعك على ووردبريس - بدون الحاجة إلى كتابة أكواد برمجية

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

يُقدّم Games I Know ألعاب متصفح خفيفة الوزن مثل Tic Tac Toe و Four in a Row و Bingo و I Know. باستخدام إضافة ووردبريس Embed Browser Games by Games I Know، يُمكنك إضافة هذه الألعاب عبر مُحرّر الكتل أو باستخدام رمز مختصر بدلاً من لصق كود HTML iframe يدويًا.

إجابة سريعة: كيف تضيف الألعاب إلى ووردبريس؟

قم بتثبيت ألعاب المتصفح Embed من Games I Know، وأضف مُعرّف الشريك الخاص بك في Games I Know > الإعدادات، وأدرج كتلة لعبة Games I Know أو رمز `[gamesiknow]` المختصر، وعاين الصفحة على سطح المكتب والهاتف المحمول، ثم انشرها. سيتمكن الزوار من اللعب مباشرةً في المتصفح دون الحاجة إلى تنزيل أي تطبيق.

لماذا إضافة ألعاب المتصفح إلى موقع ووردبريس؟

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

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

لمن هذا مفيد؟

• المدونون الذين يرغبون في منشورات مدونة تفاعلية
• المدارس والمعلمون يديرون صفحات أنشطة الفصل الدراسي
• مواقع الويب المجتمعية ومواقع العضوية
• صفحات QR للمطاعم وغرف الانتظار
• الشركات المحلية تضيف لمسة تفاعلية بسيطة
• وكالات تقوم ببناء مواقع ووردبريس للعملاء
• دور النشر المتخصصة ومراكز الموارد
• بوابات داخلية للفريق تتضمن نشاط استراحة قصيرة

ما هو GamesIKnow Embed؟

GamesIKnow Embed هي منصة embed من Games I Know. تتيح هذه المنصة لأصحاب المواقع الإلكترونية إضافة ألعاب متصفح قابلة للعب إلى مواقعهم عبر روابط iframe الآمنة. بالنسبة لمستخدمي ووردبريس، تُضيف الإضافة الرسمية - Embed Browser Games by Games I Know - شاشة إعدادات، وكتلة غوتنبرغ، ورمزًا مختصرًا، ومنشئ رموز مختصرة، مما يُغنيك عن كتابة كود HTML iframe يدويًا.

تشمل ميزات الإضافة المؤكدة كتلة الألعاب Games I Know، والرمز المختصر `[gamesiknow]`، وإعدادات Games I Know > لمعرف الشريك والسلوك الافتراضي لـ embed، ومنشئ الرموز المختصرة Games I Know > لإنشاء رموز مختصرة جاهزة للنسخ. معرف الشريك مطلوب: بدونه، لن يتم تحميل الألعاب في embed وiframe. يربط هذا موقع ووردبريس الخاص بك بحساب الشريك Games I Know والنطاق المعتمد.

خطوة بخطوة: إضافة لعبة متصفح إلى ووردبريس

1. قم بتسجيل الدخول إلى لوحة تحكم إدارة ووردبريس الخاصة بك.
2. افتح الإضافات > أضف جديد.
3. ابحث عن "Embed ألعاب المتصفح بواسطة Games I Know".
4. انقر على "التثبيت الآن"، ثم "التفعيل".
5. افتح Games I Know > الإعدادات في قائمة الإدارة على اليسار.
6. المطلوب: انقر فوق الحصول على معرف الشريك، وقم بتسجيل الدخول في Games I Know، وانسخ معرف الشريك الخاص بك من علامة التبويب "تثبيت"، والصقه في حقل "معرف الشريك"، ثم انقر فوق "حفظ معرف الشريك".
7. اختياري: قم بتمكين التحميل الكسول افتراضيًا والسماح بوضع ملء الشاشة افتراضيًا إذا كانت هذه الأمور تتوافق مع الطريقة التي تريد أن تتصرف بها الألعاب في الواجهة الأمامية.
8. أنشئ منشورًا أو صفحة جديدة، أو عدّل منشورًا أو صفحة موجودة.
9. قم بإدراج كتلة اللعبة Games I Know من أداة إدراج الكتل، أو أضف رمزًا مختصرًا مثل [gamesiknow game="tic-tac-toe"].
10. اختر خيارات اللعبة والتصميم في الشريط الجانبي للكتلة أو سمات الرمز المختصر.
11. استعرض الصفحة على سطح المكتب والهاتف المحمول. تأكد من تحميل اللعبة iframe وأنها تتمتع بارتفاع كافٍ.
12. انشر الصفحة أو حدّثها.

أضف لعبة باستخدام كتلة ووردبريس

تُضيف الإضافة كتلةً باسم "Games I Know Game" إلى مُحرر الكتل في ووردبريس. افتح منشورًا أو صفحة، وانقر على مُدرج الكتل (+)، وابحث عن "Games I Know"، ثم أضف الكتلة. استخدم الشريط الجانبي للكتل لاختيار خيارات اللعبة، والسمة، والوضع، والعرض، والارتفاع، والمحاذاة، ونصف قطر الحدود، والظل، والتحميل الكسول، ووضع ملء الشاشة.

يظهر هذا الجزء من الكود في واجهة المستخدم فقط. في المحرر، ستجد بطاقة ملخص وما يعادلها من رمز مختصر، مما يساعدك على فهم ما سيظهر بعد النشر. إذا كان مُعرّف الشريك مفقودًا، فسيظهر تحذير في المحرر ولن يتم تحميل الألعاب في واجهة المستخدم حتى تقوم بحفظ مُعرّف الشريك في Games I Know > الإعدادات.

أضف لعبة باستخدام رمز مختصر

إذا كنت تفضل استخدام الرموز المختصرة، أو كنت بحاجة إليها في مناطق التحرير الكلاسيكية، أو الأدوات، أو أدوات إنشاء الصفحات التي تدعم الرموز المختصرة، فاستخدم `[gamesiknow]`. تتضمن الإضافة أيضًا Games I Know > Shortcode Builder، الذي يُنشئ رموزًا مختصرة جاهزة للنسخ من لوحة تحكم ووردبريس.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

أسماء الألعاب المدعومة هي: `tic-tac-toe`، و`four-in-a-row`، و`bingo`، و`i-know`. وتشمل السمات الاختيارية: `width`، و`height`، و`max_width`، و`align`، و`theme`، و`mode`، و`campaign_id`، و`border_radius`، و`shadow`، و`lazy`، و`allow_fullscreen`.

أين يجب وضع الألعاب على موقع ووردبريس؟

• في نهاية منشور المدونة كنشاط ذي صلة
• في صفحة مخصصة للعب أو الأنشطة
• في صفحة موارد الفصل الدراسي أو المدرسة
• في مركز مجتمعي أو صفحة حدث
• في قسم من صفحة الهبوط بعرض كافٍ
• في صفحة المطعم أو غرفة الانتظار
• صفحة أنشطة للأطفال
• في منطقة محتوى واسعة أو كتلة بعرض كامل

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

أي لعبة يجب أن تضيفها أولاً؟

• Tic Tac Toe — الأفضل للعب السريع والبسيط والاختبارات الأولية
• Four in a Row — الأفضل للاستراتيجية الخفيفة والصفحات المناسبة للعائلة
• Bingo — الأفضل للمجموعات والفصول الدراسية والفعاليات
• I Know — الأفضل للتفاعل على غرار المسابقات والألغاز

دليل iframe مقابل البرنامج المساعد WordPress

يمكنك إنشاء الألعاب يدويًا باستخدام HTML أو استخدام إضافة ووردبريس. بالنسبة لمعظم مستخدمي ووردبريس غير التقنيين، تُعد الإضافة الخيار الأسهل لأنها تتولى إدارة واجهة المستخدم، والرموز المختصرة، والإعدادات، وروابط URL الآمنة نيابةً عنك.

نصائح قبل النشر

• معاينة المنتج على الهاتف المحمول وجهاز الكمبيوتر قبل النشر.
• أضف عنوانًا قصيرًا أعلى اللعبة حتى يعرف الزوار ما يجب عليهم فعله.
• اشرح النشاط في جملة واحدة - على سبيل المثال، "العب جولة سريعة أثناء القراءة".
• تجنب تكديس عدد كبير جدًا من عناصر embed الخاصة بالألعاب المباشرة على صفحة واحدة.
• أعد الاختبار بعد تغيير القوالب أو أدوات إنشاء الصفحات.
• استخدم عناوين ألعاب واضحة وعناوين iframe لتسهيل الوصول.
• حافظ على محتوى الصفحة المحيط مفيدًا حتى تظل الصفحة سهلة القراءة للبحث.

استكشاف الأخطاء وإصلاحها

اللعبة غير ظاهرة

تأكد من تفعيل الإضافة، ونشر الصفحة، واستخدامك لكتلة اللعبة Games I Know أو رمز `[gamesiknow]` المختصر الصحيح. تحقق من أن قالب موقعك أو أداة إنشاء الصفحات لديك تسمح بعرض مخرجات iframe في واجهة المستخدم.

يظهر الرمز المختصر كنص عادي

لا يُشغّل ووردبريس الرموز المختصرة إلا في مناطق المحتوى المُخصصة لمعالجتها. إذا رأيت نصًا حرفيًا مثل `[gamesiknow]`، فانتقل إلى استخدام كتلة الرموز المختصرة، أو دعم الرموز المختصرة الكلاسيكي، أو أداة إنشاء المواقع التي تُشغّل الرموز المختصرة.

الكتلة غير مرئية في المحرر

ابحث في مُدخِل الكتل عن "Games I Know Game". إذا لم يظهر بعد، فتأكد من أن "Embed Browser Games by Games I Know" مُفعّل وأنك تستخدم مُحرِّر الكتل.

تظهر اللعبة الخاطئة

تحقق من اسم اللعبة في الشريط الجانبي للكتلة أو الرمز المختصر. القيم المدعومة هي: `tic-tac-toe`، `four-in-a-row`، `bingo`، و`i-know`.

تبدو اللعبة صغيرة جدًا على الهاتف المحمول

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

أسئلة حول هوية الشريك

يلزم وجود معرّف شريك لتحميل الألعاب. افتح Games I Know > الإعدادات، ثم انقر على "الحصول على معرّف الشريك"، وسجّل الدخول إلى Games I Know، وانسخ القيمة من علامة تبويب "التثبيت" في لوحة تحكم الشركاء، والصقها في حقل "معرّف الشريك"، ثم انقر على "حفظ معرّف الشريك". تأكد أيضًا من الموافقة على نطاق موقع WordPress الخاص بك في لوحة تحكم الشركاء.

يتداخل مُنشئ الصفحات أو القالب مع embed

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