وردپرس فارسی

سلام دوستان

واقعا ممنون میشم راهنمائیم کنید

میخواستم بدونم سایت http://www.bibaknews.com توی بخش "پیشنهاد سردبیر " تو همون صفحه اصلیش از چه افزونه ای استفاده میکنه که وقتی روی چپ و راست کلیک میکنی خبرهای قدیمی ترش میان

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

این کار به راحتی در وردپرس قابل اجراست .

دسته بندی مورد نظر با عنوان دلخواه ساخته میشه ، برای مثال : پیشنهاد سردبیر .
سپس در قسمت مورد نظر از تمپلیت شما کد جی کوئری + کدهای پی اچ پی و اچ تی ام ال مربوطه قرار داده میشه و فقط کافیه شما موقع ارسال مطلب ، مطلبی که دوست دارید در بخش "پیشنهاد سردبیر" قرار بگیره ، تیک دسته مربوطه رو علامت گذاری میکنید .

"اگر با کدها آشنایی کامل ندارید ایجاد این کار مشکل است :)"

این سایت رو ببینید . اگر این مشکلتون رو حل میکنه کدش رو بدم .

http://www.tv.tala.ir

این کد رو در جای دلخواه در فایل index.php قرار بدید

<div class="last-product">

							<script type="text/javascript">
							jQuery(function() {
							jQuery(".mygallery3").jCarouselLite({
							btnNext: ".nextb3",
							btnPrev: ".prevb3",
							visible: 6,
							speed: 1000,
							easing: "linear",
							//easing: "backinout",
							auto:90000
							});

							});
							</script>

						<div id="slidearea3" class="rounded inshadow">
						<div id="gallerycover3">
						<div class="mygallery3">

						<ul>
						<?php query_posts('cat=your cat id'); ?>
						<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
							<li>
							<div class="gi3">

								<?php /*?><a href="<?php the_permalink(); ?>">
								<?php if ( has_post_thumbnail()) the_post_thumbnail('home-thumb'); ?>
								</a><?php */?>

								<?php /*?><?php if ( has_post_thumbnail() ):
								the_post_thumbnail('home-thumb');
								else: ?>
								<img src="<?php bloginfo('template_directory'); ?>/images/no-img.gif" />
								<?php endif; ?><?php */?>

								<a href="<?php the_permalink(); ?>">
								<?php if ( has_post_thumbnail() ):

								the_post_thumbnail('home-thumb');
								else: ?>
								<img src="<?php bloginfo('template_directory'); ?>/images/no-img.gif" />
								<?php endif; ?>
								</a>

							</div>
							<br  />
							<div class="gt3">
								<a href="<?php the_permalink(); ?>">
								<?php the_title(); ?>
								</a>
							</div>
							</li>
						<?php endwhile; else: ?>
						<p><?php _e('خطای 404'); ?></p>
						<?php endif; ?>
						</ul>	

						<div class="clear"></div>
						</div>
							<a href="#" class="prevb3"></a>
							<a href="#" class="nextb3"></a>
						</div>
						</div>
						</div>

						<div class="clear"></div>

این کد رو هم در فایل هدر قرار بدید

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.1.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jcarousel.js"></script>

این کدهای سی اس اس رو هم در سی اس استون اضافه کنید

/* css gallery */

.last-product3{
	width:730px;
}
#slidearea3{
	height: 170px;
	overflow: hidden;
	margin:0px;
	position: relative;
	width:710px;
}
#gallerycover3{
	overflow: hidden;
	margin:18px 20px;
	width:670px;
}
.mygallery3{
	overflow: hidden;
	position:relative;
}
.mygallery3 ul{
	list-style:none
}
.mygallery3 ul li{
	width:100px;
	height:160px;
	margin:0px 5.2px 0px 5.2px;
	padding:.5px;
	list-style:none;
}
.mygallery3 ul li a img{
	width:100px;
	height:80px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.gi3{
	width:100px;
	height:80px;
	float:right;
	right:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #CCCCCC;

}
.gi3 a{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.gi3 a:link{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.gi3 a:hover{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.gt3{
	width:90px;
	height:80px;
	margin-top:5px;
	text-align:justify;
	direction:rtl;
}
.gt3 a{
	width:50px;
	height:100px;
	margin-top:5px;
	text-align:justify;
	direction:rtl;
}
.gt3 a:link{
	color:#000000;
}
.gt3 a:hover{
	color:#FF0000;
}
.prevb3{
	width:14px;
	height:21px;
	z-index:200px;
	position:absolute;
	left:0px;
	bottom:80px;
	background-image: url(images/s_left-.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.prevb3:hover{
	width:14px;
	height:21px;
	z-index:200px;
	position:absolute;
	left:0px;
	bottom:80px;
	background-image: url(images/s_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.nextb3{
	width:14px;
	height:21px;
	z-index:200px;
	position:absolute;
	right:0px;
	bottom:80px;
	display:block;
	background-image: url(images/s_r.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.nextb3:hover{
	width:14px;
	height:21px;
	z-index:200px;
	position:absolute;
	right:0px;
	bottom:80px;
	display:block;
	background-image: url(images/s_r-.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* css gallery */

نکته : فایل های جی کوئری مورد نیاز رو در از خود سایت مذکور دانلود کنید .