اسم المؤلف بالإضافة إلى الصورة الرمزية

P2W · 26 أبريل 2022، 4:14م

مرحباً بالجميع - يرغب مجتمعنا في رؤية اسم مؤلف المنشور بالإضافة إلى صورته الرمزية. هل هناك أي نصائح لمحاكاة هذا العرض، كما هو موضح في Sam’s Simple Theme؟

Don · 16 أغسطس 2022، 4:10م

مرحباً مايك،

Sam’s Simple Theme يتجاوز قالب قائمة الموضوعات ويعرض فقط آخر المشاركين وليس المؤلفين. إليك دليل رائع حول كيفية تجاوز القالب.

هناك قالبان في النواة يجب علينا تجاوزهما لهذا الغرض.

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/topic-list-header.hbr
topic-list-header لتعديل قسم الرأس.
https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr
topic-list-item لتعديل الصورة الرمزية وإضافة اسم المستخدم.

يمكنك العثور على جميع القوالب هنا: https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates

لنبدأ

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

يمكنك الاختيار من بين عمودين مع الإعدادات.
بشكل افتراضي، يعرض آخر مشاركة ولكن يمكنك تغييره لعرض المؤلفين.

رأس قائمة الموضوعات
أولاً، علينا تعديل رأس العمود.

لقد أضفت هذه الأسطر وأزلت رؤوس أعمدة المشاركين والمشاهدات والنشاط.

github.com/VaperinaDEV/discourse-custom-user-column

javascripts/discourse/templates/topic-list-header.hbr

438529e70


      
          {{#if (theme-setting 'author_column')}}
            {{raw "topic-list-header-column" sortable=sortable order='created' forceName=(theme-i18n 'author_header')}}
            {{else}}
            {{raw "topic-list-header-column" sortable=sortable order='activity' forceName=(theme-i18n 'last_header')}}
          {{/if}}
          {{~raw-plugin-outlet name="topic-list-header-after"~}}

هذا يضيف رأس آخر مشاركة أو المؤلف
آخر مشاركة

المؤلف

لقد أضفت أيضًا ملف لغة لترجمة هذه…
يمكنك الترجمة هنا

عنصر قائمة الموضوعات

لقد أزلت عمود المشاركين وأضفت عمود آخر مشاركة أو المؤلف.

عمود آخر مشاركة

عمود المؤلف مع وقت (إنشاء الموضوع).

github.com/VaperinaDEV/discourse-custom-user-column

javascripts/discourse/templates/list/topic-list-item.hbr

215b70d13


      
          <td class="custom-user-column topic-list-data">
            <div class="custom-user-column-avatar">
              {{#if (theme-setting 'author_column')}}
                <a href="{{topic.createdAt}}" data-user-card="{{topic.creator.username}}">{{avatar topic.creator imageSize="medium"}}</a>
                {{else}}
                <a href="{{topic.lastPostUrl}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPosterUser imageSize="medium"}}</a>
              {{/if}}
            </div>
            <div class="custom-user-column-info">
              {{#if (theme-setting 'author_column')}}
                <a href="{{topic.firstPostUrl}}">
                  {{format-date topic.createdAt format="tiny"}}
                </a>
                <span class="editor"><a href="/users/{{topic.creator.username}}" data-auto-route="true" data-user-card="{{topic.creator.username}}">{{topic.creator.username}}</a></span>
                {{else}}
                <a href="{{topic.lastPostUrl}}">
                  {{format-date topic.bumpedAt format="tiny"}}
                </a>
                <span class="editor"><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
              {{/if}}

This file has been truncated. show original

أخيرًا، أضف بعض CSS.

github.com/VaperinaDEV/discourse-custom-user-column

desktop/desktop.scss

main

.custom-user-column {
  &.topic-list-data {
    display: flex;
    gap: 0.5em;
    align-items: center;
    font-size: var(--font-0);
    .custom-user-column-info {
      display: flex;
      flex-direction: column;
      a {
        color: var(--primary-high);
        span.relative-date {
          font-weight: 600;
        }
      }
      .editor a {
        font-size: var(--font-down-1);
      }
    }
  }

This file has been truncated. show original

آمل أن يساعد هذا! يمكنك المقارنة مع قوالب النواة أو إذا كنت تستخدم أي قوالب مخصصة، قم بالتغيير أو استخدم المكون إذا كان يناسب احتياجاتك.

system · 19 فبراير 2023، 3:52م

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

الموضوع		الردود	مرات العرض
Add column to home page topic list Support	8	1245	27 أبريل 2020
Topic List Author Theme component official , topic-list-author	11	2997	29 أغسطس 2025
Add author to recent Support	2	59	7 فبراير 2025
Username of user below topics Support	4	1097	31 أكتوبر 2020
Display Topic Author on Topic List UX	7	2490	8 فبراير 2021

اسم المؤلف بالإضافة إلى الصورة الرمزية

الموضوعات ذات الصلة