آموزش افزودن مطالب مرتبط قالب بلاگ بیان

بعد از دانلود افزونه همانطور که در تصویر زیر مشاهده می کنید.داخل فولدر دو فولدر دیگر وجود دارد.

افزونه در دو حالت با تصویر و بدون تصویر مطالب مرتبط را نشان می دهد.فولدر withIMG : فایل های نسخه ای هست که مطالب با تصویر نمایش داده می شوند و فولدر Sample نسخه ساده یعنی بدون تصویر هست که شما می توانید به سلیقه خودتان و مناسب قالب هرکدام را انتخاب و نصب کنید.

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

در مرحله قبل شما کد اسکریپت رو آپلود کردید، لینک همان فایل را مانند تصویر زیر در انتهای کدهای ساختار قالب فعلی؛ قبل از تگ </body> بگذارید مانند تصویر.دقت کنید اگر پلاگین جی کوئری در قالب موجود هست نیاز نیست از آن استفاده کنید فقط کد مربوط به مطالب مرتبط رو بگذارید.
چنانچه فایل جی کوئری در قالب تان وجود ندارد مانند تصویر زیر کدش را در ساختار قالب فعلی ؛ قبل از تگ </head> بگذارید.
<script src=”https://code.jquery.com/jquery-3.4.1.min.js”></script>

در ساختار قالب فعلی تگ <box:post_detial> را پیدا کنید.داخل این تگ ، تگ <view:post_tags> را پیدا کنید.مانند تصویر به تگ <a> یک کلاس با نام bt_post-tags اضافه کنید.

در این مرحله شما باید مشخص کنید مطالب مرتبط کجای قالب تان نمایش داده شوند.برای اینکار کافیست کدهای زیر را در هرمکانی که خواستید مطالب مرتبط نمایش داده شوند بگذارید.
<aside id="bt-rel_posts" class="bt_widget bt_box">
<h3 class="bt_widget-title">مطالب مرتبط</h3>
<div id="bt_related-posts" class="bt_widget-cnt restlist"></div>
</aside>

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