قبل أن نبدأ , إن لم تقرأ الجزء الأول عن تصميم موقع الكتروني خاص بك فاقرأه من هنا
لنبدأ الآن بتخصيص الموقع الالكتروني الخاص بك:
أولاً: سنشرح الإضافات لموقعك الالكتروني:
ما هي الإضافات؟ هي مكونات إضافية تساعدك على إضافة مكونات و خصائص إلى موقعك الالكتروني فالإضافات في ووردبريس مثل التطبيقات في الهاتف الذكي تساعدك على إضافة خصائص غير موجودة على موقعك الالكتروني.
بالدخول إلى قسم الإضافات في لوحة التحكم نلاحظ أن HostGator قد قام بإضافة بعض الإضافات بشكل تلقائي و لكن لا نريد لهذا النوع من الإضافات أن تكون موجودة على موقعنا الالكتروني فما علينا سوا الذهاب إلى الإضافات و تعطيلها كالآتي:
ومن ثم نحددها مرة أخرى و نضغط على حذف
لنقم الآن بزيارة موقعنا مرة أخرى فسنلاحظ أن تصميم موقع ليس بالشكل الاحترافي كما أننا عندما نريد الدخول إلى إحدى الروابط فسيكون الرابط طويل و غير احترافي كالآتي:
لنقوم الآن بتغيير بنية الروابط: نذهب إلى الإعدادات في لوحة التحكم ثم الروابط الدائمة و من ثم نقوم باختيار خيار عنوان المقالة فنتمكن من تصميم موقع برابط مناسب و ملائم للمستخدم:
ولكن إلى الآن تصميم موقع الخاص بك لا يعتبر احترافي و لا يحتوي على قوالب مناسبة للمستخدم، فعليك الآن الذهاب إلى لوحة التحكم و من ثم المظهر و بعدها اختيار القوالب سواء الموجودة أو يمكنك إضافة قالب جديد…
لاختيار قالب جديد اضغط على إضافة قالب
لعل أفضل القوالب المتوفرة على ووردبريس هو قالب Astra قم بالبحث عنه في حقل البحث و اذهب إليه و قم بتنصيبه على موقعك الالكتروني ليكون جاهزاً كالتالي:
ما زالت الصفحة فارغة و لا تحتوي على محتوى أو صفحات مطلقاً، لذى فالخطوة التالية هي إضافة صفحات إلى تصميم موقع الخاص بك
عن الوورد بريس في تصميم موقع الكتروني :
ملاحظة الووردبريس يحوي نوعان من المحتوى إما المقالات أو الصفحات وذلك لإنشاء صفحات الموقع الثابتة مثل الصحة الرئيسية و صفحة اتصل بنا و غيرها.
الآن لإضافة صفحة إلى لوحة التحكم إذهب إلى صفحات فتلاحظ الصفحات المتضمنة ضمن الموقع و في ووردبريس يوجد صفحات تلقائية متوضعة ضمن الموقع فقم بحذفها لأنها لن تنفعك كالتالي:
بعد أن قمت بحذف الصفحات الغير ضرورية المتوفرة بالموقع قم بإضافة الصفحات التي ترغب بتواجدها ضمن تصميم موقع الخاص بك من خلال الذهاب إلى خيار أضف جديداً الموجود ضمن صفحات في لوحة التحكم.
قم بإضافة العنوان الذي ترغبه للصفحة و اضغط على نشر لتتواجد ضم تصميم موقع الالكتروني الخاص بك.
بعد أن قمت بإضافة الصفحات التي ترغب بها ننتقل للخطوة التالية: هي تغيير قائمة التصفح و شعار الموقع الموضحين في الصورة التالية:
للقيام بذلك اذهب إلى لوحة التحكم إلى المظهر و اختر تخصيص
الآن لنشرح ما التغييرات التي ستعمل عليها:
أولاً: لتغيير الخط إضغط على global و من ثم خطوط وكل ذلك ضمن القائمة المتوضعة على يمين الشاشة و من ثم قم باختيار الخط المناسب ل تصميم موقع ملائم لك
ثانياً: نقم بتغيير الألوان من خلال الدخول على global و من ثم colors وقم بتغيير الوان القالب فقط و ابق على بقية الألوان كما هي كالآتي للحفاظ على تصميم موقع احترافي
ثالثاً: لتغيير الشعار أو اسم الموقع ادخل إلى ضبط الشريط العلوي و من ثم اختر هوية الموقع و بعدها ادخل إلى تحديد الشعار لاختيار الشعار الذي ترغب به.
رابعاً: لاختيار مكان قائمة التصفح ضمن تصميم موقع الخاص بك اذهب إلى ضبط الشريط العلوي و من ثم اذهب إلى الشريط العلوي و اختر مكان قائمة التصفح هل على اليمين أو اليسار أو المنتصف.
خامساً: نقوم بتخصيص قائمة التصفح من خلال الضغط على قوائم و القيام بإنشاء قائمة جديدة و من ثم نختار اسمها و نختار مكان ظهورها بالإضافة إلى اختيار الصفحات التي نحتاج إلى ظهورها ضمن القائمة و قم بترتيبها كما تريد.
سادساً: بعد الانتهاء من التغييرات التي قمت بها على قوائم الموقع و الشعارات نلاحظ أن في تصميم الموقع واجهات متواجدة على الشريط الجانبي للموقع قد تكون مزعجة على المستخدم.
للقيام بحذفها للحصول على تصميم موقع احترافي نذهب إلى ودجات و من ثم الشريط الجانبي و قم بحذفها كلها..
و بعدها اختر الودجات التي تريدها في تصميم موقعك الالكتروني.
سابعاً: إذا كنت تريد إخفاء الشريط الجانبي بشكل مطلق قم بالذهاب إلى شريط جانبي و قم بإخفائه في الصفحات أو الأرشيف و هو أمر اختياري بالنسبة لك.
بعد القيام بكل هذه التعديلات قم بنشرها و ستحصل على تصميم موقع الكتروني مخصص كما تحب
نلاحظ أن الصفحات ضمن تصميم موقع الالكتروني فارغة و للقيام بتعبئتها اذهب إلى لوحة التحكم و اضغط على صفحات فتجد كل صفحات الموقع الموجودة لديك فاضغط على تحرير الصفحة التي تريد ملئها.
لتعمل على تصميم صفحات ووردبريس بشكل احترافي لا بد أن تذهب إلى الإضافات كما تحدثنا فيها بوقت مضى و اختر (إضافة elementor) بالبحث عنها وهي من أكثر الإضافات التي تعطي صفحات موقعك تصميم احترافي مريح للعين.
بعد إضافة elementor و بالرجوع إلى الصفحات ضمن تصميم موقع في لوحة التحكم نلاحظ أن هناك خيار في قمة كل صفحة أصبح متوافر مكتوب فيه التحرير بواسطة elementor
بعد ذلك لتصميم موقع بشكل احترافي قم بملء هذه الصفحات الفارغة بالضغط على elementor و من ثم ستظهر لك الصفحة بإعدادات elementor المطورة قم هنا باختيار هيكل الصفحة و الترويسة ( العنوان) و الصورة و كذلك الفيديدو و غيرها من الكثير من العناصر التي يمكنك إضافتها إلى صفحتك مما يعطي تصميم موقع الخاص بك احترافية عالية و لكل عنصر من العناصر التي ستختارها في الصفحة لها إعداداتها الخاصة التي تستطيع أن تتحكم بها بناءً على طلبك و رغبتك في شكل الصفحة الاحترافية .
إذا كنت لست بالخبرة الكافية في تصميم الصفحات بشكل يدوي على elementor أو لا تملك الوقت الكافي لذلك فإن لديك القدرة على الحصول على نماذج جاهزة للصفحات الاحترافية على elementor من خلال الضغط على أضف نموذج
و لكن السلبية الوحيدة في هذه الخطوة أنك لتتمكن من تصميم موقع يتضمن صفحات جاهزة التصميم كالخطوة السابقة فلا يمكنك الحصول على هذه الصفحات الجاهزة إلا في نسخة مدفوعة مالياً، بينما إذا أنت بحاجة إلى قوالب جاهزة للصفحات دون أي تكلفات إضافية ما عيك سوا الذهاب إلى إضافات و بعدها إلى أضف جديد و من ثم ابحث عن الإضافة
Starter Templates-Elementor هي تتيح نماذج قوالب مجانية و من ثم عد إلى صفحتك ضمن elementor التي كنت تقوم بإعدادها فتجد خيار الإضافة أصبح متاحاً على الصفحة و النماذج المجانية باتت متوافرة أمامك
تتوفر ضمن هذه الإضافة طبعاً قوالب مجانية و قوالب مدفوعة قم باختيار Free لتحصل على المجانية فقط.
و هكذا تكون قد تمكنت من تجهيز صفحتك بشكل احترافي مجاني و قم بتعديل القالب الذي اخترته على هواك الخاص و اعمل على تغيير الاعدادات الخاص بالعنوان و النص و اللون و غيرها من الإعدادات.
بهذه الطريقة أنت قادر على تصميم موقع خاص بك يحوي على صفحات بشكل احترافي ( الصفحة الرئيسة و من نحن و غيرها من الصفحات….)
ففي صفحة من نحن يمكنك تصميم صفحة تضيف عليها الخرائط و مواقع التواصل الاجتماعي الخاص بالموقع من تويتر و يوتيوب وغيرها من العناصر الهامة ليتمكن الزائر من التعرف عن الجهة المالكة للموقع المزار.
بعد القيام بكل هذه الإضافات بقي لنا أمر واحد و هو أننا عندما نكتب اسم الموقع الخاص بنا و ندخل إليه فإننا نجد في الواجهة مباشرة آخر المقالات المستحدثة لأن الووردبريس بشكل تلقائي يقوم بذلك و لكن هذا الشيء لا نريده نحن، فنحن نريد أن تكون الصفحة الرئيسية هي في الواجهة مباشرة عند زيارة الموقع و ليس آخر المقالات (آخر المقالات نريد أن تظهر في المدونة) و للقيام بذلك اذهب إلى لوحة التحكم قم بإنشاء صفحة جديدة من صفحات ثم أضف جديداً و نسميها المدونة لنخصصها لآخر المقالات و انشرها مثل ما سبق.
بعد القيام بذلك اذهب إلى الإعدادات فنجد أن الصفحة الرئيسية مضبوطة على أن تكون محتوية على آخر المقالات فما عليك سوا القيام بتغيير الإعداد و اختيار صفحة المدونة الخاصة بك لتنشر عليها المقالات.
قم بإضافة صفحة المدونة إلى واجهة الزائر ضمن تصميم موقع الخاص بك كما شرحنا مسبقا بالذهاب إلى لوحة التحكم – تخصيص – قوائم – القائمة الريسية – أضف عنصر و قم بإضافة المدونة.
و الآن في آخر الأمور لتتمكن من نشر مقالات جديدة على موقعك الالكتروني اذهب إلى لوحة التحكم – مقالات – كل المقالات – أضف جديداً.
إلى هنا نكون قد قمنا بتصميم موقع بشكل احترافي كامل و تمكننا من الحصول على صفحة موقع الكتروني على الانترنت.
نتمنى أن يكون موقعنا قد ساعدكم على تحقيق حلمكم بإنشاء موقع من الصفر و حتى تخصيص أدق تفاصيله و نتمنى لموقعكم الجديد كل النجاح و التوفيق.
لقراءة المزيد من المقالات التقنية التي ستنال إعجابك تفضل بزيارة قسمنا التقني من هنا https://satoshiat.com/category/tech/