كيفية انشاء موقع الكتروني ؟ ، سؤال مهم للغاية ويحتاج إيجابة شافية ، لما للموضوع من اهمية في عصر الانترنت اللذي نعيشه. وفي هذا المقال سنذكر كل خطوات إنشاء موقع إلكتروني من الالف الى الياء ،بحيث يكون هذا الدليل شامل للكل ما تحتاجه ل انشاء موقع إلكتروني .
ولكي لا تحتاج البحث عن اي معلومة في مكان آخر في مجال تصميم و إنشاء المواقع الإلكترونية ، قمنا نحن موقع مسوقون على بحث مفصل وشامل على المجال وقمنا بتقسيمه الى محاور رئيسية وهي :
كيفية انشاء موقع الكتروني
قبل ان نذحل في تفاصيل انشاء موقع الكتروني سنتعرف اولا على الموقع الإلكتروني :
تعريف الموقع الإلكتروني
بالإنجليزية يعرف الموقع الإلكتروني ب Website . وهو عبارة عن مجموعة من ملفات مختلفة ذات صلة في ما بينها . ويمكن الوصول اليها عن طريق شبكة الإنترنيت . وتجتمع هذه الملفات تحت شعار واحد واسم مجال او نطاق واحد او ما يسمى (Domain nam ) . وهذه الملفات عبارة عن(نصوص،مستندات،صور،فيديوهات الخ…).
ويكون الموقع الالكتروني متواجد عل الإنتريت في كل بقع العالم, وغير مقيد لا بالزمان ولا بالمكان عبر مايسمى بخوادم الويب. ويتم الوصول الى المواقع الالكترونية من قبل المتصفحين على الانترنيت عن طريق متصفحات الويب الكثيرة كمتصفح جوجل مثلا.
يعتبر انشاء المواقع الإلكترونية مهارة مهمة جدا في زمن الإنترنت ، بحيث اصبح الموقع الالكتروني مهم لإي مشروع للنمو على الإنترنيت. وقد تزايد الطلب على المواقع الالكترونية بشكل مهول جدا .
ومن المهم جدا اليوم لأي شخص مهتم بمجال الانترنيت تعلم هذه المهارة. سواء كان يرغب في انشاء موقع الكتروني خاص به ، او ان يجعل خدمة انشاء المواقع الإلكترونية مصدر دخل قار له.
وتجدر الإشارة الى ان مجال انشاء المواقع الالكترونية تنفق فيه اموال كثيرة، وذالك لما له من اهمية في مجال التجارة الالكترونية والربح من الإنترنت في هذا العصر اللذي يتسيده كل ماهو الكتروني.
تاريخ نشأة الموقع الإلكتروني
في عام 1991 تمكن عالم الفزياء البريطاني تيم بيرنرز من اطلاق اول موقع الكتروني اثناء تطويره للشبكة الويب. وقد ساهم تيم برنرز في تطوير تقنيات رئيسية اعتبرت فيما بعد اساسيات ظهور شبكة الويب العالمية. وتعرف هذه اللغة بلغة الرمز التشعبي او ما يعرف html وايضا بروطكول النص التشعبي http اضافة الى مايسمى بعنوان الويب URLs.
وقد تم تطوير هذه التقنيات باستعمال الكومبيوتر نيكست (next ) اللذي قام ستيف جونز بتطويره.
وفي عام 1993 تم اصدار اول متصفح ويب لعموم الناس، حيث كان يستحدم من قبل للابحاث العلمية فقط. تم تظهر بعد ذالك مواقع الكترونية كثيرة مثل yahoo و amazon .
تم تبدا حقبة انتشار الانترنيت في العالم وازدادت سرعته وقوته ، لتظهر مواقع باعداد مهولة. لتصل عدد الموافع على الانترنت سنة 2004 حوالي 51 مليون موقع . واليوم تتجاوز عدد المواقع الموجودة على الانترنت 1.7مليار موقع . كما انه يظهر كل يوم 570 الف موقع جديد .
| ملاحظة |
| بما ان عناصر مجال Online business متداخلة في ما بينها، نضع بين حضراتكم روابط للمقالات اخرى على موقعنا تكمل بعضها البعض، لأخد فكرة شاملة وقرار مبني على معلومات كاملة وشافية على المجال.
وهذه روابط للمقالات اخرى ذات صلة : |
خطوات إنشاء موقع الكتروني
حجز استضافة
ماهي الإستضافة : بباسطة هي خادم او serveur متطور جدا متواصل بالإنترنيت ، ودورها استضافة ونشر المواقع الإلكترونية على الانترنت.
وفيها مساحات تخزين كبيرة جدا لتخزين ملفات كل المواقع التي تحتويها، كل موقع على حدى, وبدون هذه الاستضافة لا يمكن لأي موقع الكتروني الظهور على الانترنت.
ويمكن تشبيه ذالك بجهاز كومبيوتر قوي جدا وسريع متصل بانترنت قوية جدا تختلف كل الاختلاف على الانترنت العادي الموجود في المنتدى.
وتوجد شركات عديدة توفر خدمة الاستضافة ابرزها شركة HOSTINGER حسب تجربتي الشخصية وتجربة الملايين من مستخدمي الانترنت ومنشئي المواقع الالكترونية :
استضافة هوستينجر hostinger :
وهي شركة اوروبية تاسست عام 2004 قي دولة ليتوانيا . وتقدم الشركة خدمة استضافة بتقييم جيد .كما اكتسبت شعبية كبيرة وخصوصا في العالم العربي ، لان الشركة لها ايضا موقع استضافة باللغة العربية hostinger.ae.
ولها مميزات عديدة، بالإظافة الى انها رخيصة فهي توفر خدمة عملاء جيدة ، وإمكانية التواصل مع الدعم الفني في اي وقت 24 ساعة على 24 . كما انها تتيح فرصة استراد الاموال في غضون 30 يوما. أظف الى ذالك انها تقدم سرعة جيدة للموقع .
كما ان هوستينجر من ارخص الاستضافات، وتقدم مجموعة من الامتيازات بثمن مناسب جدا مقارنة مع باقي الاستضافات.
وتتوفرشركة hostinger على اكثر من 29 مليون مستخدم في فترة وجيزة من 178 دولة اي 1500 اشتراك يوميا اي عميل واحد لكل 5ثواني، ما يفسر جودة خدماتها وقوتها رغم انها رخيصة.
وشخصيا استعمل هذه الاستضافة ولم اجد فيها اي مشاكل للحد الآن.
» ومن اهم مميزاتها «
| التقيم : | 5.0 |
| الدعم الفني : | دعم فني على مدار 24ساعة اضافة الى live chat |
| التطبيقات : | WordPress, Joomla, Prestashop, OpenCart, Drupal |
| المميزات : | الحصول على 100 موقع من استضافة واحدة + قرص SSD سعة 100GB + شهادة SSL مجاني غير محدود + دومين مجاني (بقيمة $7.99) + قواعد بيانات غير محدودة + ضمان استعادة الأموال إلى غاية 30 يوما |
| الأسعار : | الاسعار مناسبة جدا وتبدأ من 1.49 دولار / للشهر، مع امكانية التجديد ب(سعر 3.99 دولار / للشهر) |
» وفي مايلي ابرز استضافات وخدمات Hostinger «
|
استضافة سيتجراوند siteground :
تاسست هذه الشركة سنة 2004 عل يد شخص يدعى إيفو تزينوف Ivo Tzenov في دولة بلغاريا . واستطاعت فرض اسمها في سوق انشاء المواقع الالكترونية والانترنت بصفة عامة ،حيث يتواجد عليها 2 مليون مستحدم ، ولديها اكثر من 500 موظف . وتتميز الشركة بالشفافية وخدمة عملاء ممتازة + ضمان استعادة الاموال في مدة 30يوما + سرعة واداء جيد للموقع الالكتروني.
| ومن ابرز الاستضافات التي تقدمها :
الاستضافة المشتركة. |
|
» hosting WordPress استضافة ووردبريس. » hosting WooCommerce استضافة ووكمرس. » hosting Joomla استضافة جوملا. » hosting Magento استضافة ماجنتو. » استضافة PrestaShop. » الاستضافة السحابية. » hosting resiler ستضافة ريسيلر. » حجز الدومين. » استضافة خاصة بالطلبة. |
حجز الدومين
الدومين او اسم نطاف او ما يسمى بالانجلزية domain name هو الاسم اللذي ستختاره للموقعك : يشبه ذالك ان تسمي رقم هاتف شخص باسمه في قائمة ارقام الهواتف في هاتفك .
كذالك الدومين حيت ان الاسم اللدي ياخده الموقع مثل facebook.com، ماهو في الحقيقة الا تسمية لرقم الموقع على الانترنت ، او موقعه او عنوانه…. سميه ما شئت المهم الفكرة وصلت .
وهذه الصورة توضح مكان حجز الدومين على Hostinger باعتبارها الشركة المفضلة لدي واستعملها شخصيا لهذا سنعتمد عليها لحجز اسم نطاق الخاص بنا وانشاء موقعنا الالكتروني:
hostinger-screenshot(Domain)
⇐ وللإشارة فعند اختيار باقة استضافة مواقع مميّزة (الاكثر شيوعا) لن تذطر الى شراء الدومين لانك سوف تحصل عليه بشكل مجاني.
كيفية انشاء موقع الكتروني على الووردبريس
ماهو الورد بريس :
wordpress هي المنصة التي يتم تصيم الموقع عليها ، وهي منصة مجانية ومفتوحة المصدر و بإمكان اي كان استخدامها لإنشاء اي نوع من انواع المواقع الموجودة .
وتستحوذ منصة ووردبريس تقريبا على ثلت المواقع الموجودة على الإنترنت بما فيها المواقع العالمية . وهي قوية جدا في هدا المجال وسهلة الاستخدام، لانك ستتعامل مع تطبيق عالي الاحترافية يبسط كل الخدمات، ويغنيك عن رموز ولغات البرمجة المعقدة المستعملة قديما.
وفي ما مضى كان السؤال عن كيفية انشاء موقع الكتروني صعب جدا طرحه وما بالك بالإيجابة عنه ،لانه كان يستلزم تصميم وبناء موقع الكتروني ان تكون لك المعرفة الكافية للغات البرمجة.
وبعد سنوات من البحث والتقدم العلمي في كيفية انشاء موقع الكتروني ببساطة ، جاءت منصة الووردبريس وغيرها للتفتح لأي كان من انشاء موقع الكتروني بسهولة شديدة جدا.
تنصيب الوورد بريس :
مباشرة بعد حجز الاستضافة والدومين يظهر الدومين في الصفحة ، تم تضغط على ادارة ، فتوجهك لوحة تحكم الاستضافة التي اخترتها الى مكان تقوم فيه باختيار المثبت التلقائي او auto install.
بعدها مباشرة تتحول الى مكان للتنصيب منصة لإنشاء موقعك . وستجد العديد من المنصات تنشط في هذا المجال، لكن اشهرها وانجعها على الإطلاق منصة ووردبريس (WordPress) . وبعد تنصيبها ستفتح لك المنصة وتوجهك مباشرة الى لوحة المفاتح الخاصة بها .
و للتقريب الصورة اكثر عن كيفية تنصيب الووردبريس انظر الى الصور التوضيحية في الاسفل ⇓⇓ :
كما قلنا بعد شراء الدومين نضغط على manage او ادارة اذا كانت لوحة التحكم بالعربية كما في الصورة التالية :
manage domain screenshot
تم تنتقل مباشرة الى صفحة اخرى ثم تذهب الى website فتختار auto install كما هو موضح في الصور :
auto install WordPress screenshot
ثم تنتقل الى حيث تجد منصات لانشاء المواقع الالكترونية فتقوم بتنصيب wordpress ، انظر الصورة :
install-WordPress-screenshot
شرح لوحة المفاتح للوورد بريس بالصور :
بعد تنصيب wordpress ستفتح معك لوحة مفاتح وورد بريس وهي كالتالي :
wordpress-dashboread-screenshot
| شرح لوحة المفاتح : |
| الرئيسة : home بالانجليزية الوجه الافتراضي او الرئيسي للوحة مفاتح ووردبريس |
| مقالات : او posts وهو مكان كتابة المقالات |
| وسائط : مكان للتحميل الصور والفيديوهات على المقالات او الصفحات |
| صفحات : او pages وتعني صفحات الموقع وهنا يتم انشائها |
| elementnor : هو تطبيق للتعديل مظهر الموقع وإضافات قوية واحترافية |
| :قوالب : هنا توجد قوالب اخرى تضاف على theme الاصلي مثل popup او form..الى غير ذالك |
| المظهر : او وهو مكان للتحميل قالب الموقع الافتراضي للتقوم بالتعديل عليه بتطبيقات اخرى حتى يكون ذات مواصفات عالمية |
| اضافات : او plugins وهومكان للتحميل التطبيقات التي تساعد على بناء واضافة خصائص للموقع قوي يستجيب للمتطلبات العصر |
| اعضاء : وهو مكان يوجد فيه مدير الموقع وبإمكانك ان تشارك اشخاص اخرين كاعضاء في الموقع لإدارته |
اهم إضافات الوورد بريس :
توجد العيد من إضافات للتحميلها على الوورد بريس. وهي تطبيقات يتم العمل بها داخل الوورد بريس لانشاء موقع الكتروني واعطائه مظهر جداب وسلاسة في التصفح ويبقى اهمها و ابرزها :
» theme : وهو القالب اللذي ستستخدمه للموقعك ويتم التنسيق عليه بتطبقات اخرى .
» elementor : تطبيق للتعديل مظهرالموقع، واعطائه قالب جداب ومتناسق يراعي اهتمام الموقع. فمثلا : موقع الكتروني للسياحة ، ليس كموقع اخبار او كموقع العاب. ايضا شاشة الحاسوب ليست كشاشة الهاتف او اللوحات الالكترونية الاخرى .
كل هذا يتكلف به هذا التطبيق عبر اعطاء كل شاشة مقاسها ، حيث يظهر عليها الموقع مثالي يلائم مقاس وحجم كل شاشة على حدى، وللإ شارة يمكن انشاء موقع عالمي احترافي متكامل باستعمال فقط elementor .
كما يساهم هذا التطبيق في عملية التسويق عن طريف توفير ما يسمى popup او form . وهو مكان يسجل فيه الزوار بريدهم الإلكتروني مقابل شئ معين، ككتيب صغير او فيديو… واهمية هذا الامر اكثر من اي شئ ثاني لانك هنا تجمع ايميلات العملاء للتسوق لهم منتوجاتك ومحتواك ايضا .
وبالتالي يبقو زبناء محتملين وبشكل مجاني مدى الحياة. وليس هناك فرصة التسويق الالكتروني للمنتجاتك وخدماتك في مجال العمل اونلاين اكبر من هذه. فعندما تكبر قاعدة هذه البيانات التي تجمعها سيكبر ايضا موقعك بشكل خرافي وبالتالي الارباح تزداد.
وباختصار الإلمنتور هذا مهم جدا ولا غنى عنه. وتوجد به نسختين هناك نسخة مجانية واخرى مدفوعة وكلاهما مهمتين، وقد تكتفي بالمجانية لكن ستفوتك مجموعة من الامتيازات التي ستجعل موقعك احترافي اكثر . وفعلا نحن ننصح به .
» editor : وهو تطبيق محرر المقال وهو المستعمل في كتابة المقالات بما في ذالك النصوص والصور والفيديوهات ويوفر مجموعة من الامتياز في شكل الكتابة ومقاستها ونوع الخط….
وهناك تطبيقات كثيرة تستخدم مثل: (Classic Editor ) المحرر التقليدي اللذي استخدمه شخصيا لإنشاء هذا المقال+ تطبيقات اخرى كثيرة وذات مهام مختلفة.
استكمال خطوات كيفية انشاء موقع الكتروني على ووردبريس
بناء الصفحة الرئيسية
الصفحة الرئيسية او مايسمى باللغة الانجليزية Home هي صفحة واجهة الموقع ، وتوجد عليها صفحات الموقع الاخرى في شكل صورة مصغرة في قالب صغير لكل واحد منها، وبداخل كل صفحة يوجد مقال حيث عند الضغط على صفحة من الصفحات في الصفحة الرئيسية تتوجه مباشرة الى المقال وتتصفحه .
وتظهر الصفحة الرئيسية على واجهة الموقع في قالب يتم تحميله من الإلمنتور ،وهو مخصص للصفحات الرئيسية، وفيه اشكال متنوعة على حسب تخصص الموقع ، فمثلا : قالب صفحة الاخبار ، ليس كقالب صفحة العاب ، وهكذا…
وميزتها انها تعطي للموقع واجهة جميلة وجدابة وايضا تسهل على الزائر اخد فكرة على محتوى الموقع .
وهذا رابط لمثال الصفحة الرئيسية للموقعنا : موقع مسوقون
انشاء باقي صفحات الموقع الالكتروني
كما ذكرنا ان الصفحة الرئيسية توجد عليها صفحات اخرى ، وهذه الصفحات ايضا لها قوالب خاصة يتم اختيارها على حسب النش المختار او نوعية الموقع .
فعندما تضغط على المقال الضاهر في اي صفحة تدخل مباشرة الى هذه الصفحة حيث يوجد قالب اخر مختلف عن قالب home ،ولكل واحدة من هذه الصفحات لها عنوان ومحتوى خاص بها يميزها عن غيرها ، مما يمكن الزوار من الدخول للموقع من صفحات مختلفة الى الموقع الالكتروني عن طريق مسارات العناوين المختلفة للمقالات.
وتتداخل هذه الصفحات في شكل متناسق في ما بينها بواسطة الإلمنتور، لتعطي موقع عالمي المواصفات .
كيفية انشاء موقع الكتروني على ووردبريس و انشاء قائمة رئيسية
توفر الإلمنتور اضافة الى القوالب قائمة للموقع ، وتكون غالبا اعلى الموقع كما راينا في الصورة اعلاه ، وتكون هذه القائمة بمتابة دليل للزائر حيت يتم الاشارة فيها الى كل محاور الموقع، وتعطي فكرة عامة على الموقع للمتصفح .
وتساهم menue او القائمة في تسهيل عملية التنقل والتصفح،كما لها سيمة تجميلية،تزينية للموقع .
وتضهر على هذا الشكل :
صورة للشكل القائمة
انشاء متجر إلكتروني
صورة للمتجر الكتروني
المتجر الإلكتروني عبارة عن متجر افتراضي على الانترنيت، فيه صور للمنتوجات التي يتم بيعها ، وتوضع في قوالب خاصة بالمتاجر الالكترونية والتجارة الالكترونية .
كما يوجد فيها نبدة عن المنتجات، واسعارها بشكل تسويقي محض. وايضا توجد بها بوابة للدفع بوسائل الدفع المختلفة .إضافة الى وسائل التواصل المختلفة مع العملاء. وايضا محتوى وكل ما من شأنه ان يزيد من المبيعات.
وهناك منصات وشركات مشهورة وعالمية مختصة في التجارة الالكترونية وانشاء المتاجر الالكترونية كمثل shopify وغيرها كثير.
وقد قمنا بإنشاء دليلل شامل عن كيفية انشاء متجر شوبيفاي احترافي. ويمكنك الوصول اليه عبر هذا الرابط » :دليل كيفية انشاء متجر شوبيفاي احترافي 2022 بصور حصرية لتطبيق عملي
اما في هذا المقال فقد قمنا بالمشي على خطة تعليمية بحيث يمكنك ان تنشأ موقع الكتروني بنفسك من الصفر، بما فيه المتجر الالكتروني ودون الحاجة الى منصة انشاء المتاجر الالكترونية المدفوعة وإنما بشكل مجاني.
ولإنشاء متجرك الخاص، يتم تحميل تطبيق من تطبيقات انشاء المتاجر الإلكترونية، واكثرها شهرة ونجاعة هو تطبيق woocommerce، و الذي يتم تحميله من الاضافات على الووردبريس .
وتوجد بداخل هذا التطبيق قوالب كثيرة، تقوم باختيار واحد منها ،وتنصبه ،وتعدل عليه بناءا على نوع المنتج اللذي تبيعه.
خلاصة
وبالنهاية نتمنى ان نكون قد وصلنا اليك عزيزي القارئ فكرة شاملة عن كيفية انشاء موقع الكتروني على ووردبريس، ومدى اهمية هذه المهارة التي اصبحت سهلة في حياتنا اليوم ، حيث ان الإنترنت غزى العالم وفرض نفسه ووفر وضائف بديلة للعيش الكريم والحرية المالية .
وإن كنت جادا وترغب في تعلم هذه المهارة بالإضافة الى مهارات اخرى في التسويق الالكتروني، و التجارة الالكترونية، و التسويق بالعمولة، و كنوع من توفير لك كل ما تحتاج اليه من معلومات وادوات وارضية مناسبة للتقدم والتطور اكثر في هذا المجال، انصحك بدورات البرنامج التدريبي الكامل .
لماذا هذا البرنامج بالضبط ؟ . الجواب ببساطة انه الاقوى في العالم العربي لحد اليوم، لانه ياخد بيدك خطوة بخطوة، ويفكك اسرار هذا العالم للتفهمه بسلاسة من الالف الى الياء في تطبيق عملي اون لاين.
وحتى ان كنت لا تملك اي فكرة على مجال online business بصفة عامة، بما فيه محاور هذا المقال وباقي محاور المقالات التي اشرنا اليها في روابط. أعلاه، فهذا البرنامج، برنامج تدريبي متكامل، يبدأ معك من الصفر و يشرح لك مفاهيم المجال، الى تعلم الاساسيات في محاضرات على شكل فيديوهات تطبيقية عملية مبسطة.
وحتما سينور عقلك ويأخد بيدك مشيا على اثار اقدام المحترفين الى ان تصل، دون تخبط لانك ستجد طلاب اخرون لتقاسم الافكار وتجد ايجابات لكل اسئلتك، كما يمكنك التواصل مع الدعم الفني في اي شئ يخصك.
الآن وصل عدد الطلاب على موقع الكورس ما يقارب 2000 طالب وانا شخصيا كنت طالب هناك .
وهذا رابط للمعرفة اكثر على هذا البرنامج من واقع تجربتي الشخصية:
