لافتة متعددة الاستخدامات

أخشى أن تثبيت هذا المكوّن عدة مرات لن ينجح. على الأرجح، أفضل خيار متاح لك الآن هو دفع مبلغ لشخص ما لبناء حل مخصص لك عبر Marketplace

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

4 إعجابات

أستخدم إعدادات المكون لعرض اللافتة فقط في صفحات محددة. واجهت مشكلتين في CSS:

  • تضيف اللافتة هامشًا علويًا في الصفحات التي لا يُفترض عرضها فيها
  • يتم عرض اللافتة بدون تنسيق أثناء تحميل الصفحة

للتغلب على المشكلتين، يجب أن أُعلن عن .banner-box {display: none;} ثم أُضيف إعلانات العرض للصفحات المحددة التي يُفترض أن تظهر فيها.

إعجابَين (2)

مرحبًا @tshenry
هل من الممكن تكبير حجم الأيقونات؟

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

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

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

أين تأمل أن تظهر هذه الرسومات؟ هناك بالتأكيد طرق يمكنك من خلالها عرض الأشياء بشكل شرطي بناءً على حالة سطح المكتب/الجوال، ولكن النهج الذي يجب اتخاذه سيعتمد على ما تحاول القيام به.

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

أنا أستخدم لافتة متعددة الاستخدامات لتوصيل رسالة عيد الميلاد، بما في ذلك رسم، لذلك أريد أن أكون قادرًا على القيام بذلك في سياق اللافتة متعددة الاستخدامات.

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

حسنًا، في هذه الحالة قد تتمكن من إضافة شيء مثل التالي إلى أحد إعدادات “المحتوى” في لافتة متعددة الاستخدامات:

<div class="xmas-banner-image"></div>

ثم أضف بعض CSS إلى السمة الرئيسية الخاصة بك أو إلى مكون جديد. إليك مثال حيث يمكنك استبدال LINK_TO_MOBILE_IMAGE برابط الصورة الفعلي:

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

ستحتاج إلى تعديل CSS، ولكن نأمل أن يكون هذا بداية جيدة لك.

3 إعجابات

جيد جداً. كان لدي شعور بأن الأمر سيتطلب حلاً بـ CSS. شكراً لك على تخصيص الوقت لتقديم نقطة انطلاق.

3 إعجابات

أود استخدام هذا لاستهداف "/latest?assigned=" بشكل خاص، لاستخدامه بالاقتران مع إضافة Discourse Assign، حتى أتمكن من إضافة زر للمواضيع المعينة للجميع، لي، ولا أحد.

ومع ذلك، هذا لا يعمل - أفترض أنه "؟"، نظرًا لأن "/latest" يعمل. أي اقتراحات حول كيفية جعل هذا الشعار يظهر فقط لهذه الصفحات/طرق العرض؟

أيضًا، حتى مع تحديد "/latest" فقط، يظهر الشعار في الصفحة الرئيسية أيضًا. كيف يمكنني منع حدوث ذلك؟ لم أرَ مربع الاختيار للعرض في الصفحة الرئيسية في الإعدادات.

أخيرًا، هل هناك طريقة لجعل الأيقونة قابلة للنقر؟ يبدو أن النص الموجود أسفل الأيقونة فقط هو القابل للنقر.

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

ستكون هذه تخصيصات أكثر تعقيدًا تحتاج إلى إضافتها إلى مكون منفصل. يوجد مثال حول كيفية إعادة فتح إحدى الأدوات وضبط السلوك هنا: Versatile Banner - #158

بالنسبة للأيقونات، أعتقد أنه يمكنك أيضًا محاولة تعديل حل CSS. قد تتمكن من إضافة عنصر ربط إلى إعدادات محتوى العمود وتصميمه للتداخل مع الصورة.

3 إعجابات

شكراً جزيلاً! أنا متأكد من أنني أستطيع معرفة الأمر من هنا.

إعجابَين (2)

هل هناك طريقة لمعاينة لافتة متعددة الاستخدامات دون تمكين السمة أولاً؟ :thinking:

أود أن أرى كيف تبدو قبل الكشف عنها للعالم (ثم اكتشاف خطأ محرج) :blush:

إعجابَين (2)

أحتفظ بقطرة تطوير للتغييرات. 5 دولارات شهريًا ويمكنني رؤية ما إذا كان أي شيء يفسد قبل أن أكسر شيئًا هههه.\n\nأفترض أنه يمكنني فعل الشيء نفسه على localhost. هذا القول سأقوم بإنشاء جهاز افتراضي لذلك وتوفير 5 دولارات شهريًا هههه

5 إعجابات

حسنًا، لم أفكر في ذلك :thinking:

وبالإضافة إلى إعلان اليوم، قد أفعل ذلك بالضبط، ولكن على جهاز Raspberry Pi :smiley:

5 إعجابات

هل تمكن أي شخص من جعل هذه اللافتة تعمل فوق مكون شريط البحث؟

حتى الآن لم أتمكن إلا من وضعها أسفل شريط البحث :sneezing_face:

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

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

إعجابَين (2)

هممم… هذا غريب… ربما تعتقد أنه إعداد لمكون شريط البحث… لدي خيار “أسفل رأس الموقع” محدد لشريط البحث الخاص بي.

ما هي إعدادات شريط البحث لديك؟

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

باستخدام below-site-header لشعار البحث، يمكنني تبديل الشعار المتنوع أعلاه أو أدناه باستخدام إعداد swap default positioning.

إذا كان لدي منفذ المكون الإضافي لشعار البحث مضبوطًا على above-main-container، فإن الشعار المتنوع يكون دائمًا في الأعلى، سواء قمت بتحديد التبديل أم لا.

(تظهر التغييرات عند تحديث الصفحة)

4 إعجابات

لقد أطلقت منتداي للتو وما زلت على الخطة المستضافة.
أحب هذه اللافتة، لدي سؤال واحد فقط…
أود الحصول على وضع ليلي ووضع نهاري (أي، مخططات ألوان مختلفة وصورة/لون خلفية مختلف) - هل هناك إعداد أفتقده أو طريقة لتحقيق ذلك؟

4 إعجابات

لقد قمت بتثبيت مكون السمة مرتين، وسميت أحدهما “فاتح” والآخر “داكن”، ثم قمت بإرفاق المكون “فاتح” بالسمة “فاتح” الخاصة بي، والمكون “داكن” بالسمة “داكن” الخاصة بي. :+1:

على الرغم من أن المكون “فاتح” لا يغير لوحة الألوان عند تعيين default dark mode color scheme id، إلا أنه ليس مثاليًا بنسبة 100٪.

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