کمک برای تبدیل اسلایدر به وردپرس !!

[persianwp 13]

دوستان و اساتید عزیز سلام

من ی لیست اسلایدر دانلود کردم الان میخوام تبدیلش کنم به قالب وردپرس خودم تبدیل زدم نشد فکر کنم بد نوشتم کد هاشو

کد اچ تی ام الشو قرار میدم راهنماییم کنید یا اگه امکان داره برام درستش کنید.. چون هم آیدی داره اسلایداش هم 2

تا عکس داره من گیج شدم

ممنون از اینکه وقت میزارید

تشکر

[/right]

<div id="featured" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>

</ul>

<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/image1.jpg" alt="" />
<div class="info" >
<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
</div>
</div>

<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image2.jpg" alt="" />
<div class="info" >
<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
</div>
</div>

<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image3.jpg" alt="" />
<div class="info" >
<h2><a href="#" >35 Amazing Logo Designs</a></h2>
<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
</div>
</div>

<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image4.jpg" alt="" />
<div class="info" >
<h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
</div>
</div>



</div>

[right]

[color=#333333][size=3]

[/size][/color]

ویرایش شده آذر 93 توسط iwebs

[asemon14 36]

میخواین اسلایدر آخرین مطالب سایت رو نشون بده یا مطالب دسته ای خاص؟

[persianwp 13]

مطلب دسته ای خاص

این شکلیه .. کدی که دادم کده این اسلایدره

[M.Javad 684]

<?php
								 $portfolio = new WP_Query(array(
								 'post_status' =>'publish',
								 'post_type' =>'post',
								 'cat' =>'آی دی دسته',
								 'posts_per_page' =>'تعداد مطالب نمایش داده شده',
								 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
								 ));
  ?>

این کد رو بالای ul بزارید د زیر بین ul و li دستور سرط و حلقه رو بزارید

if($portfolio->have_posts()) : ?>
					    <?php while($portfolio->have_posts()) : $portfolio->the_post(); ?>

زیر </li> هم حلقه رو ببندید

<?php endwhile; ?>
								 <?php endif; ?>
</ul>
<?php wp_reset_query();?>

برای نمایش تصویر شاخص در اسلایدر از دستور

<?php if ( has_post_thumbnail() ) the_post_thumbnail('home-thumb');?>

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

<?php the_title(); ?>

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

<?php the_permalink() ?>

استفاده کن

امیدوارم متوجه شده باشی

[persianwp 13]

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

بعد من گفتم که 4 تا اسلایدی که نشون میده آیدی دارن اون آیدی هاشو چطوری کد کنم ..

کدی که قرار دادم رو ی بار با دقت بررسی کنید الان تو کدی که شما دادید تصویر شاخص فقط یدونرو نشون میده

[persianwp 13]

دوستان عذر خواهی میکنم ولی خودم ی کدی درست کردم که بهم میریزه اسلایدر

از دوستان و استادان گرامی درخواست میکنم که راهنماییم کنند .. شرمندتونم

[asemon14 36]

بفرمایید این رو تست کنید

به جای category ID ای دی دسته مورد نظرتون رو قرار بدین

<?php
$slider= new WP_Query(array(
'post_type' => 'post',
'post_status' => 'publish',
'cat' => 'category ID',
'order' => 'DESC',
'orderby' => 'ID',
'posts_per_page' =>'4',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
)); ?>
<?php
if($slider->have_posts()) : ?>
<?php
while($slider->have_posts()) : $slider->the_post();?>

<div id="featured" >
<ul class="ui-tabs-nav">
		   <li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img src="<?php the_post_thumbnail('medium'); ?>" alt="" /><span><?php the_title(); ?></span></a></li>
		 </ul>
   <!-- First Content -->
   <div id="fragment-1" class="ui-tabs-panel" style="">
<img src="<?php the_post_thumbnail('medium'); ?>" alt="" />
<div class="info" >
<h2><a href="#" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="#" >read more</a></p>
</div>
   </div>
</div>
<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

[imanfakhar 26231]

این کد را تست کنید و نتیجه را بگید:

<?php
$slider= new WP_Query(array(
'post_type' => 'post',
'post_status' => 'publish',
'cat' => 'category ID',
'order' => 'DESC',
'orderby' => 'ID',
'posts_per_page' =>'4',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
)); ?>
<?php
if($slider->have_posts()) : ?>
<div id="featured" >
<ul class="ui-tabs-nav">
<?php
$x=1;
while($slider->have_posts()) : $slider->the_post();?>
<li class="ui-tabs-nav-item" id="nav-fragment-<?php echo $x;?>"><a href="#fragment-<?php echo $x;?>"><img src="<?php the_post_thumbnail('medium'); ?>" alt="" /><span><?php the_title(); ?></span></a></li>
<?php $x +=1;
endwhile; ?>
				 </ul>
<?php
$x=1;
while($slider->have_posts()) : $slider->the_post();?>
   <div id="fragment-<?php echo $x;?>" class="ui-tabs-panel" style="">
<img src="<?php the_post_thumbnail('medium'); ?>" alt="" />
<div class="info" >
<h2><a href="#" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="#" >read more</a></p>
</div>
   </div>
<?php $x +=1;
endwhile; ?>
</div>
<?php endif; ?>
<?php wp_reset_query(); ?>

[persianwp 13]

سلام

تشکر

تست کردم باز هم بد نشون داده میشه و ناقص نشون میده اسلایدرو

[asemon14 36]

در صورت امکان لینک آنلاین و دسترسی پیام خصوصی کنید بررسی بشه

[imanfakhar 26231]

<?php
$slider= new WP_Query(array(
'post_type' => 'post',
'post_status' => 'publish',
'cat' => 'category ID',
'order' => 'DESC',
'orderby' => 'ID',
'posts_per_page' =>'4',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
)); ?>
<?php
if($slider->have_posts()) : ?>
<div id="featured" >
<ul class="ui-tabs-nav">
<?php
$x=1;
while($slider->have_posts()) : $slider->the_post();?>
<li class="ui-tabs-nav-item" id="nav-fragment-<?php echo $x;?>"><a href="#fragment-<?php echo $x;?>"><?php the_post_thumbnail('small'); ?><span><?php the_title(); ?></span></a></li>
<?php $x +=1;
endwhile; ?>
								 </ul>
<?php
$x=1;
while($slider->have_posts()) : $slider->the_post();?>
   <div id="fragment-<?php echo $x;?>" class="ui-tabs-panel<?php if($x != 1) echo  ' ui-tabs-hide';?>" style="">
<?php the_post_thumbnail('large'); ?>
<div class="info" >
<h2><a href="#" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="<?php the_permalink();?>" ><?php _e('read more', 'fakhar');?></a></p>
</div>
   </div>
<?php $x +=1;
endwhile; ?>
</div>
<?php endif; ?>
<?php wp_reset_query(); ?>

[persianwp 13]

باز هم همونطوره

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

فایل اسلایدرو زمینه کردم اگه امکان داره بررسی کنید ببینید من جایی اشتباه نکردم؟؟

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

ممنون از اینکه وقت میزارید

New folder (2).zip

ویرایش شده آذر 93 توسط rozesia

[imanfakhar 26231]

یک پوشه به نام slider در قالبتون بسازید

این فایل ها را کپی کنید در روت اون پوشه :

style.css

jquery-ui-1.9.0.custom.min.js

jquery-ui-tabs-rotate.js

این کدها را کپی کنید در header.php و درست قبل از بسته شدن تگ head

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory');?>/slider/style.css?version=new" />
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/slider/jquery-ui-1.9.0.custom.min.js" ></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/slider/jquery-ui-tabs-rotate.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>

باقی کدها را به همون ترتیب قرار بدید

[persianwp 13]

من این فایل هارو تو پوشه js و css قالبم ریختم و به همین صورت که شما گفتید اد کردم تو هدر

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

[asemon14 36]

چک شد

ا

دقیقا معلوم نیست چرا!

فایل های استایل فراخوانی شده

ولی استایل ها اعمال نمی شود

[persianwp 13]

خیلی لطف کردید

منم نمیدونم چرا پس واسه همینه