# إنشاء موقع مطعم باستخدام WordPress

URL: https://canvaswp.com/ar/guides/build-a-restaurant-website-with-wordpress/
Updated: 2026-11-03

الدليل

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

نُشر في 5 سبتمبر 2026 آخر تحديث 3 نوفمبر 2026 كتبه فريق Canvas في SemiColonWeb

## الخطوة 1: تجهيز WordPress

يعتمد موقع المطعم على ثلاثة إعدادات في WordPress أكثر من معظم المواقع، لذا اضبطها قبل أن تعدّل التصميم.

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

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

[المتطلبات والنسخ الاحتياطية قبل الاستيراد](https://canvaswp.com/ar/guides/import-a-wordpress-demo-website/#before)

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

## الخطوة 2: ثبّت Canvas وشغّل معالج الإعداد

ارفع ملف القالب المضغوط (zip) من لوحة التحكم ضمن المظهر ← القوالب ← إضافة جديد، ثم فعّله. يفتح معالج الإعداد تلقائيًا، وهو سريع في هذا المشروع.

- **فعّل الترخيص أولًا.** ألصق المفتاح من لوحة التحكم. فهو ما يتيح للمعالج تنزيل حزمة المطعم في الخطوة التالية.
- ابحث عن **Italian Restaurant** في خطوة العروض التوضيحية. تسرد بطاقته الصفحات والمقالات والأطباق التي سيضيفها قبل أن تقرر.
- **تتخطى خطوة الإضافات نفسها تلقائياً.** لا يحتاج تصميم المطعم إلى أي شيء غير Canvas والإضافة المرافقة التي يثبّتها لك المعالج.

إذا أغلقت المعالج في منتصف الطريق، فسيبقى منتظرًا ضمن قائمة Canvas حتى تعود.

**خطوة اختيار العرض.** ابحث بالاسم، ثم اقرأ ما تذكره البطاقة عمّا يقدّمه العرض.

[ما تفعله كل خطوة من خطوات معالج الإعداد البالغ عددها 9](https://canvaswp.com/ar/setup-wizard/)

## الخطوة 3: استيراد العرض التوضيحي للمطعم

افتح [المعاينة المباشرة](https://demos.canvaswp.com/restaurant/) لعرض Italian Restaurant التوضيحي قبل استيراده، وانتقل منها إلى صفحة القائمة وصفحة الحجوزات. تعمل المعاينة على القالب نفسه الذي تقوم بتثبيته، لذا ما يعمل هناك سيعمل لديك.

### على مستوى الموقع، في موقع جديد

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

### ما الذي يصلك

- 6 صفحات من الصفحة الرئيسية إلى القائمة وصفحة القصة وصفحة الاتصال
- 6 منشورات مدونة مع فئاتها، حتى لا يبقى قسم الأخبار فارغًا في اليوم الأول
- 50 طبقًا، كلٌّ منها سجلّ Menu Item خاص به
- شريحة عرض، ونموذج حجز يعمل، وقائمتا تنقل مُسندتان إلى موقعيهما.
- تصاميم الترويسة والتذييل وعنوان الصفحة، كلٌّ منها سجلٌ قابل للتحرير
- صور الطعام المنسوخة إلى مكتبة الوسائط الخاصة بك

**الصفحة الرئيسية بعد الاستيراد.** محتوى حقيقي جاهز لاستبداله بمحتواك.

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

[النطاقات ومراحل الاستيراد والتراجع، شُرحت مرة واحدة](https://canvaswp.com/ar/guides/import-a-wordpress-demo-website/)

## الخطوة 4: استبدل كلمات العرض التوضيحي وصوره

افتح الصفحة الرئيسية من قسم الصفحات. يرسم المحرر الترويسة والشريحة وشريط عنوان الصفحة والتذييل حول محتواك كما سيراها الزائر، فتكتب عبارة الترحيب والصفحة الحقيقية تحيط بها.

### انقر، اكتب، ثم استبدل

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

### اذكر الشيء المحدد

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

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

**تحرير الصفحة الرئيسية.** ما تراه أثناء الكتابة هو ما يظهر للزائر.

## الخطوة 5: إنشاء قائمة الطعام

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

### عدّل الأطباق لا الصفحة

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

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

### جمّع عناصر القائمة كما يفعل المطبخ

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

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

انشر الأسعار كأرقام يستطيع مطبخك الالتزام بها لموسم كامل. فالقائمة التي لم تُحدَّث منذ ثلاثة أشهر تُلحق ضررًا أكبر من قائمة أبسط مما كنت تريد.

## الخطوة 6: استقبل الحجوزات باستخدام نموذج

يتضمن العرض التوضيحي نموذجًا يعمل. النموذج في Canvas هو سجل مبني من الكتل: كتلة Form تحتوي على الحقول، وكتلة Form Field تُعرّف كل حقل، وكتلة Form Submit Button ترسله، وكتلة Form Embed تضع النموذج الجاهز في أي صفحة.

### الحقول التي يحتاجها الحجز

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

### أين تذهب الطلبات

يأتي نموذج الحجز في العرض التوضيحي بحقول للاسم ورقم الهاتف والبريد الإلكتروني، ومنتقي تاريخ يعطّل الأيام الماضية، وقائمة للوقت، وقائمة لعدد الأفراد. يحفظ كل طلب في جدول على موقعك، ويظهر ضمن Submissions في لوحة التحكم في WordPress. لا يرسل رسائل بريد إلكتروني إلى أحد بعد: افتح النموذج، وفعّل خيار Send Email Notification في تبويب Actions، واضبط العنوان ليكون عنوانًا يقرؤه أحد أفراد الفريق خلال ساعات الخدمة. ثم احجز طاولة لنفسك وتأكد من وصول الرسالة.

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

تأتي 83 من العروض التوضيحية البالغ عددها 88 مزوّدًا باستمارة عاملة واحدة على الأقل، لذا تعدّل في معظم الأحيان استمارةً والربط مكتمل.

## الخطوة 7: تعيين الترويسة وساعات العمل وبيانات الاتصال

الترويسة هي المكان الذي يبحث فيه الزائر الجائع عن رقم الهاتف، والتذييل هو المكان الذي يبحث فيه عن العنوان. كلاهما مكوّن من كتل في Canvas، ويُحرَّران بالطريقة نفسها التي تُحرَّر بها الصفحة.

### الترويسة

يحتوي سجل الترويسة على مناطق، والمنطقة خلية في صف الترويسة. ضع الشعار في الأولى، والتنقل في الوسط، وفي الأخيرة ضع Header Icon Link مع رقم هاتفك بجانب Header Button نصه «احجز طاولة». وتحمل كتلة Header Info العنوان أو ساعات العمل عند توفر مساحة لها.

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

### ساعات العمل في التذييل

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

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

[منشئ الترويسة والتذييل كاملاً](https://canvaswp.com/ar/header-builder/)

[مقارنة العروض التوضيحية الأربعة للمطاعم](https://canvaswp.com/ar/wordpress-themes/restaurant/)

## الخطوة 8: تحقّق منه، ثم افتح

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

- **أرسل حجزًا تجريبيًا حقيقيًا** من هاتفك مع إيقاف تشغيل شبكة الواي فاي في المطعم، ثم تأكّد من وصول الإشعار.
- **اقرأ كل صفحة على الهاتف.** معظم من يبحثون عن عشاء الليلة يكونون على أقدامهم.
- **تحقق من العنوان ورقم الهاتف وساعات العمل** في كل صفحة تكررها، بما في ذلك التذييل.
- **اكتب النص البديل** للصور. يفيد ذلك من يستخدمون قارئ الشاشة، ويقرؤه محرك البحث مع الصفحة ليفهم طبيعة صالة الطعام لديك.
- **راجع شاشة SEO.** يستخرج Canvas العناوين والأوصاف وبطاقات المشاركة والبيانات المنظمة من محتواك المنشور، لذا يكمن العمل هنا في جعل المحتوى محددًا، لا في ملء مجموعة ثانية من الحقول.
- **فعّل مفاتيح الأداء** التي تحتاجها. توجد 35 تحسينًا. كلٌّ منها قابل للتراجع، ويحمّل قدرًا أقل من المحتوى الذي لا تستخدمه صفحاتك أبدًا.

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

## المصادر

عندما يصف هذا الدليل أمرًا خارج Canvas نفسه، فهذه هي الصفحات الرسمية التي توثّقه.

- [شاشة الإعدادات العامة](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · حيث يحفظ WordPress عنوان الموقع والوصف المختصر، مع المنطقة الزمنية في الشاشة نفسها
- [شاشة الروابط الدائمة ضمن الإعدادات](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · بنية اسم المقالة، التي تمنح كل صفحة عنوانًا قصيرًا وسهل القراءة
- [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · يُسلّم WordPress البريد إلى دالة mail() في PHP افتراضيًا، والإرسال الناجح لا يثبت وصول الرسالة.
- [دليل الصور](https://www.w3.org/WAI/tutorials/images/) w3.org · تقرأ قارئات الشاشة النص البديل للصورة بصوت مرتفع
- [الإرشادات العامة للبيانات المنظَّمة](https://developers.google.com/search/docs/appearance/structured-data/sd-policies) developers.google.com · يجعل الترميز الصحيح النتيجة الغنية ممكنة، وتقرر Google ما إذا كانت ستعرضها

الخطوات التالية

## الخطوات التالية

دليلان للعمل الذي يلي الإطلاق، والعرض التوضيحي الذي يقف خلف هذا الدليل.

[الدليل **إنشاء متجر WooCommerce** ما الذي يتغيّر عندما يكون العرض التوضيحي الذي تستورده متجرًا فعليًا.](https://canvaswp.com/ar/guides/start-a-woocommerce-store-with-wordpress/) [الدليل **كتابة نصوص الموقع بالذكاء الاصطناعي** اضبط وصف النشاط التجاري مرة واحدة، ثم أنشئ المحتوى داخل الحقل الذي تعدّله.](https://canvaswp.com/ar/guides/write-website-copy-with-ai-in-wordpress/) [المنتج **قوالب المطاعم** العرض التوضيحي الذي يبدأ منه هذا الدليل، مع معاينة صفحة تلو الأخرى.](https://canvaswp.com/ar/wordpress-themes/restaurant/)

الأسئلة

## الأسئلة الشائعة

[الأسئلة الشائعة الكاملة](https://canvaswp.com/ar/faq/) تجيب عن الباقي، و [التوثيق](https://docs.canvaswp.com/) يشرح كل إعداد بالتفصيل.

**هل أحتاج إلى إضافة لاستقبال الحجوزات؟**

لا، تصل الحجوزات على موقع مطعم Canvas عبر نموذج مبني من كتل Canvas. تُخزَّن إدخالاته في جدول على موقعك، وتظهر في لوحة إدارة WordPress. لا تحتاج إلى إضافة إلا إذا أردت إرسال الحجوزات إلى نظام حجز خارجي يدير الطاولات وعدد الضيوف.

**هل يمكنني استخدام صوري الخاصة؟**

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

**ماذا لو لم يعجبني العرض التوضيحي للمطعم؟**

Roll it back and import another of the 88 Canvas demos, because every plan includes all of them and each import is tracked separately. A second demo can also come in for its pages alone, leaving the design you have.

**هل ستظهر أسعار القائمة في Google؟**

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