آموزش استایل دهی متفاوت برای صفحه های مختلف

[بویکا 124]

با سلام . تو این پست می خوام آموزش بدم که چجوری استایلی متفاوت برای هر برگه بنویسید ! . به عنوان مثال مثلا تو صفحه اصلی عرض منو بیشتر از صفحات بقیه بشه . با یه ترفند خیلی ساده :

1 – ابتدا از قسمت برگه ها وارد همه ی برگه ها بشین

2 – روی برگه مورد نظر گزینه نمایش رو بزنین !

از تب بالای صفحه آدرسی مثل زیر نمایش داده میشه :

http://aseman.xzn.ir/?page_id=310

1

http://aseman.xzn.ir/?page_id=310

در کد بالا عدد 310 در مثال ماست ( عدد مقابل page_id رو کپی کنین )

3 – حالا وارد style.css قالب خود بشین و دستور زیر رو بنویسین :

body.page-id-12 #content { background:#fff !important; }

1

2

3

body.page-id-12 #content {

background:#fff !important;

}

توضیحات کد بالا :

عدد 12 در دستور بالا همان عدد صفحه مورد نظر شماست که می خواین اعمال بشه به اون صفحه

#content یک المان داخل اون صفحه می باشد که ما گفتیم رنگ پس زمینه عنصر content فقط در صفحه ی با ای دی 12 تغییر داده بشه . به همین راحتی ! تمام

[Anisi 301]

با سلام . تو این پست می خوام آموزش بدم که چجوری استایلی متفاوت برای هر برگه بنویسید ! . به عنوان مثال مثلا تو صفحه اصلی عرض منو بیشتر از صفحات بقیه بشه . با یه ترفند خیلی ساده :

1 – ابتدا از قسمت برگه ها وارد همه ی برگه ها بشین

2 – روی برگه مورد نظر گزینه نمایش رو بزنین !

از تب بالای صفحه آدرسی مثل زیر نمایش داده میشه :

http://aseman.xzn.ir/?page_id=310

1

http://aseman.xzn.ir/?page_id=310

در کد بالا عدد 310 در مثال ماست ( عدد مقابل page_id رو کپی کنین )

3 – حالا وارد style.css قالب خود بشین و دستور زیر رو بنویسین :

body.page-id-12 #content { background:#fff !important; }

1

2

3

body.page-id-12 #content {

background:#fff !important;

}

توضیحات کد بالا :

عدد 12 در دستور بالا همان عدد صفحه مورد نظر شماست که می خواین اعمال بشه به اون صفحه

#content یک المان داخل اون صفحه می باشد که ما گفتیم رنگ پس زمینه عنصر content فقط در صفحه ی با ای دی 12 تغییر داده بشه . به همین راحتی ! تمام

توی بخش آموزش درج کنید بهتر هست.

[بویکا 124]

توی بخش آموزش درج کنید بهتر هست.

دفعه بعد ایشالا