في هذه المقالة سأشرح كيف يمكنك تصميم موقع الكتروني بسهولة كبيرة من خلال السحب و الافلات على منصة الووردبريس حيث يمكنك تصميم اشكال مختلفة من المواقع بسهولة تامة دون تعقيد.
لن تحتاج الى تعلم لغات البرمجة لتصميم موقع احترافي ، سأساعدك من خلال بعض الاضافات الموجودة في الووردبريس في تصميم قالب و موقع كما تريد.
و لانشاء موقع الكتروني خاص بنا اون لاين سنحتاج الى الحصول على استضافة حتى نبدأ بتصميم موقعنا عليها ، و في هذا الشرح سأعمل على استضافة مجانية من موقع infinityfree حيث أنها تفي بالغرض من أجل الشرح.
و اذا كنت تريد انشاء موقع الكتروني على استضافة قوية فيمكنك زيارة هذه المقالة.
انشاء حساب استضافة مجاني
الحصول على دومين مجاني
بعد ذلك ستدخل الى لوحة تحكم الاستضافة قم بانشاء دومين جديد كما في الصورة التالية :
أنا لدي حساب سابق في الاستضافة لذا سأقوم بالدخول مباشرة الى لوحة التحكم كما في الصورة التالية :
تسطيب الووردبريس على الاستضافة
الان ستظهر لك صفحة جديدة فيها عدة خيارات لانشاء المواقع ، نحن نريد فقط تسطيب الووردبريس على موقعنا ، لذا اضغط على ووردبريس.
ستظهر لك صفحة الاعدادات الخاص بووردبريس ، كل ما عليك هو ادخال اسم المستخدم و كلمة السر الخاصة بك التي تريدها من أجل دخول لوحة تحكم الووردبرس لاحقا.
بعد ذلك اضغط على Install و خلال ثواني سيكون الووردبريس أصبح جاهز للعمل عليه في موقعك الالكتروني الجديد.
الان ادخل على رابط موقعك او الدومين الذي اخترته و سترى شكل موقع فارغ و فيه قالب ووردربريس افتراضي الذي يأتي دائما مع أي موقع جديد يتم انشائه.
الان نريد تصميم قالب خاص بنا أو بعملنا ، لذا سنحتاج الى تنزيل اضافات في الووردبريس خاصة بتعديل و تصميم قوالب احترافية.
الان للدخول على لوحة تحكم الووردبريس قم بكتابة ما يلي بجانب الدومين الخاص بك www.yourdomain.com/wp-admin و ستظهر لك صفحة دخول الووردبريس قم بادخل اسم المستخدم الذي اخترته سابقا و كلمة السر أيضا.
الان نحن في لوحة تحكم الووردبريس كما في الصورة التالية :
و من أجل تسطيب القالب اذهب الى مظهر ثم اختر قوالب كما في الصورة التالية :
الان اكتب في مربح البحث اسم القالب Astra ليظهر لك القالب كما في الصورة :
انا سأختار هذا الشكل و اقوم بتصميم موقع خدمات خاص بي .
تصميم الموقع و تعديله بواسطة اضافة Elementor
الخطوة القادمة هي تعديل المحتوى و اضافة ما نريده من صور و نصوص و غير ذلك ، و سيمكننا الان تصميم و تعديل موقعنا كما نريد.
و لتعديل أي صفحة في القالب ، كل ما عليك فقط هو الذهاب الى الصفحة و الضغط على تعديل بوسطة اضافة Elementor .
لنقم الان بتعديل و تصميم الصفحة الرئيسية الHome كما في الصورة التالية :
الان تعلمنا كيفية تصميم أي صفحة نريدها و نعدل عليها.
و من أجل تغيير القائمة العلوية في الرأس نحتاج الى عدة خطوات ، اذهب الى خيار تخصيص فوق في الأعلى و اضغط عليه.
و سيظهر قلم بجانب الشعار و واحد بجانب القائمة العلوية اضغط عليه للتعديل مرة على الشعار و مرة اخرى للتعديل على القائمة العلوية.
و لتغيير القائمة من الانجليزي للعربي فقط قم بالذهاب الى الصفحات في لوحة تحكم الووردبريس ثم اضغط على صفحة Home وغير العنوان الى الرئيسية .
و ايضا غير كلمة About us الى من نحن لأن موقعنا سيكون باللغة العربية .
أيضا يمكنك انشاء الصفحات كما تريد و التعديل عليها من خلال Elementor فمثلا قم بانشاء صفحة جديدة و اكتب عنوانها ثم اضغط على تعديل بواسطة Elementor.
و هكذا يمكنك بسهولة تصميم أي موقع تريد ، من خلال الووردبريس لقد كان هذا شرح سريع بالصور ، و يمكنك الان انشاء مواقع بسيطة خاصة بخدمات أو كورسات أو مطاعم .
اذا كنت تريد تصميم قوالب مدونات أو مواقع بتفاصيل أكبر فسوف تحتاج الى الترقية في اضافة Elementor Pro.
