كيفية تصميم موقع الكتروني بدون تعلم البرمجة
مرحبا بك في موقع معلومات ثقافية مني انا مالك محمد ، متخصص في تصميم المواقع الالكترونية باستخدام الووردبريس ، قبل ان تكمل قراءة هذا الدليل، هدفي ان اساعدك في تصميم موقعك الإلكتروني
اذا
كنت تريد الحصول على ادوات تساعدك في تصميم موقعك الالكتروني بشكل احترافي
مهما كان و ثمنها 400$ فيمكنك ان تحصل على هذه الأدوات مجانا من خلال خدمة الحصول على ادوات لتصميم موقعك الالكتروني
بعد قراءة هذا المقال ستتمكن من تصميم موقع الكتروني لنشر المقالات مثل الموقع الذي
يظهر في الصورة التالية
هل تريد ان تعرف كيفية تصميم موقع الكتروني ؟
تابع معي في هذا المقال وسوف تعرف كيفية إنشاء موقع ويب بالخطوات التفصيلية و بأسهل طريقة وبدون تعلم أي لغة برمجة
هذا الموقع الخاص بي قمت بتصميمه باستخدام منصة الووردبرس الرائعة التي تمكنك من تصميم مواقع الإنترنت حتى لو كنت من المبتدئين
اذا كنت فعلا تريد تصميم موقع الكتروني بنفسك فيجب ان تتبع جميع الخطوات المذكورة في هذا المقال
التي لو طبقتها كما هي سيكون عندك موقع الكتروني خلال أقل من يوم
قائمة المحتويات:
1-ما هو الموقع الذي تريد أن تصممه
2-تحديد البرنامج الذي ستستخدمه لتصميم موقعك الإلكتروني
3-حجز دومين و استضافة
4- تثبيت برنامج الووردبرس في موقعك الإلكتروني
5- تصميم موقعك الإلكتروني من داخل الووردبرس
حدد الموقع الذي تريد تصميمه
الخطوة الأولى في تصميم موقعك الإلكتروني هي أن تحدد ما هو الموقع الذي تريد أن تصممه
هل تريد أن تصمم متجراً الكترونياً لبيع المنتجات
أم تريد إنشاء مدونة لكتابة المقالات
أم تريد إنشاء موقع شخصي
أم تريد إنشاء موقع للخدمات
ام تريد إنشاء موقع آخر
حدد البرنامج الذي ستصمم به موقعك الإلكتروني
يوجد العديد من البرامج التي تمكنك من بناء موقعك الإلكتروني بدون أن تتعلم البرمجة و أفضل و أشهر هذه البرامج برنامج الووربرس لما يتميز به من سهولة الإستخدام مع الأداء الرائع جدا
الووردبرس هو برنامج مجاني لإدارة المواقع الإلكترونية تم تصميمه ليساعد الأشخاص الذين ليس لديهم معرفة بلغات البرمجة على تصميم المواقع الإلكترونية و حاليا يقوم بتشغيل 34% من المواقع الإلكترونية في العالم
ماذا تحتاج حتى تبدأ بتصميم موقعك الإلكتروني؟
1-اسم دومين
2-استضافة على الإنترنت
3-قالب ووردبرس اسمه قالب مهارتي
اسم الدومين هو رابط موقعك الإلكتروني الذي يبدأ ب .www فمثلا اسم الدومين لهذا الموقع هو www.ma3lomatthaqafiah.com
الإستضافة هي المكان الذي تخزن فيه ملفات موقعك الإلكتروني على الإنترنت
حتى تتمكن من حفظ صورك وملفاتك ومحتوى موقعك الإلكتروني فأنت بحاجة لاستخدام استضافة على الإنترنت و بدون استضافة و دومين لن يكون موقعك موجودا على الإنترنت
كيف تحجز دومين و استضافة؟
يوجد العديد من الشركات التي يمكنك من خلالها حجز دومين و استضافة و من أفضل وأرخص هذه الشركات شركة بلوهوست حيث تعتبر شركة بلو هوست أفضل شركة استضافة للمواقع التي يتم تصميمها باستخدام الووردبرس فهي موصى بها من برنامج الووردبرس نفسه وهي تشغل ملايين المواقع الإلكترونية و توفر لك خدمة دعم العملاء 24 ساعة طيلة أيام الأسبوع
لكن ألم أقل لك إن برنامج الووردبرس مجاني؟
نعم هو مجاني 100% وتثبيته في موقعك الإلكتروني مجاني و بنقرة زر واحدة ولكن أنت بحاجة الى اسم الدومين و الإستضافة حتى تتمكن من استخدام برنامج الووردبرس
و سعر الدومين مع الإستضافة في شركة بلوهوست رخيص جدا و هو أرخص من وجبة غداء و هو يتراوح بين 4 إلى 6 دولار شهريا و يختلف السعر على حسب الخطة و حسب المدة الزمنية التي تختارها
انقر على زر Get Started الموجود في منتصف الصفحة الرئيسية و ستنتقل الى صفحة خطط الإشتراك في شركة بلوهوست
*Basic Plan
*Plus Plan
*Choise Plus Plan
و بما أن موقعك الإلكتروني جديد و عدد زواره قليل فخطة Basic مناسبة جدا لك
*أي خطة تختارها يمكنك تطويرها الى الخطة الأكبر منها من داخل حسابك في بلوهوست
بعد أن تختار خطتك ستنتقل الى صفحة اختيار الدومين
اذا كنت تريد إنشاء موقع الكتروني لشركتك أو مؤسستك فالأفضل أن تختار اسم الدومين هكذا yourcompanyname.com
أما اذا كنت تريد انشاء موقع لنفسك فالأفضل ان تختار هكذا
yourname.com
*إدخال بياناتك الشخصية:
بعد أن تختار اسم الدومين ستنتقل الى صفحة تعبئة بياناتك حسابك في بلوهوست
ثم ستختار المدة الزمنية للإشتراك في بلوهوست و يوجد 3 خيارات
*12 شهر
*24 شهر
*36 شهر
فقط اختر المدة الزمنية التي تريدها
ثم ستظهر خيارات إضافية للخطة و أنصحك ان لا تختارها لأنها غير مهمة و فيها تكلفة إضافية
بعد
ذلك قم بإدخال معلومات الدفع الخاصة بك (بطاقة الفيزا كارد أو الماستر
كارد) و انقر على زر الـتأكيد الموجود في أسفل الشاشة و ستقوم شركة
بلوهوست بإرسال رسالة الى بريدك الإلكتروني للتأكيد وستنتقل إلى صفحة إعداد
كلمة المرور الخاصة بحسابك في شركة بلوهوست
فقط قم بإعدادها وحفظها
تثبيت برنامج الووردبرس في موقعك الإلكتروني
عند إنشاء موقع الكتروني باستخدام الووردبرس فالخطوة الأولى هي تثبيت برنامج الووردبرس من داخل حسابك في شركة الإستضافة مهما كان نوع الموقع الذي تريد تصميمه
لتثبيت الووردبرس انتقل الى
https://www.bluehost.com
ثم انقر على Login
و قم بإدخال الدومين وكلمة المرور للدخول الى حسابك في بلوهوست
بعد الدخول انقر على My sites ثم Create Site
ستظهر لك الصفحة التالية، ادخل اسم موقعك (لا تقم بإدخال اسم الدومين هنا فإسم الموقع ليس هو الدومين )
مثلا اسم هذا الموقع هو مدونة تصميم المواقع
ستظهر لك الصفحة التالية انقر على Next
و سيبدأ تنزيل الووردبرس في موقعك، وبعد ان ينتهي تنزيل الووردبرس ستظهر لك صفحة تحتوي على معلومات دخولك الى لوحة التحكم في ووردبرس فقط قم بحفظها
هكذا تكون قد انتهيت من تنصيب برنامج الوورردبرس في موقعك
تصميم الموقع من داخل لوحة التحكم في الووردبرس
للدخول الى لوحة التحكم في ووردبرس اكتب في المتصفح اسم دومينك ثم wp-admin/
هكذا
www.yourdomain.com/wp-admin
ستظهر لك هذه الصفحة
هذه اللوحة هي التي تتحكم في شكل موقعك وستكون هكذا من الداخل
اللغة الاساسية عند دخولك لأول مرة هي الإنجليزية واذا اردت تغيير اللغة الى اللغة العربية
انقر على setting ثم general
واختر اللغة العربية ثم قم بالحفظ في اسفل الصفحة
تثبيت القالب
القالب هو الشكل الذي سيكون عليه موقعك الإلكتروني
انقر على مظهر (Appearance) ثم قوالب (Themes) ثم انقر على زر Upload لترفع ملف قالب Divi
هذا القالب (قالب مهارتي) انت بحاجة اليه لتتمكن من تصميم موقعك الإلكتروني و من دونه لا يمكنك إكمال الخطوات المذكورة في هذا المقال و يمكنك ان تحصل عليه مجانا من هنا
إنشاء صفحات موقعك الإلكتروني
الصفحات جزء اساسي لأي موقع وتختلف الصفحات من موقع لآخر حسب الموقع نفسه لكن الفكرة هي نفسها،
قم بإنشاء هذه الصفحات
*الصفحة الرئيسية
*صفحة إتصل بي
*صفحة سياسية الخصوصية
*صفحة شروط الاستخدام
سأقوم بشرح كيفية اضافة صفحة واحدة وباقي الصفحات تستطيع إنشائها بنفس الطريقة
انقر على صفحات ثم اضف جديد
ستظهر لك صفحة لتحديد اسم للصفحة فقط قم بكتابة اسم الصفحة ثم انقر على زر نشر الموجود أعلى الشاشة
*إنشاء التصنيفات
التصنيفات تستخدم لتنظيم المقالات بحيث ان جميع المقالات التي تتكلم عن موضوع معين ستندرج تحت ذلك الموضوع في الموقع مثلا في الموقع الذي رأيته في أول المقال يوجد 5 تصنيفات
*الصحة العامة
*الصحة النفسية
*صحة الاسنان
*صحة العيون
*الطب البديل
وهكذا قم بتقسيم مقالات موقعك الالكتروني الى تصنيفات
مثلا لو كان موقعك الإلكتروني يتكلم عن الطاقة المتجددة فيمكنك تصنيف
مقالاته الى عدة تصنيفات مثل الطاقة الشمسية و طاقة الرياح و طاقة المياه و
طاقة الأنهار
لو كنت كاتبا يمكنك تصنيف مقالات موقعك الالكتروني الى عدة تصنيفات مثل
سياسة و ثقافة و مواضيع ساخنة و تاريخ و اجتماع …الخ
مهما كان الموضوع الذي تكتب عنه تأكد انك يمكنك تصنيف مقالاته
اذا كنت لا تريد تصنيف مقالات موقعك لا بأس ولكن لن يكون مظهر موقعك جميلا
لإنشاء التصنيفات انقر على مقالات ثم تصنيفات
اكتب اسم التصنيف ثم انقر على الزر الموجود في أسفل الشاشة
إنشاء القائمة :
القائمة هي الشريط الذي يظهر فيه التصنيفات أو الصفحات في أعلى او أسفل الموقع
في الموقع الذي رأيته قمت بإنشاء قائمتان
قائمة في أعلى الموقع تضم التصنيفات
قائمة في أسفل الموقع تضم الصفحات
انقر على مظهر ثم قوائم
ستظهر لك الصفحة التالية
اكتب اسما للقائمة ثم قم بإنشائها والآن سنقوم بإضافة التصنيفات الى القائمة
حدد التصنيفات التي تريد إضافتها الى القائمة ثم انقر على زر ” أضف للقائمة ” ثم حدد مكان القائمة
” القائمة الرئيسية ” ثم انقر على زر حفظ القائمة
ثم قم بإنشاء قائمة اخرى وقم بإضافة صفحة الإتصال و صفحة سياسة الخصوصية وصفحة شروط الاستخدام الى القائمة و اختر مكان القائمة ” قائمة تذييل الموقع ” ثم قم بحفظ القائمة
*تخصيص القالب:
تخصيص القالب هو التحكم في مظهر الموقع من خلال إضافة شعار للموقع و تغيير حجم ولون الخط
و تغيير لون الخلفية وتغيير الكلمات التي تظهر في أسفل الموقع (مثل جملة جميع الحقوق محفوظة )
لتخصيص القالب انقر على لوحة القالب ثم تخصيص القالب و سيظهر لك الموقع و في يمين الشاشة إعدادات تخصيص القالب
*هل تعلم انني في هذا الموقع اقوم بتخصيص المواقع لأي شخص مجانا ؟
اذا كنت تريد أن تحصل على هذه الخدمة انقر هنا
كتابة المقالات:
المقالات
جزء مهم من الموقع الالكتروني مهما كان الموضوع الذي تكتب عنه سواء مواضيع
دينية أم مواضيع ثقافية أم مواضيع سياسية أم اي شيء آخر، و يمكنك إضافة
الصور ومقاطع الفيديو والملفات داخل مقالك وإضافة المقالات في الووردبرس
سهلة جدا و كأنك تكتب مقالك في مايكروسوفت وورد
انقر على مقالات في يمين الشاشة ثم انقر على أضف جديد
بعد كتابة المقال اختر تصنيف المقال من خلال الصندوق الخاص بالتصنيفات و الموجود في يسار الشاشة
ثم قم بإضافة صورة بارزة للمقال من خلال الصندوق الخاص بإضافة الصورة
(دائما اختر مقاس ثابت لجميع الصور في موقعك الإلكتروني بحيث تكون بعرض
1200 بيكسل و بإرتفاع 600 بيكسل 600*1200 ) ثم انقر على زر نشر الموجود في
يسار الشاشة
قم بكتابة 4 مقالات على الأقل في كل تصنيف ثم ستنتقل الى الخطوة التالية و هي تصميم الصفحة الرئيسية باستخدام مؤلف الصفحات الخاص بقالب مهارتي
تصميم الصفحة الرئيسية
انقر
على صفحات ثم جميع الصفحات (موجودة في يمين الشاشة) ثم انقر على زر تحرير
الذي يظهر أسفل الصفحة عند التمرير فوقها بالماوس ثم ستنقل الى صفحة خاصة
بتحرير الصفحات ثم انقر على زر
” استخدم مؤلف الصفحات” الموجود في منتصف الصفحة
ستفتح لك الاعدادت الخاصة بمؤلف الصفحات
انقر على زر ” قسم بعرض كامل” ثم قم بحذف القسم الإفتراضي الموجود باللون الأخضر
سيظهر لك قسم بعرض كامل انقر على زر أضف مكوّن (يمكنك إضافة الصور و مقاطع الفيديو و غيرها الكثير داخل الصفحة)
ستظهر لك المكونات التي يمكنك إضافتها في القسم الذي يكون بعرض كامل
اختر مجلة بعرض كامل
هذا المكون ( مجلة بعرض كامل) يمكنك من خلاله إضافة المقالات في سلايدر (الصور تتحرك)
ستظهر لك نافذة الإعدادات الخاصة بالمكوّن
قم بضبط الإعدادات كما يلي:
نوع المحتوى :الأحدث
التنسيق: تدوير المقالات
تضمين التصنيفات : حدد جميع التصنيفات
عدد المقالات: حدد عدد التصنيفات التي تريدها أن تظهر في المكوّن ( أكبر من 4)
إظهار العنوان: تفعيل
انقر على زر العرض لتشاهد كيف سيظهر شكل المكون في الموقع
هكذا سيظهر معك المكون (تأكد أنك قمت بإضافة صورة بارزة لكل مقال ) ثم انقر على زر حفظ
إضافة قسم متقدم :
انقر على زر قسم متقدم الموجود بجانب زر قسم بعرض كامل و اختر الشكل التالي للقسم
هكذا سيظهر شكل القسم
انقر على زر اضف مكوّن الموجود في يسار الشاشة واختر مكوّن ” شريط جانبي ” و يمكنك أن تعرف كيف تقوم بالتحكم في العناصر التي تظهر في هذا الشريط من هنا
انقر على زر أضف اعمدة و اختر عمود واحد فقط ثم انقر على زر أضف مكوّن و اختر مكوّن ” مجلة” وقم بضبط إعداداتها كما يلي:
نوع المحتوى: الأحدث
التصميم : مؤطر
التنسيق: تمييز الأولى
تضمين التصنيفات : اختر تصنيف الصحة العامة
عدد المقالات : 5
الصورة البارزة: نعم
عرض اسم الكاتب: نعم
عرض التاريخ: نعم
أيقونات الأعجاب: نعم
انقر على زر الحفظ
الآن هكذا سيكون شكل المكوّن
انقر على زر أضف مكوّن الموجود أسفل المكوّن السابق
اختر مكوّن ” مجلة ” و قم بضبط الإعدادات كما يلي:
نوع المحتوى: الأحدث
التصميم: مؤطر
التنسيق: كبير
تضمين التصنيفات : اختر تصنيف الطب البديل
عدد المقالات: 4
أيقوة الإعجاب: نعم
انقر على زر حفظ
هكذا سيكون شكل المكوّن
أضف صف جديد من خلال النقر على زر “أضف صف ” الموجود أسفل الصف السابق و اختر 3 اعمدة
أضف مكوّن مجلة في جميع الأعمدة
في العمود الأول اختر تصنيف الصحة النفسية
في العمود الثاني اختر تصنيف صحة العيون
في العمود الثالث اختر تصنيف صحة الأسنان
انقر على زر نشر الموجود في يسار الشاشة
الآن هكذا أصبح شكل الصفحة الرئيسية
هل أعجبك هذا القالب ؟
يمكنك أن تحصل عليه مجانا من هنا
*تعيين الصفحة التي قمت بتصميمها كصفحة رئيسية
انقر على الإعدادات ثم قراءة
ستجد خيار تعيين الصفحة الرئيسية كصفحة ثابتة
و ستظهر لك قائمة بالصفحات الموجودة في موقعك الإكتروني قم بإختار الصفحة التي قمت بتصميمها كصفحة رئيسية
أضف تعليق