آموزش ایجاد قوانین CSS برای صفحه خاص در وردپرس، جوملا و Drupal

گاهی اوقات اضافه کردن کلاس منحصر به فرد برای صفحه بسیار مهمه، اما بدون افزودن identifier یکتا، غیر ممکنه. در این آموزش شما راه ایجاد و استفاده از کلاس/آیدی خاص CSS برای تغییر صفحه خاص در وردپرس، جومال و Drupal رو یاد میگیرین.

آنچه در این مطلب میخوانید:

Drupal

اولین CMS که بررسی میکنیم، Drupal هست.

پنل مدیریت Drupal رو باز کنین و به منوی Structure در بالا برین و Pages رو انتخاب کنین.

صفحه ای که باید ویرایش کنین رو پیدا کنین و دکمه edit رو در سمت راست فشار بدین:

با کلیک روی گزینه مدنظر و سپس دکمه edit در سمت راست، اون رو به روز می کنین – که میتونین در اسکرین شات قبلی اون رو ببینین.

روی تب General در منوی Variants در سمتچپ کلیک کنین:

کلاس جدیدتون رو در قسمت Add body CSS classes تایپ کنین، سپس دکمه های Update و Save رو در پایین فشار بدین تا تغییرات اعمال بشه:

حالا میتونین وبسایتتون رو با استفاده از Firebug بررسی کنین و مطمئن شین که آیدی منحصر به فرد جدیدی دارین که به طور خاص برای اون صفحه اعمال شده:

جوملا

در مرحله بعد از جوملا استفاده می کنیم و روش افزون آیدی منحصر به فرد رو توضیح میدیم.

پنل مدیریت جوملا رو باز کنین و به منوی menager برین، سپس به منویی که برای باز کردن صفحه استفاه می کنین برین، معمولا منوی اصلیه و روی دکمه کلیک کنین، برای مثال اگر نیاز به ویرایش صفحه Contact us دارین، پس باید دکمه Contact us رو باز کنین.

پست پیشنهادی : آموزش ایجاد صفحه مهارت skills page در وردپرس

هنگامی که در یک دکمه منوی خاص هستین، تب Page Display Options رو در پنل سمت راست فشار بدین: