İlk tema hazırlayışım bir konuda yardıma ihtiyacım var

SokrateS

Arkadaşlar merhaba, bir tane html/css ücretsiz tasarım buldum. Ona wordpress giydirmeye çalışıyorum. Menüyü, logoyu buraya kadar herşeyi yaptım. Ama html tasarımdaki slider birtürlü çalışmıyo php kodlarla.

Aşağıdaki slider'da öne çıkarılmış görsel ve title çekmek için kullanmaya çalıştığım kod. Bu şekilde öne çıkmış görsel çıkıyo,title cıkıyo ancak slider devre dışı kalıyor.

Kod:

<div class="slider-holder">
					<span class="left"></span>
					<span class="right"></span>
					<!-- flexslider -->
					<div class="big-slider">
						<ul class="slides">
							<li>
								<?php the_post_thumbnail('full', array('class' => 'alignleft','alt' => the_title(),'title' => the_title())); ?>
								<div class="slide-cnt">
									<h2><?php while(have_posts()):the_post();?><br /><?php the_title(); ?></h2>
									<p><?php the_excerpt(); ?></p>
									<a href="<?php the_permalink(); ?>" class="red-btn">Devam ET!</a>
									<?php endwhile; ?>
								</div>
								
							</li>
						</ul>
					</div>
					
					<!-- end of flexslider -->

Bu html tasarımda slider'in çalışır hali;

Kod:

<div class="slider-holder">
					<span class="left"></span>
					<span class="right"></span>
					<!-- flexslider -->
					<div class="big-slider">
						<ul class="slides">
							<li>
								<img src="css/images/slide-img.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Amazing Coffee <br />& Delicious Cupcakes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. lisanssıza a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="#" class="red-btn">Find Out More!</a>
								</div>
							</li>
							<li>
								<img src="css/images/slide-img2.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Amazing Coffee <br />&  Delicious Cupcakes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. lisanssıza a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="#" class="red-btn">Find Out More!</a>
								</div>
							</li>
							<li>
								<img src="css/images/slide-img3.png" alt="" class="alignleft"/>
								<div class="slide-cnt">
									<h2>Amazing Coffee <br />&  Delicious Cupcakes</h2>
									<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. lisanssıza a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
									<a href="#" class="red-btn">Find Out More!</a>
								</div>
							</li>
						</ul>
					</div>
					<!-- end of flexslider -->

hasandatca · 5 Aralık 2014

Dostum while loopunu li'lerden önce yapman gerekir diye düşünüyorum. kodu aşağıdaki gibi değiştirip dener misin?

HTML:

<div class="slider-holder">
	<span class="left"></span>
	<span class="right"></span>

<!-- flexslider -->
	<div class="big-slider">
		<ul class="slides">
		<?php while(have_posts())
{
the_post();	?>

               <li>
              <?php the_post_thumbnail('full', array('class' => 'alignleft','alt' => the_title(),'title' => the_title())); ?>
		<div class="slide-cnt">
		<h2><?php the_title(); ?></h2>
		<p><?php the_excerpt(); ?></p>
		<a href="<?php the_permalink(); ?>" class="red-btn">Devam ET!</a>
		
		</div>
		</li>
<?php	
}endwhile;
?>
</ul>
</div>
					
<!-- end of flexslider -->