FKB برو - موضوع اجتماعي

FKB Pro هو مظهر اجتماعي معدل للغاية ومفصل واحترافي، ولكنه لا يزال سهل الاستخدام. :rocket:

:warning: هذا المظهر حساس للغاية وقد لا يكون متوافقًا بشكل جيد مع مكونات المظهر أو الإضافات الأخرى التي تستخدمها! يرجى اختباره قبل الاستخدام. عادةً ما تحتاج هذه إلى بعض التعديلات على CSS. إذا واجهت أي مشكلة، يرجى الإبلاغ عنها وسأقوم بإصلاحها.


التخطيط

على سطح المكتب: تخطيط بثلاثة أعمدة.

شريط جانبي جاهز


على الهاتف المحمول:


زوايا مستديرة

يحتوي FKB Pro على زوايا مستديرة للغاية في كل مكان افتراضيًا، ولكني أعلم أن الجميع لا يحب ذلك، لذا أضفت بعض إعدادات المظهر لتسهيل تخصيصه.

إذا كنت لا تحب الزوايا المستديرة… قم بتعيين هذه القيم إلى 0.


بطاقة الموضوع

الأقسام الرئيسية

  1. العنوان (النقر يؤدي إلى آخر مشاركة)
  2. مقتطف (النقر يؤدي إلى الموضوع الأصلي)
  3. الصورة (النقر يؤدي إلى آخر مشاركة)

أقسام أخرى

  1. أعلى اليسار: بيانات المؤلف (الصورة الرمزية، الاسم، اسم المستخدم) والتاريخ الذي تم فيه إنشاء الموضوع.
    (النقر يفتح بطاقة المستخدم)
  2. أعلى اليمين: شارة الفئة
  3. أسفل الوسط: العلامات
  4. أسفل اليسار: الإعجابات والمشاهدات للموضوع
    (النقر يؤدي إلى الموضوع الأصلي ويلخص الموضوع إذا كان متاحًا)
  5. أسفل اليمين: الصورة الرمزية لآخر ناشر، التاريخ، وعدد الردود.
    (النقر على الصورة الرمزية يفتح بطاقة المستخدم، التاريخ يؤدي إلى آخر مشاركة، وعدد الردود يفتح اختيار الرد)

نمط الشارات

  1. نقطة
    Screenshot 2022-07-28 at 13.20.14

  2. شريط
    Screenshot 2022-07-28 at 13.17.04

  3. مربع
    Screenshot 2022-07-28 at 13.18.34


صفحة الفئة

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

الفئات فقط، الفئات والمواضيع الأخيرة، الفئات وأهم المواضيع

صناديق الفئات

أو

يمكنك استخدام مكون المظهر Modern Category + Group Boxes الذي أنشأه @jordan.vidrine


لوحة FKB

على سطح المكتب: الشريط الجانبي الأيمن.

للزوار المجهولين يتم عرض رسالة ترحيب. هذه الرسالة هي نفسها js.signup_cta.value_prop. يمكنك تغيير نص العنوان Welcome في ترجمة المظهر.

أو

للزوار المجهولين هناك خيار لتمكين شريط جانبي مخصص. يمكنك إضافة محتوى مخصص إلى الشريط الجانبي مثل صورة ووصف.


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


مخططات الألوان

يحتوي المظهر على مخططين للألوان FKB Pro - Light و FKB Pro - Dark.

مخططات الألوان

FKB Pro - Light

  • primary #242526
  • secondary #ffffff
  • tertiary #147efb
  • quaternary #147efb
  • header_background #ffffff
  • header_primary #242526
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

FKB Pro - Dark

  • primary #ffffff
  • secondary #242526
  • tertiary #147efb
  • quaternary #4267b2
  • header_background #242526
  • header_primary #ffffff
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

هناك أيضًا بعض مخططات الألوان المخصصة التي يمكنك تغييرها في الإعدادات.

مخططات الألوان المخصصة

fkb-bg

  • light #f0f2f5
  • dark #18191a

fkb-header-btn

  • light #e1e5eb
  • dark #3a3b3e

fkb-header-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

fkb-btn

  • light #e1e5eb
  • dark #383838

fkb-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

المزيد حول آخر التحديثات :arrow_down_small:

وهنا :arrow_down_small:

هناك العديد من التخصيصات الأخرى التي لم أذكرها. :slightly_smiling_face:


تقدير :heart: شكر كبير لـ @awesomerobot لإنشاء مظهر Fakebook و @jordan.vidrine لإنشاء مظهر Fakebook Modern.

|||
|-|-|-|
| : eyeglasses:|معاينة| Theme Creator |
| : hammer_and_wrench:|مستودع| مظهر FKB Pro |
| : question:|دليل التثبيت|كيفية تثبيت مظهر أو مكون مظهر|
| : open_book:|جديد في مظاهر Discourse؟| دليل المبتدئين لاستخدام مظاهر Discourse |

56 إعجابًا

مع جهاز آيباد، الأمر واسع جدًا… أعني، واسع حقًا :wink:

ذلك بسبب عدم وجود الشريط الجانبي، على ما أعتقد. أي أفكار لماذا؟

3 إعجابات

أحببته!

اقتراحي الوحيد هو توسيع قائمة الهامبرغر ثم إضافة مساحة داخلية

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

هناك شيء صغير آخر:

  • لا يستخدم المنتدى الخاص بي المكون الإضافي solved-plugin
  • لا نستخدم الشارات

أنت تعرف بشكل أفضل كيف يمكنني إخفاء هذين الأمرين :wink:

بخلاف ذلك… يبدو هذا المظهر واعدًا حقًا على أجهزة الكمبيوتر المكتبية والهواتف المحمولة (الأجهزة اللوحية بها مشكلة صغيرة)

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

3 إعجابات

مرحباً،

لقد دفعت إصلاحًا لعرض الجهاز اللوحي. يرجى تحديث السمة. :slightly_smiling_face:

6 إعجابات

كان ذلك سريعًا.

أفضل بكثير، شكرًا. لقد حصلت على سمة افتراضية جديدة…

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

شكرا :slightly_smiling_face: نعم، أعتقد أن هذا هو الافتراضي. العنصر الأول في التركيز عند فتح القائمة.

3 إعجابات

نعم، كنت أقترح فقط أن هناك مساحة صغيرة بينهما، بخلاف ذلك يبدو المظهر جيدًا بالنسبة لمدى كرهي لفيسبوك وميتا هههه

شكرا لك :slightly_smiling_face: لقد دفعت إصلاحًا لهذا.

لقد أضفت إعدادين للمظهر.

سأتحقق من ذلك.

3 إعجابات

يجب أن أكون ألماً في الأماكن الحساسة :rofl:

هناك مشكلة واحدة. ليست بالنسبة لي، ولكن بالنسبة لأفضل 5 مساهمين لدي، إنها مسألة حياة أو موت - حسناً، ربما كان ذلك مبالغاً فيه، لكنهم يريدون ذلك حقاً.

إعدادات الفئة:

عادةً ما يعرض شيئاً كهذا (على جهاز iPad، ولكنك تفهم ما أعنيه)

تصميمك يتعطل إذا كان وصف أو اسم الفئة أطول من بضعة أحرف:

تعطيل إظهار قائمة الفئات الفرعية أعلاه... يحل هذه المشكلة، بالطبع.

لكنني أتجه نحو استخدام الفئات العليا فقط والاعتماد بشكل كبير على العلامات على أي حال (ثم يكون نسقك مناسباً جداً في كثير من النواحي) - لذلك إذا كان إصلاح ذلك سيستغرق الكثير من العمل و/أو لديك شيء أكثر أهمية للقيام به، فأنا موافق تماماً إذا عملت على هذا لاحقاً.

3 إعجابات

مرحباً، لقد أضفت إصلاحًا لـ Discourse Reactions. :slightly_smiling_face:
يمكنك تثبيته كمكون سمة.

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

شكراً على التقرير @Jagster. لقد قمت بدفع إصلاح لهذه المشكلة. FIX: Topic list category layout by VaperinaDEV · Pull Request #3 · VaperinaDEV/fkb-pro-theme · GitHub

إعجابَين (2)

مرحباً، لقد قمت بإرسال إصلاح لهذا. شكراً لك :slightly_smiling_face: يرجى تحديث السمة.

قبل

بعد

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

موضوع رائع جدا. يرجى إضافة المزيد من المنشورات للاختبار.

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

شكرا لك :slightly_smiling_face: لقد قمت بتحديث OP برابط معاينة منشئ السمة حتى تتمكن الآن من تجربته على https://discourse.theme-creator.io/theme/dodesz/fkb-pro أيضًا.

إعجابَين (2)

ثيم رائع! إذا تمكنت من إيجاد طريقة للحصول على نطاق وخادم بريد إلكتروني سأستخدم هذا الثيم بالتأكيد.

إعجابَين (2)

مرحباً،

لقد أضفت ميزة جديدة :tada: الآن يمكنك إضافة محتوى شريط جانبي مخصص للزوار.

3 إعجابات

شكرا لتحديث هذا القالب.

سيكون رائعًا لو قمت بتطوير هذا القالب ليكون مثل المدونة (انسَ قالب فيسبوك :sweat_smile:)

اقتراحات من https://www.newsbreak.com/

3 إعجابات

أنا أختلف :wink:

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

لذلك - قد يكون هناك قالب يبدو أشبه بالمدونة (مهما كان ذلك يعني الآن…). ولكن هذا جيد كما هو الآن.

(ووردبريس متفوق بكثير كمنصة مدونات مقارنة بـ Discourse؛ فهما أداتان مختلفتان تمامًا لأغراض مختلفة…)

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

مرحباً، ثيم رائع!

معاينة الثيم في منتدياتنا لا تعرض 3 أعمدة، بل تعرض تخطيطاً بعمود واحد فقط. أظن أن هناك مشكلة في CSS، لكنني ما زلت أحاول اكتشافها.

سؤالان:

  • هل من الممكن الحصول على أعمدة بعرض ثابت عند حد أدنى لعرض الشاشة (أو عدة حدود، باستخدام قواعد CSS للوسائط مثلاً) في وضع سطح المكتب؟ العرض المرن يسبب لي بعض الصداع على الشاشات الكبيرة جداً (24 أو 27 بوصة) والمساحة الفارغة بين الأعمدة الثلاثة تبدو غريبة بعض الشيء.
  • هل الثيم متوافق مع المكون الخاص بالكتل على الجانب الأيمن Right Sidebar Blocks - theme-component - Discourse Meta؟ إذا كان كذلك، فهذا يجعل العمود الأيمن أكثر فائدة وغنى بالميزات.
إعجابَين (2)