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

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

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

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

دوستان عزیز اولین نکته ای را که باید به ان توجه کنید این است که بسیاری از سایت ها برای نمایش مطالب خود از افزونه های مختلف وردپرس استفاده می کنند اما افزونه های وردپرس باعث افزایش سرعت بارگذاری صفحه و در اصل سنگین شدن سایت می شوند. ما در این آموزش نشان می دهیم که چگونه آخرین مطالب را در اسلایدشو بدون افزونه داشته باشید زیرا این افزونه ها در عین خوب بودن مضراتی را نیز دارند که اصلا توصیه نمیشود به تعداد زیاد استفاده شوند

خب دوستان عزیز روش قرار دادن اسلاید شو در وب سایت بدون افزونه به صورت زیر است:

شما باید در قدم اول قالب وردپرسی خود را به ویژگی “تصویر شاخص” مجهز کنید که البته بیشتر قالب های وردپرس حدید چنین ویژگی دارند. برای اینکار به سراغ فایل functions.php قالب وردپرس خود میرویم اما توجه کنید که در صورتی که قالب وردپرس شما چنین فایل را ندارد به راحتی میتوانید ان را برای قالب وردپرس خود بسازید. سپس کد زیر را داخل آن قرار می دهیم:

۱
<?php if ( function_exists( ‘add_theme_support’ ) ) { add_theme_support( ‘post-thumbnails’ ); set_post_thumbnail_size( 260, 220, true ); // تعیین طول و عرض تصویر} ?>

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

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
register_sidebar(array(
‘name’ => ‘right’,
‘before_widget’ => ‘
<div class=”blockr”>
<div class=”pat1″>’,
‘after_widget’ => ‘</div>
’,
‘before_title’ => ‘<span>’,
‘after_title’ => ‘</span></div>
<div class=”iconb”><img src=”/wp-content/themes/GoldMovie.ver2/images/topp.png”></div>
’,
));

خب دوستان عزیز میرسیم به قدم سوم در این آموزش وردپرس.دوستان حال می بایست کد زیر را جایی که میخواهید اسلایدر نمایش داده شود قرار دهید:

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۳۲
۳۳
۳۴
<div class=”footer_box”>
<div id=’holder’ style=’display:none;’>
<ul id=”text_ads”>
<?php $my_query = new WP_Query(‘showposts=10&cat=0′); // ۱۰ اسلایدر نمایش داده خواهد شد while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li class=’objImgFrame’ >
<a href=”<?php the_permalink() ?>/” title=”<?php the_title(); ?>” class=”image” target=”_blank”> /*  عنوان مطلب*/
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( array(212,64) );
}
else {
echo ‘<img src=”‘ . get_bloginfo( ‘stylesheet_directory’ ) . ‘/images/no.png” />’; // عکس مطلب
}
?></a>
<a href=”<?php the_permalink() ?>/” title=”<?php the_title(); ?>” class=”title” target=”_blank”><?php the_title(); ?></a> // عنوان
</li>
<?php endwhile; ?><?php wp_reset_query(); ?>
</ul>
<div class=”srcoll_nav”>
<a href”#” id=”leftNav” >&nbsp; </a>
<a href”#” id=”rightNav” >&nbsp; </a>
</div>
</div>
</div>

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

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۳۲
۳۳
۳۴
۳۵
۳۶
۳۷
۳۸
۳۹
۴۰
۴۱
۴۲
۴۳
۴۴
۴۵
۴۶
۴۷
۴۸
۴۹
۵۰
۵۱
۵۲
۵۳
۵۴
۵۵
۵۶
۵۷
۵۸
۵۹
۶۰
۶۱
۶۲
۶۳
۶۴
۶۵
۶۶
۶۷
۶۸
۶۹
۷۰
۷۱
۷۲
۷۳
۷۴
۷۵
۷۶
۷۷
۷۸
۷۹
۸۰
۸۱
۸۲
۸۳
۸۴
۸۵
۸۶
۸۷
۸۸
۸۹
۹۰
۹۱
۹۲
۹۳
۹۴
۹۵
۹۶
۹۷
۹۸
۹۹
۱۰۰
۱۰۱
۱۰۲
۱۰۳
۱۰۴
۱۰۵
۱۰۶
۱۰۷
۱۰۸
۱۰۹
۱۱۰
۱۱۱
۱۱۲
body {
font: 11px tahoma;
margin: 0;
padding: 0;
background: #ccc;
color:#000;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
div.footer_box {
width:980px;
float:right;
margin-right:50px;
position:relative
}
ul#text_ads {
width:980px;
float:right;
margin:10px -5px 10px 0;
}
.objImgFrame {
float: right;
width: 228px;
height: 200px;
margin: 0px 15px 0px 0px;
border-radius: 5px;
box-shadow: 0px 0px 8px #000;
}
.objImgFrame .image {
width:227px;
height:146px;
float:right;
}
.objImgFrame .image img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px 5px 0 0;
width:227px;
height:146px;
float:right;
}.objImgFrame .image img:hover {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.objImgFrame .title {
margin-top:8px;
text-align:center;
width:215px;
float:right;
color:#000;
font-weight:bold;
}
.objImgFrame .descript {
width:210px;
float:right;
margin:5px 5px 0 0;
color:#000;
font-weight:normal;
}
.objImgFrame a {
transition-property:color;
transition-duration:1s;
-moz-transition-property:color;
-moz-transition-duration:1s;
-webkit-transition-property:color;
-webkit-transition-duration:1s;
-o-transition-property:color;
-o-transition-duration:1s;
}
.simple_slider_hover {
cursor:pointer;
cursor:hand
}
.simple_slider_disabled {
opacity : 0.2;
filter: alpha(opacity=20);
zoom: 1;
}
#leftNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat 0 0;
position:absolute;
top:65px;
left:-40px;
}
#leftNav:hover {
background-position:0 -85px;
}
#rightNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat -23px 0;
position:absolute;
top:65px;
right:-30px;
}
#rightNav:hover {
background-position:-23px -85px;
}

خب حالا پس از ذخیره سازی این قایل در وب سایت وردپرسی خود در صورتی که وب سایت خود را تازه سازی کنید خواهید دید که این تغیبرات در وب سایت شما اعمال شده است و دیگر نیازی به تغییرات دیگری نیست و شما خیلی راحت توانستید پست های جدید وب سایت خود را در بحش اسلایدر وب سایت قرار دهید