آموزش نمایش جدید ترین مطالب در سایدبار جلسه 45 پاسخ وردپرس

طراحی باکس پربازدید ترین مطالب

آموزش طراحی بخش محتوا سایت بخش ۱

آموزش نمایش جدید ترین مطالب در سایدبار

فهرست موضوعات در این آموزش

بنام خدا سلام خدمت تمام کاربران وب سایت پاسخ وردپرس در خدمت شما هستم بایکی دیگه از جلسات آموزش HTML5 و CSS3
در خدمت شما هستم با جلسه ۱۵ آموزش طراحی قالب HTML5 و CSS3 ما توی جلسات
گذشته بخش های هدر منو بخش های تبلیغات بخش محتوا و سایدبار راست به صورت کامل خدمت
آموزش دادیم توی این جلسه آموزش طراحی قالب html و css میخواهیم داخل سایدبار یک
باکس برای نمایش جدید ترین مطالب پیاده سازی کنیم پس بامن همراه باشید .

آموزش نمایش جدید ترین مطالب در سایدبار

برای شروع کد های زیر را داخل فایل index.html بعد از کد های تبلیغات که توی جلسه گذشته
خدمت شما آموزش دادیم قرار دهید .

کدهای html

            <aside class="new-post">
                <header class="new-post-title">
                    <h3>  <i class="fa fa-newspaper-o"></i> جدید ترین مطالب   </h3>
                </header>
</aside>

<h3> <i class="fa fa-newspaper-o"></i> جدید ترین مطالب </h3>

</header>

</aside>

این کد های که قرار دادید برای عنوان جدید ترین مطالب بود برای نمایش محتوا جدید ترین مطالب کد زیر را
بعد از کد های بالا قرار دهید .

                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>