رفتن به مطلب

تگ های h1 h2 h3


پست های پیشنهاد شده

سلام دوستان ، ی در خواست درباره ی قرار دادن تگ های <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
لینک به ارسال

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

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

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

لینک به ارسال

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

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

لینک به ارسال

سلام ، یه توضیح مختصر در مورد 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

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

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

لینک به ارسال

بنده ی مشکل در زمینه استایل بعد از گذاشتن تگ های <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;
}

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

باتشکر.

لینک به ارسال

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

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

لینک به ارسال

اینحوری میتونی به تگهای 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
لینک به ارسال

خب اوّلین مرحله اینکه از عدد تنها توی 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;
}

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

لینک به ارسال

دوست عزیز اون قسمت 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>

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

لینک به ارسال

سلام

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...