هل يمكنني إنشاء زر مخصص باستخدام CSS و HTML؟

هل تريد إضافة الزر في منشور (في هذه الحالة، انظر هذا الموضوع) أم تريد تخصيص زر موجود في واجهة Discourse؟

نعم، ولكن إذا كنت تريد إضافة زر إلى واجهة Discourse، فهذا شيء آخر ويتطلب برمجة.

على الهامش، الفيديو يزعجني لأن المنشئ لم يضع أي رابط للكود الفعلي (مواقع مثل https://codepen.io مفيدة جدًا للعمل على هذا النوع من الأشياء). إنه CSS متقدم جدًا ونسخه يدويًا من الفيديو سيكون مملاً.

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


لإضافة إلى رد Jay، سأضيف Making custom CSS changes on your site والذي قد يكون أكثر مباشرة إذا كان هدفك الوحيد هو تخصيص نمط HTML على موقعك.

أخيرًا وليس آخرًا، منتديات Discourse لديها إضافة ممتازة مثبتة مسبقًا تسمى Styleguide يمكنك تمكينها وستعرض تقريبًا كل عنصر في منتدىك بتصميمه الحالي:

أولاً، قم بتمكين صفحة Styleguide:
لوحة الإدارة → الإضافات → Styleguide → :gear: الإعدادات → حدد styleguide enabled :white_check_mark:.

بعد ذلك، يمكنك الانتقال إلى صفحة Styleguide. فقط أضف /styleguide إلى عنوان URL لمنتدىك لرؤيتها:

إذا كنت لا تعرف الكثير عن CSS والتصميم بشكل عام، فإنني أنصحك بشدة بتعلم الأساسيات قبل أن تبدأ في مشروع الزر هذا.

إعجاب واحد (1)