XenForo Sidebar Alanına Giriş Formu Widget Ekle

[xenturka]

Xenforo forumlarınızda Sidebar alanının üstüne Giriş yap formu eklemek için aşağıda anlatılan alanları uygulabilirsiniz.

Görünüm ve Diller > Şablonlarına sayfasına gelin, sağ üstte bulunan [FA]plus-square[/FA] Şablon ekle butonuna tıklayın.



Şablon adı: xt_sidebar_giris
Şablon içeriği:

<xf:css src="xt_sidebar_giris.less" />
<xf:if contentcheck="true">
    <div class="blockMessage blockMessage--error blockMessage--iconic">
        <xf:contentcheck>{$error}</xf:contentcheck>
    </div>
</xf:if>

<div class="block block--login">
    <xf:form action="{{ link('login/login') }}">
        <div class="block-container">
            <h3 class="block-minorHeader">
                {{ phrase('log_in') }}
            </h3>
            <div class="block-body">
                <div class="block-row">
                <xf:textboxrow name="login" value="{$login}" autocomplete="username"
                    label="{{ phrase('your_name_or_email_address') }}" />

                <xf:textboxrow name="password" type="password" autocomplete="current-password"
                    label="{{ phrase('password') }}">

                    <xf:html>
                        <a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
                    </xf:html>
                </xf:textboxrow>

                <xf:if is="$captcha">
                    <xf:captcharow label="{{ phrase('verification') }}" force="true" />
                </xf:if>

                <xf:checkboxrow>
                    <xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
                </xf:checkboxrow>
                    <xf:submitrow icon="login" />
                   
                    <xf:if is="$xf.options.registrationSetup.enabled">
                        <dl class="formRow formRegisterRow">
                            <dt></dt>
                            <dd>{{ phrase('dont_have_account_question') }} <a href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register_now') }}</a></dd>
                        </dl>
                    </xf:if>
                   
                </div>
            </div>
           
        </div>

    </xf:form>
</div>

Alanları doldurduktan sonra altta bulunan [FA]save[/FA] Kaydet ve Çık butonuna tıklayın.

Şimdi formu düzenlemek için css kodlarını ekleyeceğiz, bunun için yine üstteki gibi şablonlar sayfasından [FA]plus-square[/FA] Şablon ekle butonuna tıklayın.
Şablon adı: xt_sidebar_giris.less
Şablon içeriği:

.block.block--login
{
    .formRow
    {
        > dt, > dd
        {
            width: auto;
            display: block;
            text-align: left;
            padding: 0px;
            background-color: transparent;
            border-width: 0;
        }
        > dt
        {
            padding: @xf-paddingSmall 0px;
        }
        &:first-child
        {
            > dt
            {
                padding-top: 0;
            }
        }
        &.formSubmitRow dt
        {
            display: none;
        }
        .formSubmitRow-bar
        {
            background-color: transparent;
            border-width: 0;
        }
        .formSubmitRow-controls
        {
            padding-left: 0;
            text-align: right;
            margin-right: 0;
            margin-left: 0;
            button { width: 100%; display: block; }
        }
    }
        .formRegisterRow
        {
            font-size: @xf-fontSizeSmall;
            text-align: center;
            dt { display: none; }
            dd { text-align: center; }
            a { text-decoration: underline; }
        }
}

Bu şekilde ekleyip kayıt ettikten sonra PAGE_CONTAINER şablonunda aşağıda ki kodu bulun:

<xf:foreach loop="$sidebar" value="$sidebarHtml">

Üzerine ekleyin:

<xf:if is="!$xf.visitor.user_id">
<xf:include template="xt_sidebar_giris" />
</xf:if>

Bu işlemleri doğru yaptıktan sonra giriş yapmayan ziyaretçilere aşağıda ki gibi sidebar alanında bir giriş formu görünecektir.