[دورة] إنشاء موقع مجاني مكون من منتدى و مدونة و واجهة موقع

[الزعيم علي]

بسم الله الرحمن الرحيم

أعزائي زوار و أعضاء منتديات صامطة الثقافية

السلام عليكم و رحمة الله و بركاته

يسرني أن أقدم لكم هذه الدورة و التي سنصمم من خلالها موقعا مجانيا .

و حصريا على منتديات صامطة الثقافية

في هذه الدورة سأتطرق لأمور التالية :

أولا : حجز إستضافة و دومين مجانيان
ثانيا : إنشاء قواعد بيانات
ثالثا : تركيب مدونة وردبريس Wordpress مجانية
رابعا : تركيب منتدى مجاني
خامسا : تصميم واجهة موقع و تركيبها
سادسا : تقصير دومين الموقع

النتيجة النهائية للدورة سنصمم مثل هذا الموقع البسيط

اسم الموقع : عقد اللؤلؤ
رابط الموقع : http://pearls-necklace.herobo.com





بداية ً سأوضح بعض الأمور

أولا : الإستضافة تعني أننا نحجز مساحة عن إحدى الشركات و المساحة التي سنحجزها قدرها 1500 ميقا

طبعا الأفضل هو حجز مساحة مدفوعة و تكون باشتراك سنوي أو شهري بسعر لا يتعدى 200 ريال

لكن بما اننا نريد فقط أن نتعلم هنا فسنستخدم المجانية

ثانيا : الدومين و تعني باختصار الرابط الذي سنحجزة لهذه المساحة و هنا سيكون مجانيا و يأتي مع المساحة

و لكن عيب هذا الدومين أنه طويل فمثلا تجده

www.####.maktoob.com

حيث أنه مكان #### اسم موقعك

و لكن سنتغلب على هذه المشكلة بتقصير الرابط إلى .tk
www.####.tk

و أيضا إذا كنت تريد حجز دومين مدفوع تستطيع ذلك و ذلك بأجر سنوي مقداره 50 ريال


ثالثا : أفضل موقع حالي للاستضافة المجانية هو

www.000webhost.com

أفضل موقع حالي للإستضافة المدفوعة

http://www.godaddy.com/



رابعا : سبق و أن قمت بطرح موضوعين يتحدثان عن كيفية انشاء مدونة مجانية في wordpress و blogger و هما

(شرح) انشاء مدونة Wordpress

(شرح) انشاء مدونة Blogger

فالبعض قد يتسائل و ما الفرق بين هذا و ذاك ؟
الفرق هو أنه مثلا عند استخدام مدونة wordpress على استضافة مجانية سيُطلق العنان لإبداعك لأقصى ما تتخيله...
و سيمكنك من حفظ قواعد البيانات و ستستطيع تفعيل الإضافات plugins و العديد من المزايا الرائعة ...

و لكن ما يميز الطريقتان السابقتان أنهما سهلتان و بسرعة يتم تطبيقها و تحصل على رابط بـ

www.####.wordpress.com

أو

www.####.blogspot..com



كونوا معنا ...

[الزعيم علي]

أولا : حجز إستضافة و دومين مجانيان

في البداية قبل التسجيل في الموقع يجب عليك استخدام متصفح internet Explorer

لا أدري لماذا لكنه لم يعمل على الفيرفوكس

إذا

توجه للموقع الذي سنحجز عليه و هو

http://www.000webhost.com/

و اختر الباقة الاستضافة المجانية




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



تم إنشاء الحساب و بالنتظار تأكيده عبر إيميلك



افتح الإيميل و ستجد الرسالة التالية و اضغط على الرابط الطويل في المنتصف




ستظهر لك هذه الرسالة و تفيد بأنه جاري بناء المساحة و تجهيزها... قم بتحديث الصفحة



بعد تحديث الصفحة تظهر لك هذه الرسالة و تفيد بتنشيط و تفعيل المساحة



للتوجه إلى لوحة التحكم للموقع Cpanel اختر Cpanel

أو بطريقة أخرى اذهب إلى هذا الرابط

http://members.000webhost.com/

و بعدها أدخل ايميلك و كلمة المرور و كلمة التحقق و بالتالي ستصل للوحة التحكم cpanel




مبروك
أنت الآن تملك مساحة مجانية و دومين مجاني

الدومين الذي حصلنا عليه هنا هو

http://pearls-necklace.herobo.com

ملاحظة : قد تحصل على دومين مختلف بدلا من .herobo

الأمر طبيعي جدا

---------

انتظرونا في الموضوع القادم ...

[الزعيم علي]

ثانيا : إنشاء قواعد بيانات

الإستضافة المجانية تتيح لك إنشاء قاعدتين فقط

أولا سننشيء قاعدة بيانات للمدونة

نذهب إلى لوحة التحكم للموقع Cpanel

ثم نختار هذا



ندخل اسم قاعدة البيانات
و إسم مستخدم قاعدة البيانات
و كلمة المرور



وسينتج لنا قاعدة البانات هذه



الآن سننشيء قاعدة بيانات للمنتدى
بنفس الطريقة و ندخل البيانات كما بهذه الصورة



و ستنتج لنا هذه



ملاحظة : معلومات قاعدة البيانات سنستخدمها في تعديل ملفات المدونه و المنتدى .

سؤال : ما ذا نعني بقاعدة البيانات ؟
" مثلا لو طُلب منك تخزين بيانات مجموعة من العاملين ستحتاج في بياناتهم الى اسمهم الاول مثلا واللقب ورقم الهاتف ثم العنوان والبريد الالكتروني هذه التي اعطيتك اياها تسمى حقول القاعدة والقاعدة ككل عنوانها سيكون بيانات العاملين اذا اصبح لدينا حقول فارغة ستبدا بتعبئتها لتصبح عندك قاعدة بيانات نشيطة ولو طلبت منك استخراج بيانات الموظف صاحب رقم الهاتف كذا ستلجا الى حقل الهاتف ثم تبحث عن الرقم المطلوب عندما تجده ستتجه الى خانة الاسم المقابل لهذا الرقم ليظهر لك صاحب الرقم
وكل منتدى هو عبارة عن اعضاء ومواضيع وردود بشكل عام هذه تعتبر هي جداول المنتدى بالاضافة الى غيرها من الجداول لذلك حتى يتم تخزين هذه الجداول يتطلب منا انشاء قاعدة لتحتوي على هذه الجداول وغيرها ويصبح لدينا منتدى"

إلى اللقاء في الموضوع القادم

[الزعيم علي]

ثالثا : تركيب مدونة وردبريس Wordpress مجانية

===============================
الخطوة الأولى : تنزيل الملفات و تثبيت البرامج
===============================

في البداية سنقوم بتحميل الملفات المطلوبة و هي :

1- ملف مدونة Wordpress العربية اصدار 3.3.1
من هنا


2- برنامج Notepad plus
من هنا
و سنستخدمة لتعديل ملفات المدونة
ملاحظة : أثناء التثبيت أفضل اختيار اللغة الإنجليزية لسهولة التعامل معها



3- برنامج FileZilla
من هنا
و سنستخدمه من أجل نقل ملفات المدونة للمساحة التي حجزناها
ملاحظة : بعد التثبيت أنصح بتغيير لغة البرنامج للإنجليزية و ذلك
بالذهاب إلى : تحرير ثم اعدادات ثم اختر اللغة ثم اختر اللغة الإنجليزية

===============================
الخطوة الثانية: ادخال معلومات قاعدة البيانات
===============================

الأن سنبدأ العمل

أولا سنقوم بتعديل ملف wp-config-sample.php و الموجود داخل ملف المدونة المظغوط
حيث نقوم بسحب المف من المملف المضغوط إلى داخل أي مجلد فارغ
لاحظ الصورة




الآن نقوم بالضغط على الملف بزر الفأرة الأيمن و اختيار
Edite with notepad



الآن سنرى هذه الكلمات و التي سنقوم باستبدالها بمعلومات قاعدة البيانات blog التي أنشأناها سابقا



و هذه معلومات قاعدة البيانات التي أنشأناها سابقا



نكتب
a1019233_blog بدلا من Database_name_here
و
a1019233_pearls بدلا من username_here
و
و نكتب كلمة المرور بدلا من password_here

و بعد كتابة اسم قاعدة البيانات و اسم مستخدم قاعدة البيانات و كلمة المرور
نحتاج لكتابة خادم البيانات

mysql16.000webhost.com بدلا من localhost

ليصبح بهذا الشكل



و نعمل حفظ للملف save من قائمة file





الآن سننقوم بإعادة تسمية الملف إلى wp-config.php بدلا من wp-config-sample.php



ليصبح بهذا الشكل



و بعد تعديل الملف و إعادة تسميتة نقوم الآن بإعادته إلى الملف المضغوط
لاحظ الصورة




و نوافق على إعادة حفظ الملف المضغوط




===============================
الخطوة الثالثة: انشاء مجلد جديد و رفع الملفات اليه
===============================

الآن سنقوم برفع الملف المضغوط إلى المساحة
بعد تسجيل الدخول الى لوحة التحكم cpanel كما عرفنا ذالك في الدرس الأول

نتوجه الآن إلى هذه الأيقونة




ملاحظة قد يطلب منك كلمة المرور مرة أخرى لا عليك و اذا واجهتك مشكلة أعد المحاولة

الآن نتوجه إلى المجلد puplic_html و نفتحه



الآن نقوم بإنشاء مجلد جديد خاص بالمدونة و نسميه blog
اضغط على New dir



و اكتب اسم blog ثم اضغط على علامة الصح



الآن نفتح المجلد الذي أنشأناه و هو blog



و نختار Upload كما بالصورة



الآن سنقوم برفع الملف و فك الضغط عنه مباشرة إلى داخل المجلد blog
ملاحظة : يجب اختيار الزر الموجود على اليمين



الآن نختار الملف المضغوط wordpress_3.3.1 و الذي يحتوي الملف congfig.php الذي قمنا بتعديله و اضغط علىعلامة الصح

انتظر قليلا ريثما يتم رفع الملف و فك الضغط عنه

===============================
الخطوة الرابعة : نقل الملفات باستخدام filezilla
===============================

بعد الرفع سنقوم بنقل الملفات التي تم فك الضغط عنها إلى المسار blog و ذلك بواسطة برنامج filezilla
و لكن نحتاج في البداية الى كتابة معلومات FTP و هي التقنية المستخدمة لتصفح ملفات المساحة عبر هذا البرنامج
حيث سندخل هذه المعلومات في البرنامج ليتمكن من الإتصال بالسيرفر

اتجه إلى لوحة التحكم cpanel الخاصة بالمساحة

و اختر هذه الأيقونة



و ستظهر لك هذه الصورة



نقوم الآن بفتح برنامج filezilla و سنرى خانات فارغة في الأعلى نقوم بتعبئتها بهذه البيانات



و بعدها نضفط على quickconnect

بعد الاتصال ستظهر هذه الصورة



ملاحظة : لعمل اتصال سريع اختر رمز السهم و سيظهر لك اسم الخادوم و اضغط عليه

الآن من جهة اليمين اختر puplic_html



ثم blog
ثم wordpress



ثم قم بتحديد كل الملفات
و قم بسحبها إلى الأعلى إلى داخل المجلد Blog بحيث تسقطها عليه
كما بهذه الصورة
و انتظر قليلا حتى يتم النقل




===============================
الخطوة الخامسة : تثبيت المدونة و تسجيل الدخول
===============================

توجة إلى المتصفح و قم بلصق الرابط التالي

www.####.com/blog/wp-admin/install.php

حيث تكتب مكان #### اسم موقعك

في مثالنا هذا سأكتب

www.http://pearls-necklace.herobo.com/blog/wp-admin/install.php

و ستظهر لك نافذة التثبيت
أدخل اسم الدونة و اسم المستخدم " المدير العام" للمدونة
و كلمة المرور و الإيميل

وثم تنصيب



و مبروك .. تم التنصيب و اضغط دخول

لا عليك من الترجة الحرفية " آسفون لخيبة أملك"



و هذه هي صفحة تسجيل الدخول و سوف تنتهي بـ wp-admin و هنا في هذا المثال ستكون

http://pearls-necklace.herobo.com/blog/wp-admin

أدخل اسم المستخدم و كلمة المرور





و مبروك عليك المدونة الكاملة

و لزيارتها على هذا الرابط

http://pearls-necklace.herobo.com/blog

نلقاكم في الموضوع القادم

[الزعيم علي]

رابعا : تركيب منتدى مجاني

[الزعيم علي]

خامسا : تصميم واجهة موقع و تركيبها

[الزعيم علي]

سادسا : تقصير دومين الموقع

[الزعيم علي]

تم تحديث الموضوع

[STYLER]

الزعيم علي ..!

بكل الأشكال والنوعيات

بكل روائع المواضيع التي طرحتها ..!

وبكل أنوع الشكر والتقدير ..!


شكرا لك من الأعماق وبحجم السماء ..

على ما قدمت وتقدم لهذا الصرح الشامخ ..!

تستاهل التقيييم وبجدارة واستحقاق ..!

[الزعيم علي]

الله يسلمك أخي " عمر السلطان"
الموضوع أنا كتبته قبل شهر
و هذا أول رد عليه
لذا قررت ان اكمل الدورة غدا بإذن الله

[الزعيم علي]

أعتذر عن عدم اكمال الموضوع
بسبب انشغالي الشديد
و أعدكم باستكماله قريبا

انتظرونا

[الزعيم علي]

رابعا : تركيب منتدى PBBoard مجاني

===============================
الخطوة الأولى : تنزيل الملفات
===============================


في البداية سنقوم بتحميل ملف منتدى PBBoard انسخة العربية اصدار 3.0.0



من هنا

و هذا موقع السكريبت

www.pbboard.com

===============================
الخطوة الثانية: ادخال معلومات قاعدة البيانات
===============================

الأن سنبدأ العمل

أولا سنقوم بتعديل ملف config.php و الموجود داخل ملف المدونة المظغوط
و للوصول لهذا الملف نفتح الملف المضغوط الذي قمنا بتنزيله
ثم نذهب للمجلد engine الموجود داخل مجلد forum

نسحب المف من المملف المضغوط إلى داخل أي مجلد فارغ على سطح المكتب
لاحظ الصورة




الآن نقوم بالضغط على الملف بزر الفأرة الأيمن و اختيار
Edite with notepad



الآن سنرى هذه الكلمات و التي سنقوم باستبدالها بمعلومات قاعدة البيانات forum التي أنشأناها سابقا



و هذه معلومات قاعدة البيانات التي أنشأناها سابقا



نكتب


mysql16.000webhost.com بدلا من localhost و هو عنوان الخادم
و
a1019233_forum أمام Database Name داخل علامات التنصيص "هنا"
و
a1019233_pbbأمام Database usernameداخل علامات التنصيص "هنا"
و
و نكتب كلمة المرور أمام Database passwordداخل علامات التنصيص "هنا"

ليصبح بهذا الشكل



و نعمل حفظ للملف save من قائمة file



و بعد تعديل الملف نقوم الآن بإعادته إلى الملف المضغوط
لاحظ الصورة




و نوافق على إعادة حفظ الملف المضغوط




===============================
الخطوة الثالثة: رفع الملف المضغوط
===============================

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

نتوجه الآن إلى هذه الأيقونة




ملاحظة قد يطلب منك كلمة المرور مرة أخرى لا عليك و اذا واجهتك مشكلة أعد المحاولة

الآن نتوجه إلى المجلد puplic_html و نفتحه





الآن سنقوم برفع الملف و فك الضغط عنه مباشرة إلى داخل المجلد المجلد الرئيسي للموقع وهو public_html
و نختار Upload



ملاحظة : 1- يجب اختيار الزر الموجود على اليمين

الآن نختار الملف المضغوط PBBoard _v3.0.0 و الذي يحتوي الملف congfig.php الذي قمنا بتعديله و اضغط علىعلامة الصح
2- اختر علامة صح لبدأ الرفع و فك الضغط في نفس الوقت
قد بستغرق ذلك بعض الوقت تقيبا 5 دقائق على حسب سرعة النت عندك



و هنا نرى أن الملف تم رفعه و فك الضغط عنه الى داخل مجلد جديد اسمه
PBBoard _v3.0.0
كما نرى في الصورة وهو مضلل بالون الأصفر



=================================================
الخطوة الرابعة :انشاء مجلد المنتدى forum و نقل الملفات داخله باستخدام filezilla
=================================================

في داخل المجلد الرئيسي public_html اختر انشاء مجلد جديد كما يلي
ثم
New-dir



ثم اكتب اسما لمجلد المنتدى
اكتب أي اسم لكن أعلب المنتديات يكتبو forum و هو الأفضل بمعنى منتدى بالعربي
ثم علامة الصح


و هنا نرى المجلد تم انشاؤه



بعد الرفع سنقوم بنقل الملفات التي تم فك الضغط عنها إلى المسار forum و ذلك بواسطة برنامج filezilla
نفح البرنامج و نعمل اتصال كما تعلمناه في درس تركيب المدونه

الآن من جهة اليمين اختر puplic_html



ثم
PBBoard _v3.0.0



ثم Upload



ملاحظة : لأن الملف المضغوط في تحديث مستمر من الشركة فانك قد لا تجد مجلد upload
قد تجد الملفات في مجلد اسمه forum
عموما المكان الذي تجد في الملفات قم تحديد كل الملفات منه

و قم بسحبها إلى الأعلى إلى داخل المجلد forum الذي أنشأناه سابقا بحيث تسقطها عليه
كما بهذه الصورة
و انتظر قليلا حتى يتم النقل




===============================
الخطوة الخامسة : تثبيت المنتدى و تسجيل الدخول
===============================

توجة إلى المتصفح و قم بلصق الرابط التالي

www.####.com/forum/setup/install/index.php

حيث تكتب مكان #### اسم موقعك



في مثالنا هذا سأكتب

www.http://pearls-necklace.herobo.com/forum/setup/install/index.php

و ستظهر لك نافذة التثبيت

















أدخل اسم المنتدى و اسم المستخدم " المدير العام" للمدونة
و كلمة المرور و الإيميل



وثم استكمال



هنا تم تركيب المنتدى و لكن يجب حذف مجلد Setup قبل البدأ في استخدام المنتدى كما يلي

نذهب للوحة تحكم الموقع Cpanel و نحذف مجلد Setup



ثم



و هنا انتهينا من نركيب المنتدى و نتوجه الى المنتدى



كما نرى هذا هو المنتدى



و هذه هي صفحة تسجيل الدخول و سوف تنتهي بـ admincp و هنا في هذا المثال ستكون

http://pearls-necklace.herobo.com/forum/admincp/

أدخل اسم المستخدم و كلمة المرور





و مبروك عليك المنتدى الكامل و المجاني

و لزيارته على هذا الرابط

http://pearls-necklace.herobo.com/forum

نلقاكم في الموضوع القادم

[الزعيم علي]

خامسا : تصميم واجهة موقع و تركيبها

استخدمت برنامج Adobe Muse لتصميم الواجهة

من هنا يمكنكم الحصول عليه

[برنامج] Adobe Muse لتصميم المواقع بسهولة

و من هنا تجدون شرح بسيط عنه

[شرح] برنامج Adobe Muse لتصميم المواقع بسهولة

[الزعيم علي]

سادسا : تقصير دومين الموقع

سنقوم بتقصسر الدومين
من هذا الشكل : pearls-necklace.herobo.com
ليصبح بهذا الشكل : pearls-necklace.tk

ادخل الى الموقع dot.tk

بواسطة متصفح google chrom

و اكتب اسم الدومين الذي ترغب في الحصول عليه مجانا



اختر كما في الصورة

1- Use DNS
2- DNS الخاص بك
3- مدة االدومين 12 شهر ... علما أن هذا الدومين بعد 12 شهر يتقفل و يحتاج تجديد



اذهب الى لوحة تحكم المنتدى و اختر View Account details



نقوم بنسخ هذه العناوين ثم نقوم بلصقها في خانات التسجيل في موقع dot.tk



لتصبح






ثم



اختر email





اسمك و كلمة المرور



اعد ارسال رسالة التأكيد التي قد تتأخر لساعات



افتح بريدك الاليكتروني في قسم البريد العشوائي ستجد الرسالة



انسخ رمز التأكيد و ادخل الى رابط التأكيد



الصق الرمز هنا



قم بتسجيل الدخول مرة أخرى لموقع dot.tk من الأعلى





هنا ستجد الدومين المسجل في حسابك قم بنسخه



اذهب الى لوحة تحكم الموقع و اختر Parked Domains



ألص الدومين الجديد هنا ثم OK



مبروك انتهينا
هنا سيأخذ الدومين تقريبا 5 ساعات أو أقل ليتم الربط



إلى اللقاء و نلتقي في دورات قادمة

و السلام عليكم و رحمة الله و بركاته

سبحانك اللهم و بحمدك أشهد أن لا إله إلا أنت أستغفرك و أتوب إليك


في أمان الله

[الأغر]

جهد تستح ان تشكر عليه
فبورك في جهودك

[STYLER]

الف مليون شكر يالغالي ..
مجهود جبار تشكر عليه ..

[STYLER]

وكل كلمات الشكر لا تكفيك ايها الرائع

[غزوله]

ماشاء الله مجهود تستحق كل الشكر عليه
يعطيك الف عافيه على ماتقدمه
دمت بكل الخير

[iern]

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

توجة إلى المتصفح و قم بلصق الرابط التالي
w ww.### #.c om/b log/wp-a dmin/ins tall.php
حيث تكتب مكان #### اسم موقعك
.
********
.
انا اسم موقعي لا ينتهي بـ com. بل ينتهي بـ net.
لذا سيكون الرابط
ht tp://# ## # .net/blo g/wp-adm in/insta ll.php
.
********
.

المشكلة اني بعد ما دخلت الرابط طلعتلي هي النافذة بدل من لوحة ادارة المدونة
h ttp://im37.gu lfup.c om/XUy Hk.png
.
********
محتواها : Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 30720 bytes) in /home/********/public_html/blog/wp-includes/class-http.php on line 1465
* ملاحظة : ادارة المنتدى تمنع ارفاق روابط حتى يبلغ عدد المشاركات 50 , لذا فقط احذف الفراغات من الرابط لترى الصورة *

اتمـنــــــــــــــــــــــــى ألاقـــــــــــــي منك رد قريباً ..
مع اني اعرف حظي السيئ TT^TT
انتظرك بفارغ الصبر ...
مع تحياتي ...

[الزعيم علي]

أهلا iern

بالفعل أصبح موقع 000webhost لا يدعم تثبيت المدونات
و هناك الكثير يعانون من هذه المشكلة و ذالك بسبب تقليله لحجم الذاكرة .... الخ
لو تلاحظ ان تاريخ كتابتي للموضوع قبل سنة و بالتأكيد راح تحصل تغيرات

لكن الحل موجود و هو الاشتراك في استضافة أخرى جديدة من هذا الموقع

hostinger.ae

و قمت بالاشتراك فيه و تركيب مدونة ووردبريس
يمكنك زيارتها من هذا الرابط

greatking.pusku.com

قمت برفع الملف بواسطة برنامج الرفع filezilla

و اذا واجتك مشكلة في الاشتراك أو تثبيت المدونة لاتترد بالسؤال