كيف يمكنني إنشاء 4 أزرار: تخصيص، دليل، مواضيع رائجة، استضافتنا
في مكون سمة لافتة البحث (Search Banner)، يوجد منفذا ملحق (plugin outlets) يمكنك استهدافهما للمحتوى المخصص في مكون مخصص منفصل يمكنك بناؤه.
شكرا لك! لم أتمكن من العثور على خيار إدراج هذا الرمز ضمن التخصيص.
هل يمكنك إرشادي من فضلك ![]()
سأقوم بإنشاء مكون سمة. ![]()
حسنًا، لا بأس يا دون. الأمر كله يتعلق بالتعلم والمشاركة. أعتقد أنه ستكون فكرة جيدة أن نبلغ عن نيتنا من البداية، في المرة القادمة. شكرًا على المشاركة. ![]()
في الواقع، كنت أعمل على ذلك منذ الأمس[1]. لقد فعلت شيئًا مشابهًا، لكنني لم أنشره بعد. أريد إضافة المزيد من خيارات التخصيص، مثل القدرة على الاختيار بين الرموز التعبيرية، أو أيقونات Font Awesome، أو عناوين URL للصور، ولكن أيضًا CSS لكل زر، والعرض الشرطي، وما إلى ذلك. لهذا، كنت أستكشف وأختبر تنسيق مخطط JSON كثيرًا (وهو صداع كبير - على الهامش، هذا PR لتحسين التصميم سيكون رائعًا!). سأنشر نسختي بصمت على Github لاحقًا.
هل حققت أي نجاح؟ لقد حاولت بناء واحد، لكنني علقت.
مرحباً @Arkshine، هل لديك أي تحديثات حول هذه المكونات؟ سيكون ذلك مفيدًا بشكل لا يصدق بالنسبة لي أيضًا ![]()
لقد نسيت تمامًا، آسف. ![]()
للأسف، سيتم إيقاف تنسيق مخطط JSON للإعدادات قريبًا، لذا فإن ما أردت فعله في الأصل لن يعمل بعد الآن (وكان التخصيص معه صعبًا للغاية، بصراحة).
أردت نشر نسخة دون ولكن لا يمكنني العثور على مستودعه. ![]()
سأرى ما يمكنني فعله لنشر نسخة عاملة في أقرب وقت ممكن. ![]()
شكرا جزيلا لك! ![]()
هل يمكنك تجربته؟ الفضل يعود إلى @Don و @manuel – لقد استعرت بعض أفكارهم.
يتطلب إصدار Discourse حديث (3.3) لأنه يعتمد على Objects type for theme setting الجديد.
بعض الصور
الإعدادات العامة:
إعدادات الرابط:
المظهر الافتراضي – يستخدم لون السمة.
يمكن تصميم الزر بشكل منفصل:
أخبرني إذا كنت بحاجة إلى إعدادات محددة.
قد يحتاج إلى بعض التعديلات للجوال. افتراضيًا، تلتف الأزرار وتُعرض في عمود واحد على الجوال. أتطلع إلى أي ملاحظات.
إذا كان كل شيء على ما يرام، فسأقوم بإصداره لاحقًا. ![]()
@Arkshine أنا آسف جدًا للتأخير، لقد توصلت للتو إلى هذه الفكرة ![]()
لقد تمكنت من إضافة الأزرار، شكرًا جزيلاً لك على هذه الإضافة!! التحدي الوحيد الآن هو وضع الأزرار مباشرة بعد شريط البحث، لكنني آمل أن نجد حلاً.
سؤال واحد: هل من الممكن جعل حقل الرموز التعبيرية اختياريًا بدلاً من إجباري؟
شكراً لك مرة أخرى!
أهلاً، شكراً لك على اختبار المكون!
لقد قمت بتحديثه لجعله اختيارياً. ![]()
هل تقصد أنك تستخدم مكون البحث في اللافتة، وتريد أن يظهر الزر أدناه؟
إذا كان الأمر كذلك، في إعداد plugin outlets، يمكنك تعيينه على below-site-header.
قد تحتاج إلى ضبط التباعد باستخدام بعض CSS.
أخبرني إذا كنت بحاجة إلى مساعدة إضافية. ![]()
مرحباً، أعتقد أن هيلجا تبحث عن منفذ المكون الإضافي هذا. ![]()
بالتأكيد!
لسبب ما، افترضت أن مكون Plugin Outlet سيظهرها (نسيت كيف يقوم المكون بإنشائها). شكراً لتصحيحك. ![]()
سأحتاج إلى تعديل الإعدادات لجعله يعمل مع منافذ المكونات ولتسهيل تخصيص التباعد. سأقوم بتحديثك قريباً يا هيلجا.
عذرًا على الانتظار! لقد قمت بتحديث المكون. لقد أضفت العديد من الإعدادات الجديدة.
في حالتك، تريد استخدام search-banner-below-input في إعداد plugin_outlet.
سيظهر الآن مباشرة أسفل:
إذا كنت تفضل ذلك، يمكنك الآن تعيين حد أقصى لعرض الحاوية:
`
إليك الإعدادات التي استخدمتها:
هناك إعدادات أخرى، بما في ذلك بعض الإعدادات للعرض على الهاتف المحمول.
أخبرني إذا كان يعمل بشكل جيد بالنسبة لك. ![]()
يا إلهي، @Arkshine، أنت نجم!! شكرًا جزيلًا، كل شيء يبدو رائعًا الآن! ![]()
ذكي جدًا كيف تم ترتيب إعدادات مكون السمة هذا، @Arkshine! كما هو الحال دائمًا، تقدم هنا نقطة انطلاق وقالبًا ممتازًا آخر لمُنشئي المكونات المبتدئين في المجتمع!
شكرًا جزيلاً لك يا صديقي!
مكون سمة رائع - ويستحق بالتأكيد موضوعًا خاصًا به!
هل يجب علينا ربما إعادة تنسيق هذا الغرض؟ أو إنشاء واحد جديد؟








