رسومات تخطيطية لموقع وجهاز لوحي يعرض التصميم النهائي، تعبيرًا عن بناء موقع ووردبريس بالذكاء الاصطناعي.

This article is available in English — Read in English

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

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

ماذا يعني «البناء بالذكاء الاصطناعي» في 2026؟

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

  • منصات مستضافة بالذكاء الاصطناعي: توصف الموقع، والمنصة تولّد الصفحات والتصميم والصور والنصوص، والاستضافة معاها.
  • أدوات شركات الاستضافة: شركات استضافة تولّد لك موقع ووردبريس مبدئيًا عند شراء خطة استضافة.
  • الذكاء الاصطناعي داخل أدوات بناء الصفحات: ميزات ذكاء اصطناعي داخل أداة بتستخدمها أصلًا، مثل Elementor أو Divi.
  • المساعدات العامة ومحررات الكود الذكية: أدوات مثل ChatGPT وClaude وCursor وGitHub Copilot، تُستخدم لتخطيط الموقع وكتابة مسودات المحتوى وكتابة الكود المخصص.

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

الخيارات الحقيقية، أداة أداة

منشئ المواقع بالذكاء الاصطناعي من WordPress.com

تقدم WordPress.com، التابعة لشركة Automattic، منشئ مواقع بالذكاء الاصطناعي ضمن خططها المدفوعة. وحسب صفحتها الرسمية، تكتب وصفًا فيولّد الصفحات والتصميم والصور والنصوص. بعدها تقدر تطلب تعديلات بلغة عادية، مثل قسم رئيسي أغمق أو قسم جديد لآراء العملاء، أو تعدل بإيدك في محرر المكوّنات، وتقدر تتراجع عن تعديلات الذكاء الاصطناعي. وبعد الإطلاق تفضل أداة اسمها WordPress Agent داخل المحرر لكتابة صفحات جديدة وتحديث النصوص وتوليد الصور.

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

أدوات شركات الاستضافة: Hostinger وBluehost

شركات استضافة كتير بقت تولّد موقع ووردبريس كجزء من خطوات الاشتراك:

  • Hostinger AI Website Builder for WordPress يبني موقعًا من وصف واحد، ثم تعدله في محرر المكوّنات الأصلي في ووردبريس. وتقول Hostinger إنه متاح ضمن خطة Business لاستضافة ووردبريس وكل خطط الاستضافة السحابية. ويذكر دليل الدعم عندها أن كل اللغات اللي يدعمها ووردبريس متاحة للموقع المولّد، وأن لوحات الألوان المولّدة تلتزم بمعايير التباين في WCAG.
  • Bluehost WordPress AI Builder، واسمه السابق WonderSuite، يطلب عنوان موقعك ونوعه ووصفًا لنشاطك، ثم يعرض ثلاثة تصميمات ووردبريس مولّدة بالذكاء الاصطناعي للمقارنة. تختار واحدًا وتعدله في محرر ووردبريس. وتقول Bluehost إنه مضمّن في خطط WordPress وWeb Hosting عندها.

Elementor AI وAngie

صفحة الذكاء الاصطناعي عند Elementor بقت متمحورة حول Angie، اللي تصفها Elementor بأنها ذكاء اصطناعي وكيلي (agentic) لووردبريس. توصف الصفحة اللي عايزها، وAngie تبنيها كمحتوى Elementor حقيقي قابل للتعديل، بالأقسام والمحتوى والتنسيق. وتقدر كمان تولّد نظام تصميم مبدئيًا من الفئات والمتغيرات (Classes وVariables) من بيانات علامتك التجارية أو من لقطة شاشة. النماذج والحلقات الديناميكية اللي تبنيها Angie تحتاج Elementor Pro. وتذكر Elementor أيضًا Angie Code للودجات والأكواد المخصصة، وElementor MCP اللي يربط أدوات مثل Claude وCursor وCodex بموقعك على Elementor. وتقول Elementor إن لـ Angie خطة مجانية برصيد ذكاء اصطناعي يتجدد يوميًا.

Divi AI

تقول Elegant Themes إن Divi AI يقدر يولّد مواقع وصفحات كاملة من وصف، ويكتب النصوص ويحسّنها، ويولّد الصور ويعدلها، ويكتب HTML وCSS وJavaScript داخل وحدة الكود في Divi. وأداة Divi Quick Sites تولّد موقعًا كاملًا بتنسيقات عامة وقوالب، أما Divi AI Agent الأحدث فيسمح لك ببناء وإدارة الصفحات والقوائم وقوالب Theme Builder من خلال الدردشة داخل Visual Builder. وDivi AI يُباع ضمن عروض Elegant Themes المدفوعة، فراجع الأسعار الحالية على موقعهم.

لبنات الذكاء الاصطناعي في ووردبريس 7.0

صدر ووردبريس 7.0 «Armstrong» في 20 مايو 2026، وأضاف عميل الذكاء الاصطناعي (WP AI Client) وشاشة الموصلات (Connectors) لإدارة مزودي الذكاء الاصطناعي، فوق واجهة القدرات (Abilities API) اللي جت في 6.9. ولا شيء من ده يبني لك موقعًا. ده أساس يسمح للإضافات بالتواصل مع نماذج الذكاء الاصطناعي بطريقة موحدة. وإضافة AI الرسمية على wordpress.org مبنية عليه، وفيها تجارب اختيارية لاقتراح العناوين والمقتطفات والنص البديل للصور ووصف الميتا والروابط المختصرة (slugs)، بالإضافة لترجمة كتل الفقرات والعناوين. وشرحنا التفاصيل في دليلنا عن الذكاء الاصطناعي في ووردبريس 7.0، فهنا هنركز على عملية البناء نفسها.

المساعدات العامة ومحررات الكود الذكية

مساعدات الدردشة مثل ChatGPT وClaude مفيدة حتى قبل ما تفتح ووردبريس: تخطيط خريطة الموقع، وكتابة هياكل الصفحات، وأول مسودة للنصوص. ومحررات الكود الذكية مثل Cursor أو GitHub Copilot تساعد المطور يكتب قالبًا بالمكوّنات (block theme) أو مكوّنًا مخصصًا أو إضافة صغيرة أسرع. الأدوات دي مرنة، لكنها لا تعرف موقعك، وأي كود تكتبه يبقى مسؤوليتك أنت أول ما يتحط على السيرفر.

مقارنة الخيارات جنبًا إلى جنب

الخيار الأنسب لـ التعديل بعد التوليد انتبه إلى
منشئ المواقع من WordPress.com المدونات ومعارض الأعمال ومواقع الخدمات والشركات بالأوامر النصية أو بمحرر المكوّنات لا متاجر في مسار البناء بالذكاء الاصطناعي، ويحتاج خطة مدفوعة
أداة Hostinger لووردبريس بداية سريعة على استضافة Hostinger محرر المكوّنات متاحة في خطط استضافة محددة فقط
Bluehost WordPress AI Builder الاختيار بين ثلاثة تصميمات مولّدة محرر ووردبريس متاحة بعد شراء خطة استضافة
Elementor مع Angie المواقع المبنية أصلًا على Elementor محرر Elementor النماذج والحلقات تحتاج Elementor Pro، وحدود رصيد في الخطة المجانية
Divi AI مستخدمو Divi والوكالات Divi Visual Builder منتج مدفوع، ويربط موقعك بـ Divi
ChatGPT وClaude وCursor وCopilot التخطيط ومسودات النصوص والكود المخصص أي حاجة، لأنك بتلصق الناتج بنفسك لا تعرف موقعك، والكود لازم يتراجع

ما الذي يجيده الذكاء الاصطناعي؟

  • المسودات الأولى. صفحة رئيسية مبدئية، وصفحة «من نحن»، وأوصاف الخدمات. تجاوز الصفحة البيضاء هو المكان اللي الذكاء الاصطناعي بيوفر فيه أكبر وقت.
  • التخطيطات (Layouts). أدوات مثل Elementor وDivi والمنصات المستضافة تقدر تطلع هيكل أقسام معقول بسرعة، وبعدين أنت تظبطه.
  • هيكلة المحتوى. اطلب من مساعد خريطة موقع أو هيكل صفحة بناءً على خدماتك، وغالبًا هيديك نقطة بداية منطقية.
  • الكود المتكرر. تسجيل نوع محتوى مخصص، أو نمط مكوّنات (block pattern)، أو هيكل ملف theme.json. الكود المتكرر اللي ماشي على أنماط موثقة مناسب جدًا.
  • البدائل. خمسة اقتراحات لعنوان، وثلاث لوحات ألوان، وفكرتين لتصميم نفس القسم. الذكاء الاصطناعي شاطر في أنه يديك اختيارات تتفاعل معاها.

أين يقصّر الذكاء الاصطناعي حتى الآن؟

النصوص العربية واتجاه الصفحة من اليمين لليسار

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

ويوصي W3C بتحديد الاتجاه على عنصر html باستخدام dir="rtl" عندما يكون اتجاه المستند كله من اليمين لليسار. وقوالب ووردبريس تقدر تستخدم is_rtl() لتحميل تنسيقات RTL، وخصائص CSS المنطقية الحديثة تريحك من أغلب شغل عكس الاتجاه:

.card {
  margin-inline-start: 1rem;
  padding-inline-end: 1.5rem;
  text-align: start;
}

أدوات الذكاء الاصطناعي كثيرًا ما تكتب margin-left وtext-align: left بدلًا من كده، وده بيبوظ الشكل في العربي. اعرض كل صفحة مولّدة بالعربي، وعلى موبايل، قبل ما توافق عليها.

إمكانية الوصول

المتوقع من نواة ووردبريس والإضافات الرسمية أن تلتزم بمعايير WCAG 2.2 عند المستوى AA. والتصميمات المولّدة لا تصل لهذا المستوى تلقائيًا. أشهر المشاكل: عناوين متختارة على حسب حجم الخط مش ترتيبها، وأزرار هي في الحقيقة عناصر div متنسقة، وحقول نماذج من غير تسميات، ونص بتباين ضعيف فوق الصور، ونص بديل فاضي أو عام. جرّب الموقع بلوحة المفاتيح لوحدها، وشغّل أداة فحص إمكانية الوصول على كل قالب.

الأداء والسرعة

أهداف جوجل في مؤشرات Core Web Vitals هي: LCP خلال 2.5 ثانية أو أقل، وINP خلال 200 مللي ثانية أو أقل، وCLS بقيمة 0.1 أو أقل، وتُقاس عند الشريحة المئوية 75. وأدوات البناء بالذكاء الاصطناعي تميل لإضافة صور مولّدة كبيرة، وأقسام زيادة، وحركات، وأكثر من خط. وكل واحدة منها بتاكل من السرعة. اضغط الصور، واحذف الأقسام اللي مش محتاجها، واكتفِ بعائلة خطوط أو اثنتين. ودليلنا عن تسريع مواقع ووردبريس العربية فيه التفاصيل.

أمان الكود المولّد

دليل مطوري ووردبريس واضح جدًا: لا تثق في أي بيانات، ونقِّ المدخلات، واهرب المخرجات (escape) في آخر لحظة ممكنة، واعتمد على دوال ووردبريس نفسها. وكود الذكاء الاصطناعي أحيانًا بيتخطى الخطوات دي، خصوصًا في الأكواد السريعة. مثال متكرر:

<?php
// Risky: prints user input as-is
echo $_GET['name'];

// Safer: sanitize on input, escape on output
$name = sanitize_text_field( wp_unslash( $_GET['name'] ?? '' ) );
echo esc_html( $name );

وراجع كمان غياب الـ nonces في النماذج، وغياب فحص الصلاحيات في إجراءات لوحة التحكم، ومفاتيح API مكتوبة مباشرة في ملفات القالب. ولو هتضيف إضافات ذكاء اصطناعي كجزء من البناء، اقرأ قائمة المراجعة بتاعتنا عن حماية إضافات الذكاء الاصطناعي في ووردبريس.

الترخيص والملكية

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

صوت العلامة التجارية

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

إنشاء موقع ووردبريس بالذكاء الاصطناعي: طريقة عمل عملية

  1. اكتب ملخصًا من صفحة واحدة الأول. الموقع لمين، والزائر المفروض يعمل إيه (يتصل، يحجز، يشتري، يكلمك على واتساب)، وبأي لغات، والخمس أو سبع صفحات اللي محتاجها. الذكاء الاصطناعي بيطلع نتيجة أحسن بكتير من ملخص واضح.
  2. استخدم مساعدًا في التخطيط. اطلب خريطة موقع وهياكل الصفحات وقائمة بالأسئلة اللي العملاء بيسألوها. وعدّل النتيجة لحد ما تطابق طريقة شغلك الفعلية.
  3. اختار أداة بناء واحدة. استعن بالجدول اللي فوق. لو أنت أصلًا على Elementor أو Divi، استخدم الذكاء الاصطناعي بتاعهم. ولو بتبدأ من الصفر ومش محتاج متجر، فالمنصة المستضافة أو أداة شركة الاستضافة أسرع بداية.
  4. ولّد على نسخة تجريبية، مش على الموقع الحي. لو بتستبدل موقعًا موجودًا، اشتغل على نسخة staging واحتفظ بنسخة احتياطية.
  5. استبدل النصوص. أعد كتابة كل عنوان وكل فقرة بكلامك. وفي العربي، اكتب النسخة العربية مباشرة أو خلّي كاتبًا عربيًا يكيّفها. ولا تنشر ترجمة آلية.
  6. ظبّط التصميم للعربي وللموبايل. افحص كل صفحة بالعربي على موبايل حقيقي. بص على الأيقونات والأسهم والقوائم والنماذج والجداول.
  7. اعمل مراجعة لإمكانية الوصول. ترتيب العناوين، والتباين، وتسميات الحقول، والتنقل بلوحة المفاتيح، ونص بديل يوصف الصورة بلغة الصفحة.
  8. راجع أي كود مولّد. التنقية، والهروب، والـ nonces، وفحص الصلاحيات، ومفيش مفاتيح مكتوبة في الكود. ولو مش قادر تحكم على ده بنفسك، خلّي مطورًا يراجعه.
  9. قِس السرعة. اختبر الصفحات المهمة بأداة PageSpeed Insights، وحل أكبر المشاكل قبل الإطلاق.
  10. جهّز الأساسيات. إضافة سيو، وخريطة موقع، وأداة تحليلات، ونسخ احتياطية، وتحديثات، وإضافة حماية أو جدار ناري.

نظرة واقعية على التكلفة والوقت

مش هنديك سعرًا ولا عدد ساعات، لأن الاثنين بيعتمدوا على الأداة والخطة والموقع. اللي نقدر نقوله من مشاريع حقيقية هو الوقت بيروح فين:

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

متى تحتاج مطورًا رغم كل هذه الأدوات؟

أدوات الذكاء الاصطناعي كافية لموقع تعريفي بسيط أو معرض أعمال أو مدونة، لو أنت مستعد تعمل شغل المراجعة بنفسك. لكن استعن بمطور في الحالات دي:

  • محتاج متجر ووكومرس ببوابات دفع محلية وقواعد شحن وفواتير ضريبة القيمة المضافة.
  • الموقع ثنائي اللغة عربي وإنجليزي، ولازم يتظبط صح للغتين ولجمهور البحث في الاثنين.
  • محتاج وظائف مخصصة: حجوزات، أو عضويات، أو ربط مع نظام CRM أو ERP، أو مكوّنات مخصصة.
  • ولّدت كودًا ومش قادر تحكم إذا كان آمنًا.
  • السرعة أو إمكانية الوصول أو نتائج السيو بتفرق مع شغلك، ومحتاج حد مسؤول عنها.
  • بتنقل موقعًا موجودًا عليه زيارات مش مستعد تخسرها.

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

أسئلة شائعة

هل يقدر الذكاء الاصطناعي يبني موقع ووردبريس كاملًا لوحده؟

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

ما أفضل أداة ذكاء اصطناعي لموقع عربي؟

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

هل ووردبريس 7.0 يبني المواقع بالذكاء الاصطناعي؟

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

هل الكود المولّد بالذكاء الاصطناعي آمن على موقع حي؟

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

كلمة أخيرة

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

المراجع