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

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

سلام دوستان ، ی در خواست درباره ی قرار دادن تگ های <h1>، <h2> و.... داشتم

میخواستم مطالبی ک در قسمت های مشخص شده در اسکرین شات در تگ های <h2> یا در صورت صلاح تگ h3 قرار بگیرند

. اما فقط این تگ گذاری به نوعی باشد که استایل و زیبایی اون قسمت ها از بین نرود . چرا که وقتی خودم تگ ها رو گذاشتم از اون حالتی ک داشتند خارج شدند .

بنده فایل header.php نیز قرار دادم برای اینکه ی تگ <h1> را به نوعی ک در صفحات نمایش داده نشود قرار دهید .

بنده فایل های header footer index single رو در فایل زیپ ضمیمه کردم .

با تشکر .

http://313sarbaz.ir/up/do.php?img=129

http://313sarbaz.ir/up/do.php?img=130

http://313sarbaz.ir/up/do.php?img=131

footer.zip

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

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


لینک به پست

سلام فک کنم قبل از تغییرات این آموزش رو مطالعه کنید خوبه

http://98tarfand.ir/1166/full-tutorial-of-use-tags-h1-h2-for-seo/

و این که تو هر صفحه بیشتر از 4تا تگ h2 و یک تگ h1 توصیه نمیشه

0

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


لینک به پست

ضمن تشکر از پاسخ شما

بنده هم بعد از خوندن این پست طبق الگو ی داده شده تعداد هدر های h1 h2 h3 h4 h5 h6 رو تعیین میکنم اما بازم مشکل بهم ریختن استایل رو دارم

0

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


لینک به پست

سلام ، یه توضیح مختصر در مورد CSS و تغییراتی که برای اون انجام باید بدی:

برای مثال شما با استفاده از این کد آخرین مطالب ارسالی رو نمایش میدی:

<div class="recentposts">
<ul>
<li>ارسال آزمایشی</li>
<li>عنوان تست مجموعه</li>
</ul>
</div>

کد سی اس اس شما میشه یه چیزی توی این مایه ها به عنوان مثال:

.recentposts ul li {color:#d3d3d3;}

حالا میخوای که تبدیل به هدینگش کنی کلّ استایل و اچ تی ام ال میشه این:

<style>
.recentposts ul li {color:#d3d3d3;}
.recentposts ul li h3 {color:red;}
</style>
<div class="recentposts">
<ul>
<li>یک زیر مجموعه عادی</li>
<li><h1>هدینگ1 در زیر مجموعه<h1></li>
<li><h3>هدینگ 3 با استایل خاص در زیر مجموعه</h3></li>
<h2>هدینگ 2 به صورت عادی</h2>
<p><h2>هدینگ 2 در پاراگراف</h2></p>
</ul>
</div>

درواقع شما اگه یه تگ رو بیاری زیر مجموعه ی یک تگ دیگه در HTML بکنی باید اون تگ رو اضافه کنی به کد های سی اس اس

__

میدونم چون کمی گیج کننده اس پیشنهاد میکنم توی این آدرس:

http://onlinehtmltoo...tor/editor.html

کد بالا رو بذاری و یکم روش کار کنی ، متوجّه میشی منظورم رو.

هرجا هم که مشکلی داشتی بگو بیشتر توضیح بدیم .

0

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


لینک به پست

بنده ی مشکل در زمینه استایل بعد از گذاشتن تگ های <H> در قالبم دارم ، این در حالی است که بنده تگ <div> رو قبل از تگ h درست کردم و در فایل style.css نیز کدهای مورد نظر css رو وارد میکنم اما بازم استایل بهم میریزه ،

برای مثال برای اینکه قسمت های مشخص شده در عکس 1 رو نگ h2 بزنم کد زیر رو از فایل index.php پیدا کردم به شکل زیر دراوردم :

کد:

<div class="ll">
<h2><a href="<?php the_permalink() ?>" <?php if( get_option( 'farjadco_target' ) ) { ?>target="_blank"<?php } ?>><?php echo mb_substr(the_title('', '', FALSE), 0, 50); ?></a></h2>
<div class="clear"></div>
<?php the_content_rss('', TRUE, '', 30); ?>

</div>

ودر فایل style نیز کد زیر رو گذاشتم اما بازم قالب به هم ربخت (نه اینکه قالب خراب بشه نه ، فقط این قسمت استایل خودش رو از دست داد )

کد:



.ll{
float:left;
width:270px;
margin: 10px 5px 5px;
color:#363636;
}

لطفا راهنمایی فرمایید چطور این مشکل رو حل کنم .

باتشکر.

0

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


لینک به پست

خب اوّلین مرحله اینکه از عدد تنها توی CSS استفاده نکن

یه چیزی توی مایه های t11 مناسبه.

3

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


لینک به پست

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

اینحوری میتونی به تگهای h1 تا h6 استایل بدی و سایز و رنگش رو متناسب با پستهات کنی


html code
<div class="title">
<h2>title of post</h2>
</div>

css code
.title{
font-size:1em;
color:#828282;
}
.title h2{
font-size:1.2em;
color:#828282;
}

ویرایش شده در توسط mrasoul
3

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


لینک به پست

خب اوّلین مرحله اینکه از عدد تنها توی CSS استفاده نکن

یه چیزی توی مایه های t11 مناسبه.

دوست عزیز اون قسمت 11 نیست !!! LL هست :rolleyes:

اینحوری میتونی به تگهای h1 تا h6 استایل بدی و سایز و رنگش رو متناسب با پستهات کنی


html code
<div class="title">
<h2>title of post</h2>
</div>

css code
.title{
font-size:1em;
color:#828282;
}
.title h2{
font-size:1.2em;
color:#828282;
}

بازم اون خط که بهش تگ دادیم استایل نگرفت !

0

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


لینک به پست

دوست عزیز اون قسمت 11 نیست !!! LL هست :rolleyes:

بازم اون خط که بهش تگ دادیم استایل نگرفت !

آها عذر میخوام

برای کد بالا اگه میخوای a ها روشون کار بشه ، یعنی رنگشون عوض بشه و ... باید از کد زیر استفاده کنی:

<div class="ll">
<h2><a href="<?php the_permalink() ?>">test</a></h2>
<div class="clear"></div>
<?php the_content_rss('', TRUE, '', 30); ?>

</div>
<style>
.ll h2 a{
float: left;
width:270px;
margin: 10px 5px 5px;
color:#363636;
}
</style>

اگه نشد ، تغییرات رو اعمال کن و آدرس آنلاین بده تا بررسی کنیم.

0

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


لینک به پست

سلام

شما در تگ های عنوان باید اصولش رو رعایت کنی چون ظاهرشون رو با سی اس اس میشه تنظیم کرد

0

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


لینک به پست

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

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

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

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


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

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

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


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