alireza1375

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

11 پست در این موضوع قرار دارد

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

post-330-0-72588200-1433076618_thumb.png

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

post-330-0-16449200-1433076655_thumb.png

این کد قسمت 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;
}

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

0

به اشتراک گذاری این پست


لینک به پست

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


.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;
}

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

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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;
}

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

بازم نشد :( :(

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

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


<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>

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

ویرایش شده در توسط alireza1375
0

به اشتراک گذاری این پست


لینک به پست

بازم نشد :( :(

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

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


<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% باید جواب بده .

موفق باشید .

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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


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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری