[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

Новые шаблоны

Новые шаблоны

Как создать 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