CherryFramework 3. Как добавить настройку «Полноэкранный режим» для плеера

Для того чтобы добавить кнопку Полноэкранные режим (Fullscreen) в плеер, следуйте таким инструкциям:

1. Подсоединитесь к вашему FTP или откройте Файловый менеджер Панели управления хостингом.

   

2. Перейдите в папку wp-content/themes/CherryFramework/includes и скачайте файл theme-function.php.

3. Откройте его в любом редакторе кода и добавьте следующий фрагмент кода, примерно на строку 579

   <ul class="jp-toggles">
   <li><a href="javascript:;" class="jp-mute" tabindex="1" title="<?php echo theme_locals("mute")?>"><span><?php echo theme_locals("mute") ?></span></a></li>
   <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="<?php echo theme_locals("unmute")?>"><span><?php echo theme_locals("unmute") ?></span></a></li>
   </ul>
   

   следующую строку кода:

   <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="<?php echo theme_locals("fullwidth")?>"><span><?php echo theme_locals("fullwidth") ?></span></a></li>
   

   Результатом будет:

    <ul class="jp-toggles">
   <li><a href="javascript:;" class="jp-mute" tabindex="1" title="<?php echo theme_locals("mute")?>"><span><?php echo theme_locals("mute") ?></span></a></li>
   <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="<?php echo theme_locals("unmute")?>"><span><?php echo theme_locals("unmute") ?></span></a></li>
   <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="<?php echo theme_locals("fullwidth")?>"><span><?php echo theme_locals("fullwidth") ?></span></a></li>
   </ul>
   

4. Сохраните файл и замените его на сервере.

5. Откройте ваш файл style.css и добавьте следующее правило css в конец файла:

   div.jp-volume-bar { 
   right: 34px !important; 
   }
   

6. Сохраните файл и замените его на сервере.

7. Проверьте ваш сайт.

   

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Также, ознакомьтесь с нашей коллекцией премиум-шаблонов WordPress.