Как создать CSS класс для шаблонов WordPress, Drupal и Joomla

Иногда необходимо добавить уникальный класс для определенного элемента.
Этот туториал покажет, как создать и использовать CSS класс для шаблонов WordPress, Drupal и Joomla.

• Для начала рассмотрим Drupal

  1. В админ-панели откройте «Structure», затем «Pages»
  2. Найдите страницу для редактирования и нажмите «edit»:

     

  3. Обновите ее, используя опцию «Edit» (на скриншоте ввреху).
  4. Выберите вкладку «General» в меню «Variants»:

     

  5. Введите новый класс в поле «Add body CSS classes», затем нажмите «Update» и «Save», чтобы сохранить изменения:

     

  6. Обновите сайт и с помощью утилиты Firebug Вы увидите изменения на этой странице:

     

• Рассмотрим такую CMS как Joomla.

  1. В админ-панели откройте Менеджер Меню, выберите Ваше главное меню и кнопку для страницы, которую нужно изменить.
  2. Когда Вы открыли настройки определенного меню, выберите вкладку «Page Display Options»:

     

  3. Теперь Вам нужно добавить CSS класс, точно также, как и для Drupal.

     

  4. Нажмите «Save», чтобы сохранить изменения.

• Последняя CMS — WordPress.

  1. В WordPress не нужно вводить уникальный определитель, так как он добавляется автоматически самим движком.
  2. Вы можете использовать Firebug, чтобы найти нужный класс:

     

     Класс страницы будет иметь вид «page-page-id-» и номер будет являться уникальным ID, присвоенным системой.

• Зная ID страницы, Вы можете добавить в ней определенный класс, к примеру:

  			.your_ID h2 {display:none;}
  		

  Этот класс спрячет все заголовки H2 для страницы с указанным ID.

Обращайтесь в наш Центр Поддержки, если у Вас возникнут дополнительные вопросы.

Ознакомьтесь с детальным, обучающим видео ниже:

Как создать CSS класс для шаблонов WordPress, Drupal и Joomla