Crayon Syntax Highlighter для WordPress выглядит плохо на страницах AMP - PullRequest
Новая
       11

Crayon Syntax Highlighter для WordPress выглядит плохо на страницах AMP

0 голосов
/ 06 октября 2018

У меня есть блог на WordPress о компьютерных науках, и проблема в том, что последовательности Crayon Syntax Highlighter выглядят так на страницах AMP:

enter image description here

Итакони удвоены.Как я могу удалить первую часть (эту, которая изменяемого размера)?Я видел это почти на всех сайтах AMP, которые используют этот плагин, и я думаю, что это большая проблема.Спасибо!

1 Ответ

0 голосов
/ 07 декабря 2018

Эта первая часть представляет собой простую версию кода с подсветкой синтаксиса, и она находится в textarea поле / поле внутри a div с классом crayon-plain-wrap: 

<div class="crayon-plain-wrap">
  <textarea wrap="soft" class="crayon-plain ..." ...>
    plain/non-formatted code here...
  </textarea>
</div>

Как отключить это поле

  1. Самый простой вариант : просто посетите плагинНа странице настроек (Настройки -> Цветной карандаш) найдите поле " Включить просмотр обычного кода и отобразите " в разделе "Общие -> Код" на этой странице и просто снимите флажок с опции / флажка.

  2. Используйте пользовательский CSS, чтобы скрыть div , когда запрос является версией AMP текущей страницы .

    • Если вы используете плагин AMP , вы можете программно добавить CSS: (добавьте это в functions.php файл темы) 

      add_action( 'amp_post_template_css', function(){
    echo '.crayon-plain-wrap { display: none; }';
} );

      или скопируйте только CSSкод (т.е. .crayon-plain-wrap { display: none; }) и поместите его в соответствующем месте.

Использование другого плагина AMP?

Просто попробуйте реализовать секОпция ond выше с этим плагином ...

Но дайте мне знать, если вам нужна дополнительная помощь.

...