مكان للمبرمجين المبتدئين تماماً لتعلم كيفية التخصيص؟

أستطيع رؤية ثراء الموارد على منصة Meta، لكن غالبًا ما تكون النصائح موجهة للأشخاص الذين يملكون معرفة أساسية بالبرمجة. مجتمعنا (شبكة من الأشخاص المتحمسين لبناء نظام غذائي أكثر استدامة في مدينتنا) يتكون بالكامل من أشخاص لا يملكون خبرة برمجية، وحتى الآن لم يُستخدم المنتدى، لكن الأعضاء اقترحوا بعض الاستخدامات المحتملة، مثل استخدامه مكانًا لبناء استراتيجية غذائية. وأريد أن أريهم جميع الميزات، لكن حتى تغيير الإعدادات الأساسية يمثل تحديًا لي كمبتدئ. أردت اتباع التعليمات حول كيفية جعل منشورات الويكي أكثر وضوحًا، لكن عند نسخ ولصق نص CSS من هذا الموضوع ومحاولة الحفظ، ظهرت لي رسالة خطأ. لا أعرف أين يجب وضع الأسطر الجديدة أو الأقواس أو الفواصل المنقطة وماذا تعني. هل هناك مكان هنا حيث يمكن للمبتدئين تمامًا التعلم من المبادئ الأولى؟ ربما هناك أماكن خارج منصة Discourse يجب أن أبحث فيها؟ أشعر أننا بالكاد نلمس الإمكانات الكامنة في المنتدى… خالص الشكر! Change the style of a wiki post

لأساسيات CSS، ربما ابدأ من هنا:

هذا الموقع مرجع جيد جدًا حتى بعد تعلم الأساسيات، برأيي.

نعم، لا يركز موقع ميتا على تعليم تطوير الويب، لذا من الصحيح استخدام موارد أخرى أكثر ملاءمة على الإنترنت.

ومع ذلك، توجد أدلة ممتازة هنا، ابدأ بـ: Beginner's guide to using Discourse Themes و Developing Discourse Themes & Theme Components

إذا لم تفهم أي شيء يبدو أنه “CSS أو HTML عام”، فتوقف وابحث عن دليل حول هذا الجانب في مكان ما على الويب.

حسنًا، المشكلة ليست في تعلّم CSS أو في تعلّم البرمجة بلغة Ruby، بل في بنية الخطاب نفسها، وكيف تُنظَّم واجهته، وكيف تعمل شجرة عناصر العرض (للعثور على الاسم الصحيح للعناصر لتغيير أنماط CSS)، وما إلى ذلك.

توجد مواقع كثيرة لتعلّم CSS وبرمجة Ruby، رغم أن روابط المواقع التعليمية الجيدة تُرحَّب بها دائمًا.

شكرًا على روابط الأدلة؛ أنا مهتم بإجراء تعديلات أساسية على CSS وإنشاء بعض المكونات والإضافات الأساسية.

هل توجد أدلة مماثلة لمكوّنات و إضافات السمات؟

أنت تعرف كيفية استخدام أداة الفحص في Firefox أو Chrome، أليس كذلك؟

نعم، وهي ذات فائدة كبيرة، لكنها لا توفر رؤية واضحة لكيفية تنظيم الواجهة؛ بل يتطلب الأمر التنقل بعمق في كود HTML للحصول عليها.

سأقرأ الدروس المنشورة للحصول على فكرة شاملة عن كيفية عمل منصة Discourse وتصميمها.

بصراحة، يُعد Discourse تطبيقًا معقدًا إلى حد ما — أكثر تعقيدًا مما يمكن لتدريبات مكتوبة قليلة أن تشرح. أوصي بشدة بالحصول على أساس متين من الفهم حول Rails و Ember.js، ثم الغوص في قاعدة الكود وتتبع مسارات الكود بأفضل ما يمكنك (على الرغم من أنني سأقول إن هذا ليس سهلاً في البداية). تأكد أيضًا من الاطلاع على الإضافات (plugins) لمعرفة كيفية ارتباطها بـ Discourse (حيث توجد طرق جيدة وطرق سيئة للقيام بذلك).

كتب @angus دليلًا رائعًا للمبتدئين حول المعرفة الأساسية التي ستحتاجها للبدء.

بالطبع، سيبدو الكثير من هذا وكأنه لغة غريبة حتى تبدأ في البناء والتجربة بشكل أكبر. لقد كنت أقوم بالتطوير على Discourse لمدة عام ونصف الآن، وأنا أشعر فقط الآن أن لدي أي نوع من الفهم لكيفية عمل التطبيق.

هذا أمر مثير للاهتمام. هل تميل إلى اقتراح أن Discourse هي الخيار الأمثل للمجتمعات التي تضم أعضاءً لديهم بعض المعرفة بالبرمجة، أم أنك تقول إنه في أبسط صوره، يمكن أن يعمل بشكل جيد مع مجموعات لا يملك أعضاؤها أي معرفة (ولكنهم لا يرغبون في استخدام فيسبوك)؟ على سبيل المثال، وظيفة الويكي هي شيء يود أعضاؤنا استخدامه لصياغة وثائق مثل الميثاق، لكن الإعدادات الافتراضية تجعل من الصعب معرفة أنها وظيفة ويكي، ومن ثم الرغبة في تخصيصها وفقًا للاقتراحات في https://meta.discourse.org/t/how-to-change-the-style-of-a-wiki-post/78881، مع ملاحظة أن تعليمات العديد من التخصيصات تفترض مستوى أساسي من القدرة على البرمجة والمعرفة بالمصطلحات.

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

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

لا أعتقد أن المنشئ الأصلي كان يسأل عن كتابة الإضافات؟

أه، أنت محق — أعدت القراءة ولاحظت أنني تخطيت التفاصيل حول رغبة @charlie_spring في تعديل بعض أنماط CSS. هذا أمر بسيط جدًا، لذا آسف إذا كنت قد ثبطت عزيمتهم عن القيام بذلك!

سأعود إلى هذا الأمر لأرى ما إذا كان بإمكاني المساعدة يوم الاثنين :slight_smile:

هكذا انحرف الموضوع عن مساره :slight_smile:

آه، كنت أعرف أن هناك سببًا! :laughing:

@charlie_spring – هل نظرت إلى مكون هذا القالب؟

تم نشره في الموضوع الذي أشرت إليه في منشورك الأصلي، ويمكنك العثور على تعليمات كيفية تثبيته هنا: Installing a theme or theme component

لا يحتوي على إعدادات سهلة لتغيير الألوان وما شابه، لكن مكون القالب يأخذك على الأقل جزءًا من الطريق!

شكرًا لك @justin. المشكلة في نصائح مثل هذه أنها تفترض أنك تعرف كيفية ‘تغيير لون الخلفية عن طريق تحرير CSS في لوحة تعديل مكونات السمة’. منشوري الأصلي كان موجهًا للمبتدئين تمامًا (أولئك الذين لم يتعلموا شيئًا عن البرمجة في المدرسة أو ما شابه)، لذا فإن ‘تحرير CSS’ ليس أمرًا بديهيًا. لا أعرف ما الذي يجب وضعه في سطر جديد، أو ما إذا كان يجب استخدام مسافات، وما إلى ذلك. عندما قمت بقص ولصق ‘مكونات السمة’ في لوحتي المخصصة، لم يتم تعيين لوحة الويكي باللون الأخضر بالتأكيد، وليس لدي الأساسيات لمعرفة أين أخطأت. حاليًا، أتجنب هذه الأمور وأستخدم الإعدادات الأساسية، لكن بعض أفراد مجتمعنا (أي غير المتخصصين في التكنولوجيا) متحمسون لإنشاء مستندات تعاونية على المنتدى، وتبدو وظيفة الويكي مثالية - لكن الإعدادات الأساسية دقيقة جدًا. ربما سأقوم فقط بربط الأشخاص بمستند Google حاليًا…