WordPress هو نظام إدارة محتوى قوي وشائع، ولكنه يستضيف ديناميكيًا WordPress يمكن أن يكون الموقع مكلفًا ويتطلب صيانة مستمرة. بالنسبة للعديد من مواقع الويب أو المدونات البسيطة، يتوفر إصدار ثابت من ملف WordPress يمكن أن يكون الموقع بديلاً ممتازًا. تعد المواقع الثابتة أسرع وأكثر أمانًا ويمكن استضافتها مجانًا على منصات مثل GitHub Pages أو Netlify أو Vercel.
في هذا البرنامج التعليمي، سأشرح عملية إنشاء نسخة ثابتة من ملفك WordPress الموقع واستضافته مجانا. هذا النهج مثالي للمبتدئين الذين يرغبون في الاستفادة من سهولة الاستخدام WordPress واجهة لإنشاء المحتوى مع الاستمتاع بمزايا الموقع الثابت.
الأدوات التي تحتاجها
قبل الغوص في هذه العملية، دعونا نتأكد من أن لديك جميع الأدوات اللازمة. فيما يلي قائمة بكل ما ستحتاجه لاستضافة بياناتك الثابتة WordPress الموقع مجانا :
• LocalWP: محلية مجانية WordPress أداة تطوير تسمح لك بالبناء والاختبار WordPress المواقع حاليا.
• ببساطة ثابتة: مجانا WordPress البرنامج المساعد الذي ينشئ نسخة ثابتة من ملفك WordPress موقع.
• بوابة: نظام التحكم في الإصدار لتتبع التغييرات في ملفاتك. عادةً ما يتم تثبيته مسبقًا على نظامي التشغيل Mac وLinux. يمكن لمستخدمي Windows التنزيل من git-scm.com
• جيثب سطح المكتب: واجهة سهلة الاستخدام لإدارة مستودعات Git. قم بتنزيله من: Desktop.github.com
• حساب جيثب: ستحتاج إلى هذا لاستضافة المستودع الخاص بك واستخدام صفحات GitHub. سجل مجانا على: github.com
• حساب منصة الاستضافة: اختر واحدًا مما يلي:
- صفحات GitHub (تأتي مع حساب GitHub الخاص بك)
- نيتليفي: netlify.com
- فيرسل: vercel.com
قبل متابعة البرنامج التعليمي، تأكد من تثبيت هذه الأدوات وإعداد الحسابات. إن تجهيز كل شيء سيجعل العملية سلسة ومباشرة.
الخطوة 1: تطوير الخاص بك WordPress الموقع على LocalWP
قبل أن نبدأ، سوف تحتاج إلى الحصول على WordPress الموقع جاهز. إذا لم تكن قد أنشأت موقعك بعد، أو إذا كان مستضافًا حاليًا في مكان آخر، فإنني أوصي باستخدام LocalWP (المعروف سابقًا باسم Local by Flywheel) لتطوير موقعك واختباره محليًا.
- قم بتنزيل وتثبيت LocalWP مجانًا من localwp.com.
- إنشاء جديد WordPress الموقع في LocalWP.
- صمم موقعك وأضف المحتوى وقم بتثبيت المكونات الإضافية الضرورية.
- تأكد من أن موقعك يبدو ويعمل تمامًا كما تريده في شكله الثابت.
فهم قيود الموقع الثابت
بينما ساكنة WordPress تقدم المواقع مزايا مثل تحسين السرعة والأمان وخيارات الاستضافة المجانية، ومن المهم أن تكون على دراية بقيودها. بعض الميزات الديناميكية ل WordPress لن تعمل في بيئة ثابتة:
- WordPress استمارات طلب خدمة : تقليدي WordPress لن تعمل النماذج التي تعتمد على المعالجة من جانب الخادم. يتضمن ذلك نماذج الاتصال ونماذج الاشتراك والنماذج التفاعلية الأخرى.
- WordPress التعليقات: أنظمة التعليق الديناميكية التي تسمح بتفاعلات المستخدم في الوقت الفعلي غير مدعومة في المواقع الثابتة.
- الوصول إلى منطقة الإدارة: أي روابط ل
/wp-admin
أو ما شابه ذلك داخليا WordPress لن تعمل المسارات، لأنها تتطلب معالجة من جانب الخادم. - تحديثات المحتوى في الوقت الحقيقي: تتطلب المواقع الثابتة التجديد وإعادة النشر حتى تظهر أي تغييرات في المحتوى، على عكس الديناميكية WordPress المواقع التي تكون التغييرات فيها فورية.
- مصادقة المستخدم: الميزات التي تتطلب تسجيل دخول المستخدم أو عضويته غير مدعومة في إعداد الموقع الثابت الأساسي.
- وظائف التجارة الإلكترونية: لن تعمل عربات التسوق الديناميكية ومعالجة الدفع عادةً في بيئة ثابتة.
- وظيفة البحث: WordPressلن تعمل ميزة البحث المضمنة في برنامج Simply Static Pro، على الرغم من إمكانية تنفيذ البدائل (كما هو مذكور في ميزات Simply Static Pro).
- أشرطة جانبية وعناصر واجهة مستخدم ديناميكية: الأدوات التي تسحب البيانات في الوقت الفعلي أو تتطلب معالجة من جانب الخادم لن تعمل كما هو متوقع.
الحلول الممكنة
على الرغم من وجود هذه القيود، إلا أن هناك طرقًا للتخفيف من بعضها:
- بالنسبة للنماذج، يمكنك استخدام خدمات الجهات الخارجية مثل Formspree أو Netlify Forms.
- يمكن التعامل مع التعليقات من خلال خدمات مثل Disqus أو Facebook Comments.
- يمكن تنفيذ وظيفة البحث باستخدام حلول من جانب العميل مثل Lunr.js أو Algolia (كما هو معروض في Simply Static Pro).
- بالنسبة للتجارة الإلكترونية، فكر في استخدام خدمات خارجية مثل Snipcart أو Gumroad.
عند تطوير الخاص بك WordPress الموقع، ضع هذه القيود في الاعتبار وخطط لبنية موقعك وميزاته وفقًا لذلك. ركز على الصفحات التي تعتمد على المحتوى وقلل الاعتماد على الميزات الديناميكية التي لن تترجم إلى بيئة ثابتة.
الخطوة 2: التثبيت والتكوين ببساطة ثابت
ببساطة ثابت هو مجاني WordPress المساعد الذي ينشئ نسخة ثابتة من ملفك WordPress موقع. وإليك كيفية إعداده:
- في الخاص WordPress لوحة التحكم، انتقل إلى المكونات الإضافية > إضافة جديد.
- ابحث عن "Simply Static"، وقم بتثبيت البرنامج الإضافي وتفعيل البرنامج الإضافي.
- انتقل إلى ببساطة ثابت> الإعدادات في جهازك WordPress لوحة القيادة.
- ضمن علامة التبويب "عام"، قم بتعيين ما يلي:
- عناوين URL المقصودة: اختر "حفظ للاستخدام دون اتصال بالإنترنت". إذا كان لديك نطاقًا مخصصًا بالفعل، فاختر "عناوين URL المطلقة"، وفقًا للقطة الشاشة أدناه:
- الدليل المحلي: اضبط هذا على دليل خارج نطاقك WordPress التثبيت، على سبيل المثال،
/Users/yourusername/Documents/StaticSite
- ضمن علامة التبويب "تضمين/استبعاد"، تأكد من تضمين جميع عناوين URL الضرورية.
- في معظم الحالات استخدم /wp-content/ و /wp-includes/
- حفظ الإعدادات الخاصة بك.
هنالك أيضا النسخة الاحترافية من SimplyStatic، فيما يلي ملخص للميزات الاحترافية للمكون الإضافي Simply Static:
- النشر المتقدم:
- انشر المواقع الثابتة على منصات متعددة بما في ذلك SimplyCDN وGitHub وAmazon AWS S3 وDigital Ocean Spaces وBunnyCDN.
- تحديثات الموقع السهلة:
- إدارة تحديثات المحتوى بكفاءة، سواء للمشاركات الفردية أو التحديثات المجمعة أو عناوين URL المحددة.
- تكامل النماذج والتعليقات:
- قم بدمج النماذج من المكونات الإضافية الشائعة بسلاسة مثل Contact Form 7 وGravity Forms وElementor Forms في موقعك الثابت.
- وظيفة البحث:
- قم بتنفيذ البحث الأساسي باستخدام Fuse.js أو قم بالترقية إلى تجربة بحث أكثر شمولاً مع Algolia.
- دعم WP-CLI:
- استخدم WP-CLI لتكوين ميزات Simply Static وتصديرها وإدارتها مباشرةً من سطر الأوامر.
- دعم متعدد اللغات:
- قم بتقديم محتوى بلغات متعددة مع تكاملات مع WPML، وPolylang، وTranslatePress.
- التصغير:
- تحسين أداء الموقع عن طريق تصغير ملفات CSS وJavaScript وملفات HTML الثابتة.
- WordPress إخفاء:
- استبدال الافتراضي WordPress طرق لإخفاء حقيقة ذلك WordPress يتم استخدامه كنظام إدارة المحتوى.
تعمل هذه الميزات الاحترافية على تحسين وظائف ومرونة الأجهزة الثابتة بشكل كبير WordPress المواقع، مما يسمح بعمليات نشر أكثر تقدمًا وأداء أفضل وتجربة مستخدم محسنة.
الخطوة 3: تهيئة مستودع Git
الآن بعد أن قمنا بإعداد منشئ الموقع الثابت، فلنجهز دليلنا المحلي للتحكم في الإصدار:
- افتح محطة أو موجه الأوامر.
- انتقل إلى الدليل الذي حددته في Simply Static (على سبيل المثال،
cd /Users/yourusername/Documents/StaticSite
). - قم بتهيئة مستودع Git جديد عن طريق تشغيل:
git init
الخطوة 4: إنشاء مستودع جيثب
سنستخدم GitHub Desktop لإنشاء مستودعنا وإدارته:
- قم بتنزيل وتثبيت GitHub Desktop من Desktop.github.com إذا لم تكن قد فعلت بالفعل.
- افتح GitHub Desktop وقم بتسجيل الدخول إلى حساب GitHub الخاص بك.
- انقر فوق "ملف" > "مستودع جديد" أو استخدم الزر "إنشاء مستودع جديد على محرك الأقراص الثابتة لديك".
- اضبط ما يلي:
- الاسم: اختر اسمًا لمستودعك (على سبيل المثال، "my-static-wordpress")
- المسار المحلي: اضبط هذا على نفس الدليل الذي حددته في Simply Static
- قم بتهيئة هذا المستودع باستخدام الملف التمهيدي: اتركه بدون تحديد
- تجاهل البوابة: اختر "لا شيء" (لقد أنشأنا منطقتنا في الخطوة 3)
- الترخيص: اختر الترخيص المناسب أو اتركه كـ "لا شيء"
- انقر فوق "إنشاء مستودع"
الخطوة 5: تنفيذ المستودع
الآن بعد أن قمنا بإعداد المستودع الخاص بنا، فلنقم بالتزامنا الأول:
- في GitHub Desktop، يجب أن ترى جميع الملفات الموجودة في موقعك الثابت مدرجة كتغييرات.
- أدخل ملخصًا لالتزامك (على سبيل المثال، "الالتزام الأولي لملفات الموقع الثابتة").
- انقر فوق "الالتزام بالرئيسي" (أو "الالتزام بالإتقان" في الإصدارات الأقدم).
- انقر فوق "نشر المستودع" لدفع المستودع المحلي الخاص بك إلى GitHub.
الخطوة 6: قم بتشغيل التصدير الثابت ببساطة
حان الوقت الآن لإنشاء موقعنا الثابت:
- نعود إلى الخاص WordPress لوحة القيادة.
- انتقل إلى ببساطة ثابت> إنشاء. (يمكنك تجاهل تنبيه خطأ التشخيص، حيث أنك تقوم بالنشر إلى دليل محلي فقط).
- انقر فوق "إنشاء ملفات ثابتة".
- انتظر حتى تكتمل العملية. قد يستغرق ذلك بضع دقائق حسب حجم موقعك.
- بمجرد الانتهاء، ارجع إلى GitHub Desktop.
- يجب أن تشاهد الملفات التي تم إنشاؤها أو تحديثها حديثًا مدرجة كتغييرات.
- قم بإجراء هذه التغييرات برسالة مثل "تحديث ملفات الموقع الثابتة".
- ادفع التغييرات إلى GitHub بالنقر فوق "Push Origin".
الخطوة 7: قم بتوصيل المستودع بمنصة الاستضافة
الآن بعد أن أصبح موقعنا الثابت على GitHub، يمكننا بسهولة ربطه بمنصة استضافة مجانية. سأقدم تعليمات لصفحات GitHub وNetlify وVercel:
جيثب الصفحات
- انتقل إلى المستودع الخاص بك على GitHub.com.
- انقر على "الإعدادات" > "الصفحات" في الشريط الجانبي الأيسر.
- ضمن "المصدر"، حدد "النشر من فرع".
- اختر الفرع الذي تريد نشره (عادةً "رئيسي" أو "رئيسي").
- حدد المجلد الجذر (/) وانقر فوق "حفظ".
- سيكون موقعك مباشرًا في
https://yourusername.github.io/repository-name/
.
Netlify
- قم بالتسجيل للحصول على حساب مجاني في netlify.com.
- انقر فوق "موقع جديد من Git" في لوحة تحكم Netlify الخاصة بك.
- اختر GitHub كموفر Git الخاص بك وقم بتفويض Netlify.
- حدد المستودع الخاص بك من القائمة.
- اترك أمر البناء ونشر الدليل فارغًا.
- انقر فوق "نشر الموقع".
- سيكون موقعك متاحًا على نطاق فرعي لـ Netlify، والذي يمكنك تخصيصه في إعدادات الموقع.
فرسل
- قم بالتسجيل للحصول على حساب مجاني في vercel.com.
- انقر فوق "مشروع جديد" في لوحة تحكم Vercel الخاصة بك.
- قم باستيراد مستودع GitHub الخاص بك.
- اترك إعدادات البناء كما هي (يجب أن يكتشف Vercel تلقائيًا أنه موقع ثابت).
- انقر فوق "نشر".
- سيكون موقعك مباشرًا في نطاق Vercel الفرعي، والذي يمكنك تخصيصه في إعدادات المشروع.
نبذة عامة
تهانينا! لديك الآن نسخة ثابتة من ملفك WordPress الموقع مستضاف مجانا. تذكر أن تقوم بتجديد ملفاتك الثابتة ودفعها كلما قمت بإجراء تغييرات على ملفك WordPress موقع. يتيح لك سير العمل هذا الاستمتاع بسهولة WordPress لإنشاء المحتوى مع الاستفادة من السرعة والأمان والاستضافة المجانية لموقع ثابت.
بعض النصائح الإضافية:
- فكر في إعداد نطاق مخصص للحصول على مظهر أكثر احترافية.
- قم بتحديث جهازك بانتظام WordPress التثبيت والمكونات الإضافية للتأكد من أنك تعمل مع أحدث الميزات والتحديثات الأمنية.
- اكتشف الميزات المتقدمة لـ النسخة الاحترافية من Simply Static، مثل الاختباء WordPress وإعداد النماذج أو وظيفة البحث لموقعك الثابت.