Yazılar resmin yanından baslamıyor..Resimde görüldügü gibi..

31-03-2014, 14:09:48

#1

ceniko

Arkadaslar aşagıda resimde görüldüğü gibi bir türlü yazıyı resmin sağ tarafından başlatamadım.O kadar makale okudum hepsini yaptım olmuyor..

Varmı yardımcı olabilecek?

style.css den text-align:left yaptım olmadı...Baya birşey denedim aslında ama nedendir anlayamadım....

Birde şu kodu açıklayabilecek var mı.Herhalde oldugu gibi içerigi mi getiriyor ne?

<?php the_content(__(''));?>

31-03-2014, 14:16:21

Kimlik doğrulama veya yönetimden onay bekliyor.

<p><img alt="" src="resmin.jpg" width="201" height="181" style="float: left" class="blogresim"></p><?php echo kisalt($post->post_content, 57); ?>..

post_content, 57 Gösterilecek karekter ayarlayabilirsin.

Css

<style type="text/css">.blogresim {border-style: solid;border-width: 2px;margin-top: 1px;margin-bottom: 1px;margin-right:10px;}</style>

Functions.php

function kisalt($excerpt, $substr=0) {
	$string = strip_tags(str_replace('[...]', '...', $excerpt));
	if ($substr>0) {
		$string = mb_substr($string, 0, $substr,'UTF-8');
	}
	return $string;
}

31-03-2014, 14:39:47

#3

ceniko

Usta öncelikle cevap verdigin için teşekkür ediyorum..Yalnız anlamadıgım bir nokta var.Wp den post girince otomatik yapması gerekmiyor mu bunu..
Siz şu kodu verdiniz..
<p><img alt="" src="resmin.jpg" width="201" height="181"

Burada src="resmin.jpg" bunu bizmi seçmemiz lazım her girişte..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:39:47 -->-> Daha önceki mesaj 14:35:59 --

Kodlarda şu:

<div class="habersirala">


<?php query_posts('showposts=5&orderby=date&cat=17'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="article">

<div class="article-header">


<h1>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</h1>


<ul>
<li>Tarih : <?php the_time('j F Y'); ?></li>
<li>Kategori : <?php the_category(', ') ?></li>
<li><?php comments_number('Yorum Yok', '1 Yorum ', '% Yorum' );?></li>
</ul>

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

</div>

<div class="article-content">

<div class="article-thumbnail">



<?php if ( has_post_thumbnail()) { ?>
<?php the_post_thumbnail('index-thumbnail'); ?>

<?php } ?>
</div>

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

<div class="articleyazi">

<?php the_content();?>
<div class="clear"></div>
</div>

</div>

</div>


<?php endwhile; else: ?>

<?php endif; ?>

</div> </div>
31-03-2014, 14:47:44

#4

limontasarim

img.alignleft {float: left;display:inline;padding:0;margin-right:10px;}

GT-I9500 cihazımdan Tapatalk kullanılarak gönderildi

31-03-2014, 14:54:52

IhsanNet

Kodlarını bu şekil degiştirebilirsin. Yazı resminide Öne çıkarılmış görsel olarak belirle bölümünden ekleyeceksin.

<div class="habersirala">

<!-- Döngü başlıyor -->
<?php query_posts('showposts=5&orderby=date&cat=17'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="article">

<div class="article-header">

<!-- Yazı başlığı -->
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

<!-- Yazı bilgileri -->
<ul>
<li>Tarih : <?php the_time('j F Y'); ?></li>
<li>Kategori : <?php the_category(', ') ?></li>
<li><?php comments_number('Yorum Yok', '1 Yorum ', '% Yorum' );?></li>
</ul>

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

</div>

<div class="article-content">

<div class="articleyazi">
<!-- Yazının içeriği -->
<p><img alt="<?php the_title(); ?>" src="<?php $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 201,181 ), false, '' ); echo $src[0]; ?>" width="201" height="181" style="float: left" class="blogresim"></p><?php echo kisalt($post->post_content, 57); ?>.. 
<div class="clear"></div>
</div>

</div>

</div>
<style type="text/css">.blogresim {border-style: solid;border-width: 2px;margin-top: 1px;margin-bottom: 1px;margin-right:10px;}</style>

<!-- Döngü bitiyor -->
<?php endwhile; else: ?>

<?php endif; ?>

</div> </div>

Function

function kisalt($excerpt, $substr=0) {
    $string = strip_tags(str_replace('[...]', '...', $excerpt));
    if ($substr>0) {
        $string = mb_substr($string, 0, $substr,'UTF-8');
    }
    return $string;
}

31-03-2014, 15:55:36

#6

ceniko

Çözüm olmadı..Herhalde css ile ilgili birşey olsa gerek..işin içinden çıkamadım..
Dediğim gibi yapabilecegim hazır kod da bulamıyorum bulsam onu kullanacam ...

31-03-2014, 17:01:35

moss218

array("class" => "alignleft")

eklemelisin.

Örnek:

the_post_thumbnail(array("class" => "alignleft"))

31-03-2014, 19:13:16

ceniko

tamam yaptım ben nasıl yaptıgımı yazacagım bir ara ..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 19:13:16 -->-> Daha önceki mesaj 18:16:29 --

Çözümü şöyle buldum.Aynı sorunu yaşayan arkadaşlara belki bir yol olur..

<div class="article">

<ul class="article-baslik">
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
</ul>

<ul class="article-resim"> 
<img src="<?php echo resimgoster(); ?>" align="left" class="article-img"/>
</ul>

<ul class="article-yazi">
<p><?php the_excerpt(); ?></p>
</ul>

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

</div>