اعمال نشدن تغییرات ویرایشگر در قسمت مطالب

[alireza1375 892]

من در ویرایشگر وردپرس دو تا عکس می گذارم و یکی چپ چین و دیگری وسط است.دقیقا مثل شکل زیر!

ولی وقتی مطلب را انتشار می دهم این شکلی میشه!

این کد قسمت single.php است.

<div class="single">
<div class="single-titr"><?php the_title(); ?></div>
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
<div class="summary"><?php the_post_thumbnail('small'); ?></div>
<?php the_content(''); ?>
<?php endwhile; ?>
<?php endif; ?>
</div>

و این هم استایل آن:

.single{
float: right;
width: 680px;
border: 2px #9A1C20 solid;
font:13px BYekan;
margin-top:10px;
border-radius: 7px;
background-color:#FFFFFF;
}
.single-titr{
font:16px BYekan;
background-color:#9A1C20;
color:#FFFFFF;
padding: 2px 7px 4px 1px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.single .summary img{
width:130px;
height:90px;
}

حالا نمی دونم مشکل چیه!چیزی در این کد ها نیست که عکس ها را اینطوری کنه.

[محمدرضـا 388]

در این استایل :

.single{
float: right;
width: 680px;
border: 2px #9A1C20 solid;
font:13px BYekan;
margin-top:10px;
border-radius: 7px;
background-color:#FFFFFF;
}

کد float: right; را حذف کنید و سپس تست کنید .

به این صورت :

.single{
width: 680px;
border: 2px #9A1C20 solid;
font:13px BYekan;
margin-top:10px;
border-radius: 7px;
background-color:#FFFFFF;
}

اگر حل نشد مطرح کنید تا دوباره رسیدگی کنیم .

[alireza1375 892]

جز اینکه قالب بهم ریخت اتفاق دیگری نیفتاد

[محمدرضـا 388]

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

ویرایش شده خرداد 94 توسط محمدرضـا

[alireza1375 892]

روی لوکال هاست است

[محمدرضـا 388]

این کد را به اضافه کنید :

direction:rtl;
text-align: justify;

به این صورت :

.single{
float: right;
width: 680px;
direction:rtl;
text-align: justify;
border: 2px #9A1C20 solid;
font:13px BYekan;
margin-top:10px;
border-radius: 7px;
background-color:#FFFFFF;
}

[alireza1375 892]

بازم نشد :(

این کد عکس ها تو قسمت "متن" ویرایشگر است.بدرد نمی خورد؟

عکس اولی که باید سمت چپ باشد:

<p><a href="http://localhost/wordpress/wp-content/uploads/2015/05/252.jpg"><img class=" size-medium wp-image-8 alignright" src="http://localhost/wordpress/wp-content/uploads/2015/05/252-300x188.jpg" alt="252" width="300" height="188" /></a></p>

عکس دومی که باید وسط باشد:

<p><img class=" wp-image-24 size-medium aligncenter" src="http://localhost/wordpress/wp-content/uploads/2015/05/hp-logo-14-300x187.jpg" alt="hp-logo-14" width="300" height="187" /></p>

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

ویرایش شده خرداد 94 توسط alireza1375

[محمدرضـا 388]

بازم نشد :(

این کد عکس ها تو قسمت "متن" ویرایشگر است.بدرد نمی خورد؟

عکس اولی که باید سمت چپ باشد:

<p><a href="http://localhost/wordpress/wp-content/uploads/2015/05/252.jpg"><img class=" size-medium wp-image-8 alignright" src="http://localhost/wordpress/wp-content/uploads/2015/05/252-300x188.jpg" alt="252" width="300" height="188" /></a></p>

عکس دومی که باید وسط باشد:

<p><img class=" wp-image-24 size-medium aligncenter" src="http://localhost/wordpress/wp-content/uploads/2015/05/hp-logo-14-300x187.jpg" alt="hp-logo-14" width="300" height="187" /></p>

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

از این کد ها استفاده کنید :

<p style="text-align: left;"><a href="http://localhost/wordpress/wp-content/uploads/2015/05/252.jpg"><img class=" size-medium wp-image-8 alignright" src="http://localhost/wordpress/wp-content/uploads/2015/05/252-300x188.jpg" alt="252" width="300" height="188" /></a></p>

و

<p style="text-align: center;"><img class=" wp-image-24 size-medium aligncenter" src="http://localhost/wordpress/wp-content/uploads/2015/05/hp-logo-14-300x187.jpg" alt="hp-logo-14" width="300" height="187" /></p>

100% باید جواب بده .

موفق باشید .

[alireza1375 892]

دومی شد ولی اولی نشد.بعد یک راه کلی می خواهم.چون قالب را خودم نمی خواهم برای کسی می خواهم

[محمدرضـا 388]

باید کدهای قالب را به صورت آنلاین در اختیار ما بگذارید تا بررسی کنیم .

[alireza1375 892]

مشکل برطرف شد.با قرار دادن کد های زیر در استایل قالب :

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}