چگونه در پروفایل کاربران تب اضافی بسازیم؟

[Patira]

درود؛

می خواهیم با این مقاله یاد بگیریم که چطور بتونیم داخل پروفایل کاربرامون خودمون یه تب بسازیم مثل تصویر زیر :

[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

مرحله اول :

در قسمت محصولات و پلاگین ها بر روی اضافه کردن Plugin جدید کلیک کنید تا بتونید یه پلاگین جدید بسازید!

خب محل هوک رو بزنید member_complete! بعد این کد زیر رو در قسمت مربوط به کد php کپی کنید :

if (isset($vbulletin->GPC['tab'])){    $selected_tab = $vbulletin->GPC['tab'];}$blockinfo['title'] = "Test Title";$blockid = "test";$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&tab=test#test";$templater = vB_Template::create('memberinfo_tab');$templater->register('selected_tab', $selected_tab);$templater->register('relpath', $relpath);$templater->register('blockinfo', $blockinfo);$templater->register('blockid', $blockid);$templater->register('taburl', $taburl);$template_hook['profile_tabs_last'] .= $templater->render();  // ### کدی که شما باید بزنید تا اون تب رو به نحوی که دوست دارید کامل کنید ###// فراموش نکنید برای درج کردن هر چیزی در قالب ها ( Templates) باید ارزش یا Variable تعریف کنید.$test_tab_content = "Congratulations, you can see me, I'm your PHP Code!";$templater = vB_Template::create('custom_profile_tab_test');$templater->register('selected_tab', $selected_tab);$templater->register('test_tab_content', $test_tab_content);$template_hook['profile_tabs'] .= $templater->render();

این کد بالایی باعث میشه شما یه تب رو در آخرین تب پروفایل کاربرتون بسازید و اضافه کنید.

قسمت هایی رو که باید تغییر بدین رو رنگی کردم و در پایین توضیح میدم.

به کامنت هایی که داخل خود کد قرار دادم هم توجه کنیداااااا...

خب test که با قرمز مشخص شده که معلومه چیه... می تونید به جاش هر عنوانی رو دوست داشتید بذارید...

داخل اون قسمت سبز رنگ هم می تونید محتویاتی که دوست دارید رو قرار بدین... حالا اگه اون محتویات html باشه باید داخل یکی از قالب هایی که در قسمت بنفش رنگ تعریف می کنید، html رو اعمال کنید.

قسمت صورتی رنگ یه قالب به قالب های شما اضافه می کنه... شما می تونین هر اسمی خواستین براش در نظر بگیرید و جایگزین کنید

قسمت بنفش رنگ هم برای اینه که اگه شما خروجی هاتون برای تعداد قالب ها و نوع قالب ها بیشتر شد در اینجا تعریف کنید تا تنظیمات استایلی که انجام میدین روی اون تب اعمال بشه...

به یاد داشته باشید بخش قالب ها، بخش حساسی هست

عنوانی که برای test انتخاب می کنید باید تک باشه که اختلال ایجاد نکنه...


مرحله دوم :

خب... حالا اینجاس که باید بریم سر مبحث خیلی باحال قالب ها... اگه یه کمی تو مرحله ی قبلی بخش قالب ها براتون گنگ بود اینجا خدمتتون بیشتر توضیح میدیم.

اگه یادتون باشه توی قسمت قبلی اون قسمت صورتی رنگ اسم قالب رو یه چیزی تعریف کردیما... حالا شما هر چی خواستی تعریف کن... ما همونو در نظر میگیریم و کارمون رو روی همون شروع می کنیم :

پس اسم رو custom_profile_tab_test در نظر میگیریم...

<div id="view-test" class="<vb:if condition="$selected_tab == 'test'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">    <div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">             <h4 class="subsectionhead-understate">Test</h4>    </div>    <br />This is a <b>custom tab</b> test.<br />     {vb:raw test_tab_content}</div>

کد بالایی قالبتون هست با اجازتون!

اون قسمت قرمز که همون عنوانه هست...

یادتونه توی مرحله ی قبل گفتم اگه کد html دارین برای محتوا باید داخل template بریزید؟

حالا وقتشه که به جای اون قسمت سبز رنگ بذاریدش!

اگه هم که کدی که در مرحله ی قبل به صورت php ثبت کرده باشیدش رو بخواین استفاده کنید که اون خروجی ثبت شده برای قالب رو جایگزین قسمت بنفش رنگ می کنید !


دسترسی مستقیم :

اگه می خواین مستقیما به اون تب پروفایل دسترسی داشته باشین مقدار &tab=test#test رو به اون آدرس پروفایل اضافه کنید.

همین دیگه... موفق باشید!

نویسنده : [برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]