• 20-08-2017, 14:58:20
    #1
    Selamlar üstadlarım,
    PSD to CSS temamı bitirdim. Şimdi sırada Html/Css to Wordpress işine geldi.

    Fakat yaptığım css de bir divin içinde 3 adet konu paylaştıktan sonra aynı divi tekrar açması gerekiyor yani şöyle izah edeyim.

    <div class="birinci div">
       <div class="konu1">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu2">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu3">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
    </div>
    
    <div class="ikinci div">
       <div class="konu4">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu5">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu6">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
    </div>
    Yani genel divlerden sonra 3 konu paylaşıp tekrar genel div açacak ve 3 konu paylaşacak. 1 dive 3 konu 1 dive 3 konu çeklinde üstadlarım.

    Bunu wordpress de while döngüsüyle konuları listelerken nasıl yapacağım acaba?
  • 22-08-2017, 10:25:45
    #2
    Baypars adlı üyeden alıntı: mesajı görüntüle
    Selamlar üstadlarım,
    PSD to CSS temamı bitirdim. Şimdi sırada Html/Css to Wordpress işine geldi.

    Fakat yaptığım css de bir divin içinde 3 adet konu paylaştıktan sonra aynı divi tekrar açması gerekiyor yani şöyle izah edeyim.

    <div class="birinci div">
       <div class="konu1">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu2">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu3">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
    </div>
    
    <div class="ikinci div">
       <div class="konu4">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu5">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
       <div class="konu6">
       <span>konu başlığı</span>
       <img src="" title="konu resmi"> 
       <span class="konu kısa açıklama"></span>
       </div>
    
    </div>
    Yani genel divlerden sonra 3 konu paylaşıp tekrar genel div açacak ve 3 konu paylaşacak. 1 dive 3 konu 1 dive 3 konu çeklinde üstadlarım.

    Bunu wordpress de while döngüsüyle konuları listelerken nasıl yapacağım acaba?
    Aşağıdaki ifadeyi olduğu gibi kullan hocam

    [
    		<?php
    			$args = array(
    				'post_type'              => array( 'post' ),
    				'post_status'            => array( 'publish' ),
    				'posts_per_page'         => '6',
    			);
    
    		$loop = new WP_Query($args);
    			while ($loop->have_posts()) : 
        		$loop->the_post();
        	if ($loop->current_post == 0) { ?>
    		<div class="birinci div">
    			<div class="konu1">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    			<?php } if ($loop->current_post == 1) { ?>
    			<div class="konu2">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    			<?php } if ($loop->current_post == 2) { ?>
    			<div class="konu3">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    		</div>
    		<?php } if ($loop->current_post == 3) { ?>
    		<div class="ikinci div">
    			<div class="konu4">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    			<?php } if ($loop->current_post == 4) { ?>
    			<div class="konu5">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    			<?php } if ($loop->current_post == 5) { ?>
    			<div class="konu6">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    		</div>
    		
    		<?php } endwhile; wp_reset_postdata(); ?>
  • 23-08-2017, 02:07:00
    #3
    teknolojig adlı üyeden alıntı: mesajı görüntüle
    Aşağıdaki ifadeyi olduğu gibi kullan hocam

    [
    		<?php
    			$args = array(
    				'post_type'              => array( 'post' ),
    				'post_status'            => array( 'publish' ),
    				'posts_per_page'         => '5',
    			);
    
    		$loop = new WP_Query($args);
    			while ($loop->have_posts()) : 
        		$loop->the_post();
        	if ($loop->current_post == 0) { ?>
    		<div class="birinci div">
    			<div class="konu1">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    			<?php } if ($loop->current_post == 1) { ?>
    			<div class="konu2">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    			<?php } if ($loop->current_post == 2) { ?>
    			<div class="konu3">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    		</div>
    		<?php } if ($loop->current_post == 3) { ?>
    		<div class="ikinci div">
    			<div class="konu4">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    			<?php } if ($loop->current_post == 4) { ?>
    			<div class="konu5">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    			<?php } if ($loop->current_post == 5) { ?>
    			<div class="konu6">
    				<span>konu başlığı</span>
    				<img src="" title="konu resmi">
    				<span class="konu kısa açıklama"></span>
    			</div>
    
    		</div>
    		
    		<?php } endwhile; wp_reset_postdata(); ?>
    Sabah ilk iş dediğinizi denemek hocam olmasa bile yinede çok teşekkür ederim, uğraşıp yazmışsınız nasıl teşekkür etsem azdır sabah tekrar bilgilendirmek için konuya mesaj atarım alıntılayarak
  • 23-08-2017, 10:54:01
    #4
    Baypars adlı üyeden alıntı: mesajı görüntüle
    Sabah ilk iş dediğinizi denemek hocam olmasa bile yinede çok teşekkür ederim, uğraşıp yazmışsınız nasıl teşekkür etsem azdır sabah tekrar bilgilendirmek için konuya mesaj atarım alıntılayarak
    çalışacaktır hocam ama şöyle bi hata yapmışım posts_per_page değeri olarak 5 yazmışım onu 6 olarak güncelledim kodda sende ona dikkat edersin
  • 23-08-2017, 13:46:43
    #5
    teknolojig adlı üyeden alıntı: mesajı görüntüle
    çalışacaktır hocam ama şöyle bi hata yapmışım posts_per_page değeri olarak 5 yazmışım onu 6 olarak güncelledim kodda sende ona dikkat edersin
    Hocam düzgünce tam istediğim gibi çalıştı, nasıl teşekkür etsem azdır. Teşekkür ederim