İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

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

SokrateS

0
İyinet Üyesi
Katılım
3 Şubat 2012
Mesajlar
28
Reaction score
0
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

0
İyinet Üyesi
Katılım
4 Kasım 2012
Mesajlar
8
Reaction score
0
Konum
Muğla
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 -->
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst