We build product and experience loosely using Jobs to Be Done (as progress) model.
I think Code Academy gets at this. What is the member trying to do when they reach the site to ultimately improve their current situation? We’re also trying to achieve this and simplify.
I’d love to experiment with a format more like what’s on the Code Academy site, but don’t want to be disruptive to our members by experimenting on the live site. Is there a way to “preview” changes that affect layout?
I’ve also noticed that some minor formatting/aesthetic changes cause some issues with the TOC plugin we’re using I believe mostly due to latency (it takes a minute to catch up and reload properly after changes?) so we haven’t done much fine tuning as we rely on that feature heavily for our docs.
Also, if anyone has feedback on our site’s layout/organization that’d also be awesome. It’s helpful to get fresh eyes!
Yup there is! You can use the customize section in your community admin settings to make and preview changes. See this beautiful guide that explains how it all works:
Seeing as you are interested in Codecademy’s theme, I figured I should also share this:
الملاحظة الأولى: لا يمكنني، حسب علمي، معاينة تخطيط مختلف للفئات. كنا نرغب في تغيير طريقة ظهور الفئات من استخدام “الصناديق مع المواضيع المميزة” إلى “الفئات مع المواضيع المميزة”. أدى تحديث هذا الإعداد إلى تغيير الموقع المباشر. نشارك هذا هنا لغيرنا.
سؤال جديد، إذا أمكن: كيف يمكننا تعديل لون هذه الروابط والنص؟ نجد أن التمييز بصريًا بين ما هو رابط وما ليس كذلك مربك، خاصة مع كثرة الروابط هنا. نود تخصيص لون بعض الروابط لمساعدة المستخدمين على التركيز على ما يحتاجونه فعليًا أو ما قد يرغبون في النقر عليه لاستكشاف المزيد.
نعم. يمكنك تغيير لون/مظهر أي شيء من خلال الانتقال إلى تبويب التخصيص في لوحة تحكم المسؤول الخاصة بك، ثم إما تعديل CSS لمظهرك الحالي أو إضافة مكون مظهر يحتوي على التغييرات.
يمكنك استخدام أداة الفحص في متصفح Chrome للعثور على فئة CSS الصحيحة التي تستهدفها.
شكرًا لك! هل هناك طريقة لإزالة عدادات “غير المقروء” و"الجديد" من الفئات الفرعية؟ قمت بضبط الألوان، لكنني أعتقد أنها تُشوّش العرض وأود إخفاءها. لم أجد هذا الخيار في الإعدادات. نحن نستخدم فقط السمة الفاتحة.
فقط أردتُ إكمال الحلقة هنا في حال كان أي شخص آخر فضوليًا حول كيفية الحصول على مظهر مشابه لـ discuss.codeacademy.com مع شعار مخصص للصفحة الرئيسية. انتهينا باستخدام هذا الدليل من @awesomerobot للحصول على شعار يظهر فقط في الصفحة الرئيسية. ليس فاخرًا مثل theirs، لكنه يؤدي المهمة!
ثم استخدمنا شعارات التصنيفات
كانت تعديلات CSS مفيدة لمخطط الألوان لأعداد غير المقروءة، وما إلى ذلك.
