XF 2.1 Eklenti Postbit'e Özel Alan Ekleme

MusaPekel · 28 Haz 2019

Merhaba,

Xenforo 2.x sürümlerinde ayrıca çalışan özel alanlar ekliyoruz.

Not : Video'lu Anlatım Yakında Gelicektir.

1. Adım

Kullanıcılar > Özel Kullanıcı > Alan Ekle kısmına Giriyoruz. Aşağıda Ekran Görüntüsünde kendiniz yapacağınız alana göre düzenleyiniz.

2. Adım

Görünüm ve Diller > Şablonlar > message_macros şablonuna girdikten sonra

PHP:

<xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
                        </dl>
                    </xf:if>

Hemen Altına Aşağıda Verilen kodumuzu ekliyoruz.

PHP:

<xf:if is="$extras.message_count">
                        <dl class="namesblock maveracheats maveracheats--justified" >
                            <dt style="color:white;">İsim</dt>
                            <dd style="color:white;">{$user.Profile.custom_fields.isim}</dd> 
                        </dl>
                    </xf:if>

{$user.Profile.custom_fields."isim"} tırnak içerisinde alınan " Alan kimliği-ID " yazdığınız ıd yazılcaktır.

3. Adım

Görünüm ve Diller > Şablonlar > extra.less şablonuna giriyoruz ve altta verdiğim css kısmını ekliyoruz.

CSS:

.maveracheats {
    color: #4d5460;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    padding: 6px 9px;
    margin-top: 2px;
    margin: 0;
    overflow: hidden;
}

.maveracheats
{

    &.maveracheats--plainLabel
    {
        > dt
        {
            color: inherit;
        }
    }

    &.maveracheats--spaced + .maveracheats
    {
        margin-top: @xf-paddingMedium;
    }

    &.maveracheats--noColon
    {
        > dt
        {
            &:after
            {
                content: "";
            }
        }
    }

    > dt
    {
        padding: 0;
        margin: 0;
        color: @xf-textColorMuted;

        .m-appendColon();
    }

    > dd
    {
        padding: 0;
        margin: 0;
    }

    &.maveracheats--inline
    {
        display: inline;

        > dt,
        > dd
        {
            display: inline;
        }
    }

    &.maveracheats--columns
    {
        display: table;
        table-layout: fixed;
        width: 100%;

        > dt,
        > dd
        {
            display: table-cell;
        }

        > dt
        {
            width: 50%;
            padding-right: @xf-paddingMedium;
        }

        &.maveracheats--fixedSmall > dt
        {
            width: 200px;
        }
        &.maveracheats--fluidSmall > dt
        {
            width: 25%;
        }
        &.maveracheats--fluidHuge > dt
        {
            width: 70%;
        }

        @media (max-width: 500px)
        {
            display: block;

            > dt,
            > dd
            {
                display: block;
            }

            &.maveracheats > dt // the .maveracheats repetition is to increase specificity to override all fixed/fluid options
            {
                width: auto;
                padding-right: 0;
            }

            & + .maveracheats
            {
                margin-top: @xf-paddingMedium;
            }
        }
    }

    &.maveracheats--justified
    {
        .m-clearFix();

        > dt
        {
            float: left;
            max-width: 100%;
            margin-right: @xf-paddingMedium;
        }

        > dd
        {
            float: right;
            text-align: right;
            max-width: 100%;
        }
    }

    &.maveracheats--rows
    {
        display: inline-table;
        margin-right: @xf-paddingMedium;

        &.maveracheats--rows--centered
        {
            > dt,
            > dd
            {
                text-align: center;
            }
        }

        &:last-of-type
        {
            margin-right: 0;
        }

        > dt
        {
            display: table-row;
            font-size: 80%;

            &:after
            {
                content: '';
                display: none;
            }
        }

        > dd
        {
            display: table-row;
        }
    }
}

.maveracheatsWrapper
{
    &.maveracheatsWrapper--spaced
    {
        .maveracheats
        {
            margin-top: @xf-paddingMedium;

            &:first-child
            {
                margin-top: 0;
            }
        }
    }
}

.maveracheatsJustifier
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-right: -5px;
    margin-bottom: -5px;

    .maveracheats.maveracheats--rows
    {
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

/* Yeni PostBit Çizgileri */

.namesblock  {

    margin-top:2px;
    box-shadow:0px 3px #5d6677, 0px 4px 5px rgba(0,0,0,0.3);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
        background:#4d5460;
        text-align:left;
        padding:0 10px;
        color:#fff;
        position:relative;
        text-decoration:none;
        height:26px;
        font-family:Arial;
        transition:all 0.3s ease;
        padding-left:10px;
        padding-right:10px;
        padding-top:6px;
}

Sonuç

ozkan17 · 28 Haz 2019

Eski hali ne idi yeni hali ne oldu hocam?

mkucuksari · 28 Haz 2019

ozkan17' Alıntı:
Eski hali ne idi yeni hali ne oldu hocam?

Yeni tanimlanan “Isim” parametresi postbit alanında gösterilmiş oldu.

mkucuksari · 28 Haz 2019

Detaylı ve güzel anlatım için teşekkür ederiz, ellerinize sağlık ?

ozkan17 · 28 Haz 2019

mkucuksari' Alıntı:
Detaylı ve güzel anlatım için teşekkür ederiz, ellerinize sağlık ?

Valla anlamadım. İsim diye bir şey yokki

mkucuksari · 28 Haz 2019

ozkan17' Alıntı:
Valla anlamadım. İsim diye bir şey yokki

O senin tanımlamak istediğin özel alan. Sen forum yapına göre diyelim ki üyelerin ilgi alanları merak ediyorsun. O zaman sen "isim" yerine "İlgi Alanız" diye bir yeni alan tanımlıyorsun

mkucuksari · 28 Haz 2019

Bu arada

MusaPekel az önce fark ettim. Bu işlemi yani Postbit alanına yeni tanımlan özel alanı göstermek için "message_macros " macrosuna bir şey ilave etmene gerek yok. "Tema özelliklerinden" yapman yeterli.

Tema Özellikleri -> Mesajlar -> Ayarlar -> Mesaj alanı kullanıcı bilgileri: Özel alanlar

MusaPekel · 28 Haz 2019

mkucuksari' Alıntı:
Bu arada MusaPekel az önce fark ettim. Bu işlemi yani Postbit alanına yeni tanımlan özel alanı göstermek için "message_macros " macrosuna bir şey ilave etmene gerek yok. "Tema özelliklerinden" yapman yeterli.

Tema Özellikleri -> Mesajlar -> Ayarlar -> Mesaj alanı kullanıcı bilgileri: Özel alanlar

Aslında evet ? ama şöyle ki bunlara class verdiğim için ve css eklediğim için ekleme yaptım

MusaPekel · 28 Haz 2019

Custem user Fields eklediğimzde direk olarak

PHP:

<xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" /></xf:if>

içerisine ekliyor ama şöyle ki burada class belirtemiyoruz diye biliyorum.

mkucuksari · 28 Haz 2019

MusaPekel' Alıntı:
Aslında evet ? ama şöyle ki bunlara class verdiğim için ve css eklediğim için ekleme yaptım

Temanın diğer postbite bilgileri ile aynı standarda olmasını beğendiğim için aklıma gelip css eklemeyi düşünmemiştim

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

XF 2.1 Eklenti Postbit'e Özel Alan Ekleme

MusaPekel

xFanatik

Ekli dosyalar

ozkan17

Sabit kullanıcı

mkucuksari

Destek Ekibi

Ekli dosyalar

mkucuksari

Destek Ekibi

ozkan17

Sabit kullanıcı

mkucuksari

Destek Ekibi

mkucuksari

Destek Ekibi

Ekli dosyalar

MusaPekel

xFanatik

MusaPekel

xFanatik

mkucuksari

Destek Ekibi

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz