Website

  • Understanding Jekyll Layouts

    عندما تقوم بتثبيت Jekyll وتشغيله وفقًا للدليل المقدم على موقع Jekyll، قد تجد أن الموقع يعمل بشكل ممتاز، ولكنك تواجه صعوبة في العثور على مجلد “_layouts” الذي يفترض وجوده في مشروع Jekyll الخاص بك. يمكن أن يثير هذا الأمر بعض الارتباك، ولكن دعني أوضح لك ما يحدث.

    في المثال الذي قدمته، يبدو أنك قمت بإنشاء صفحات متعددة مثل “index.html” و “about.md”، وقمت بتعيين الـ layouts المراد استخدامها في كل منها في مقدمتها باستخدام خاصية “layout”. على سبيل المثال، في ملف “index.html” تم استخدام الـ layout باسم “default”، بينما في ملف “about.md” تم استخدام الـ layout باسم “page”.

    السبب في عدم وجود مجلد “_layouts” في مشروعك يمكن أن يكون لأنه لم يتم استخدامه مباشرة. في Jekyll، يمكنك استخدام الـ layouts المدمجة مباشرة دون الحاجة إلى إنشاء مجلد خاص لها. إذا كنت تستخدم الـ layouts المدمجة، فإن Jekyll سيعمل بشكل جيد دون الحاجة إلى وجود مجلد “_layouts”.

    بمعنى آخر، الـ layouts المدمجة هي تلك التي تأتي مع Jekyll بشكل افتراضي دون الحاجة إلى تعريفها بشكل منفصل في مجلد “_layouts”. وهذا يفسر لماذا تعمل الموقع بشكل جيد وتظهر الصفحات بشكل مناسب عند تشغيله على localhost رغم عدم وجود مجلد “_layouts” في هيكل المشروع.

    لذا، لا داعي للقلق إذا لم تجد مجلد “_layouts” في مشروعك، فالأمر يبدو طبيعيًا وكل شيء يعمل كما هو متوقع بفضل الـ layouts المدمجة في Jekyll.

    المزيد من المعلومات

    بالطبع، دعني أوضح المزيد من المعلومات حول الـ layouts في Jekyll.

    في Jekyll، يتم استخدام الـ layouts لتحديد الهيكل العام لصفحات الموقع. يمكنك تصور الـ layout كقالب يُستخدم لجميع الصفحات التي تشير إليه، مما يسمح بتطبيق تنسيق وتصميم متجانس على الموقع بأكمله.

    عندما تقوم بتحديد الـ layout في ملف الصفحة، يقوم Jekyll بتضمين محتوى تلك الصفحة داخل الـ layout المعينة. على سبيل المثال، في ملف “index.html” الذي ذكرته سابقًا، تم تحديد استخدام الـ layout باسم “default”، وهذا يعني أن محتوى ملف “index.html” سيتم تضمينه داخل الـ layout الموجود في المجلد “_layouts” بالاسم “default” إذا كان متوفرًا.

    إذا لم تقم بإنشاء مجلد “_layouts” وتعريف الـ layouts الخاصة بك داخله، فإن Jekyll سيعتمد على الـ layouts المدمجة التي تأتي معه بشكل افتراضي. هذه الـ layouts تشمل “default” و “post” و “page”، ويمكنك استخدامها مباشرة دون الحاجة إلى إنشاء مجلد خاص بها.

    ومن الجدير بالذكر أنه يمكنك دائمًا إضافة مجلد “_layouts” وتعريف layouts خاصة بك إذا كنت بحاجة إلى تخصيصات أو تصميمات محددة تريد تطبيقها على صفحات معينة في موقعك.

    باختصار، عدم وجود مجلد “_layouts” في مشروع Jekyll الخاص بك ليس أمرًا غريبًا، وذلك لأن Jekyll يمكنه الاعتماد على الـ layouts المدمجة بشكل افتراضي دون الحاجة إلى إنشاء مجلد خاص بها.

  • حل مشكلة ERR_TOO_MANY_REDIRECTS في WordPress: دليل الإصلاح

    عند مواجهتك لمشكلة ERR_TOO_MANY_REDIRECTS في موقع ووردبريس الخاص بك، يبدو أن هناك حلقة توجيه تحدث على صفحة البداية خاصتك عند استخدام متصفح Google Chrome. الأمر يتسبب في تكرار التوجيه (redirection loop)، ولكن يبدو أن هذا السلوك يختفي عند الوصول إلى لوحة التحكم الإدارية أولاً ومن ثم العودة إلى الصفحة الرئيسية.

    تحتاج إلى فحص العديد من العوامل لتحديد سبب هذه المشكلة. قد يكون هناك تداخل بين إضافات WordPress التي تستخدمها، وخاصة الإضافات التي تؤثر على النصوص والروابط. يجب أن تكون على دراية بالإضافات التي تم تثبيتها، مثل WPML و Yoast SEO، وتحقق من إعداداتها للتأكد من عدم وجود تضارب في التوجيه.

    علاوة على ذلك، يمكن أن يكون هناك تكوين خاص بمتصفح Google Chrome يؤدي إلى هذا السلوك. يمكنك محاولة حذف ذاكرة التخزين المؤقتة للمتصفح أو استخدام نافذة متصفح خاصة (incognito) لتجاوز أي تأثيرات متصفح مخصصة.

    تأكد من أن عنوان موقعك الإلكتروني معتمد على البروتوكول الصحيح (http أو https) وتأكد من أن توجيهات النطاقات مُكوَّنة بشكل صحيح في لوحة التحكم الخاصة بمقدم الاستضافة.

    في بعض الأحيان، يمكن أن تكون هناك مشكلة في ملف .htaccess. قم بفحصه للتأكد من أن الإعدادات الخاصة بالتوجيه ليست بها أخطاء.

    إذا لم تجد حلاً بعد التحقق من هذه النقاط، يفضل التواصل مع دعم استضافتك للحصول على مساعدة إضافية، حيث قد يكونون قادرين على تحديد المشكلة بشكل دقيق وتقديم حلاً مناسباً.

    المزيد من المعلومات

    تحتوي مشكلة ERR_TOO_MANY_REDIRECTS التي تواجهك في صفحة البداية لموقع WordPress الخاص بك على تحديات فنية معقدة يجب التعامل معها بحذر. يبدو أن هذه المشكلة تظهر فقط عند استخدام متصفح Google Chrome وتختفي عند الوصول إلى لوحة التحكم الإدارية أولاً، مما يشير إلى أن هناك عاملًا خاصًا يتفاعل مع هذا المتصفح بشكل خاص.

    من الواضح أنك قد قمت بتثبيت إضافات هامة مثل WPML و Yoast SEO، وهما يعتبران جزءًا أساسيًا من تكوين وتحسين موقعك. يجب عليك فحص إعدادات هاتين الإضافتين بدقة للتحقق من عدم وجود تعارض في التوجيه أو الإعدادات المتقدمة. يمكن أن تؤدي بعض التعديلات على الإعدادات في WPML أو Yoast SEO إلى حل هذه المشكلة، لذا يفضل مراجعة الوثائق الرسمية لكل إضافة.

    بالإضافة إلى ذلك، يجب عليك التحقق من تكوينات الملف .htaccess الخاص بموقعك. يعد هذا الملف أحد العناصر الحيوية في توجيه حركة المرور على موقعك، وقد تكون هناك أخطاء في الكود تؤدي إلى حلقة التوجيه المستمرة.

    تجربة تحديث بيانات النطاق والتأكد من تكوين النطاق الصحيح في لوحة التحكم لديك أيضًا قد تكون مفيدة. قم بالتحقق من إعدادات البروتوكول (http أو https) للتأكد من التوجيه الصحيح.

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

  • مراحل إنشاء مشروع موقع ويب

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

    ما هي مراحل تصميم وإنشاء مواقع الويب ؟

    1. المرحلة الأولي: التخطيط لبناء الموقع 💡

    2. تصميم صفحات الويب للموقع 💻

    3. الإعداد والتجهيز لصفحات الويب 🖌️

    4. مرحلة التنفيذ 🛡️

    5. رفع ونشر الموقع عبر الانترنت 🌐

    اولا قبل البدء يجب ان تعرف ماهي مواقع الويب Website وبعض المصطلحات العامة عنه

    ما هي مواقع الويب Website 🌐

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

    ما هي مكونات صفحات الويب ؟

    صفحة الويب 📄

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

    الصفحة الرئيسية 🏠

    أول صفحة في موقع الويب ومن خلالها يتم الانتقال لباقي صفحات الويب

    عناصر صفحة الويب 🛠️ :

    تتكون من مجموعة من الصور والنصوص والصوت والفيديو

    صفحات الويب التفاعلية والثابتة:

    يوجد صفحات ويب ثابتة Static web pages

    وكذلك صفحات ويب تفاعلية Interactive web pages

    حسنا ماهو الفرق بينهم ؟

    صفحات الويب الثابتة (static web page)

    1. عناصرها: نصوص صور صوت لقطات فيديو

    2.  يقوم المصمم بتصميم محتواها الصفحة ويكون محتواها ثابتا لا يتغير

    3. لا يتم تغيير محتوي الصفحات إلا بإدخال تغيير على الشفرة من المصدر يدويا

    4. صفحة الويب الثابتة تعرض معلومات لمشاهدتها فقط

    5. لا يستطيع الزائر إجراء أي معالجة على محتوي صفحة الويب الثابتة

    6. تستخدم أوامر HTML في تصميم الصفحات الثابتة

    صفحات الويب التفاعلية (Interactive web pages)

    1. عناصرها (نصوص صوت صور لقطات فيديو بالإضافة إلي التفاعل

    2. صفحات الويب التفاعلية تعرض محتوي يتيح للزائر التفاعل مع المحتوي ومعالجته

    3. الصفحة التفاعلية تتغير وتتأثر بما يجريه عليها المستخدم من عمليات

    4. تستخدم أوامر HTML بالإضافة للغات برمجة تفاعلية مثل لغة جافاسكريبت Javascript و لغة PHP

    التخطيط لبناء الموقع 💡

    1 – رسم تخطيط بسيط لصفحات الموقع على الورقة (الصفحة الرئيسية للموقع باقي صفحات الموقع المرتبطة بالصفحة الرئيسية)

    2 – تحديد البيانات والمعلومات التي تتضمنها كل صفحة ويب (المعلومات والخدمات التي يقدمها الموقع)

    تصميم صفحات الويب للموقع 💻

    1 – تصميم شكل الصفحة الرئيسية وصفحات الموقع

    2 – تحديد التنسيقات المختلفة لصفحات الويب مثل ألوان الخلفيات حجم الخطوط نوع الخط ونوع اللون أماكن وضع النصوص الصور لقطات الفيديو بصفحات الويب

    3 – تحديد الارتباطات التشعبية داخل الصفحة الرئيسية وصفحات الموقع

    الإعداد والتجهيز لصفحات الويب 🖌️

    1 – استخدم محرر أكواد (منسق نصوص) مثل النود باد Notepad في إعداد البيانات النصية التي سوف توضع في صفحات الويب، ثم حفظ النص داخل ملف ووضعه داخل مجلد.

    2 – إعداد وتجهيز ملفات الصوت والفيديو وحفظها داخل مجلد.

     مرحلة التنفيذ 🛡️

    1 – تحويل التصميم الورقي إلي صفحات ويب ليمكن عرضها من خلال متصفحات الويب:

    2 – إضافة البيانات(نصوص صور صوت فيديو ) في صفحات الويب

    3 – إنشاء الارتباطات التشعبية بين صفحات الويب حتي يسهل التنقل بين صفحات الموقع وذلك باستخدام أوامر HTML

    رفع ونشر الموقع عبر الانترنت 🌐

    1 – حجز عنوان للموقع

    2 – تخصيص مساحة تخزينية (استضافة) للموقع على أحد أجهزة السيرفر(الخادم)

    3 – نشر ورفع الموقع عبر الانترنت وإعداده للعمل بشكل صحيح.

    ما هي  افضل المواقع للاستضافة المجانية ؟

    استضافة ال Front End

    1. GitHub Page

    2. Netlify

    3. Vercel

    4. Surge

    5. FireBase

    استضافة ال Back End

    1. Vercel

    2. Heroku

    3. Google Cloud

    4. AWS

    5. Digital Ocean

زر الذهاب إلى الأعلى
إغلاق

أنت تستخدم إضافة Adblock

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