FKB Pro - قالب اجتماعي

:eyeglasses: معاينة Theme Creator
:hammer_and_wrench: المستودع سمة FKB Pro
:heart: وجدتها مفيدة؟ > ./support --coffee
:question: دليل التثبيت كيفية تثبيت سمة أو مكوّن سمة
:open_book: جديد على سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

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.

63 إعجابًا

مع جهاز آيباد، الأمر واسع جدًا… أعني، واسع حقًا :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)