Как в WordPress вставить математические формулы, музыкальные ноты и гитарные аккорды?

Опубликовано: 02.09.2018

На страницах WordPress-сайта, кроме привычного всем контента (текст, видео и изображения), также можно отображать математические формулы, музыкальные ноты и гитарные аккорды. Для этого существует несколько удобных и бесплатных плагинов. Давайте рассмотрим их все по порядку.

Как на сайте WordPress вставить математическую формулу?

Довольно неплохим решением для работы с математическими формулами является плагин Insert math . Он позволяет вставлять и редактировать формулы через удобное окно в виде блока или строки, а также просматривать, контролировать формулу прямо во время набора и изменять ее цвет.

Среди основных особенностей плагина можно выделить:

удобное окно для вставки и редактирования формул; блочная и строчная вставка формул; изменение цвета формул; присвоение формулам уникальных ID или css -классов; фоновое выделение формул в визуальном редакторе; добавление полосы прокрутки к формулам при маленькой ширине браузера.

Для начала работы с формулами плагин, во-первых, необходимо установить и активировать, после чего можно сразу приступать к работе. Следует открыть на редактирование или создать новую запись.

Видно, что на панели инструментов появилась кнопка. Итак, для начала следует установить курсор в то место контентного блока редактора, где должна быть вставлена формула. После это нужно нажать кнопку fx .

Перед Вами появилось окно, в котором собственно и нужно будет вставлять формулу. Для набора формул плагин рекомендует использовать специальный технический язык LaTeX . Также в окне предоставляется ссылка, ведущая на конкретные примеры оформления формул с помощью этого языка. На странице  https://en.wikibooks.org/wiki/LaTeX/Mathematics описан синтаксис языка и даны примеры конкретных формул. Вставим, например, следующую формулу из примера:

Видно, что в правой части отображается результат готовой формулы. В левой же — эта же формула, только с помощью языка LaTeX . Этот код и необходимо будет добавить в окно нашего редактора.

Видно, что после вставки LaTeX -кода в окне появился результат. Нажав кнопку Дополнительные настройки , Вы сможете выбрать цвет формулы, а также задать ей ID и css -класс.

Для вставки формулы следует нажать кнопку Вставить . В итоге контентный блок записи будет иметь следующий вид:

После того, как будет нажата кнопка Обновить , на странице будет отображена добавленная формула.

Как на сайте WordPress вставить музыкальные ноты?

Для отображения нотной грамоты на сайте WordPress воспользуемся бесплатным плагином ABC Notation . Плагин не предоставляет каких-либо страниц настроек и визуальных редакторов музыкальных нот. Для вставки музыкальных нот дополнение предлагает ознакомится с официальной документацией , где расписано, как с ним работать. К сожалению, вся документация изложена на английском языке. Но для музыкантов это не должно стать проблемой. Итак, мы добавим пример из официальной документации:

[abcjs] X:1 K:A a2a2e2e2|f2f2e4| [/abcjs]

Видно, что это простой шорткод, в котором заключена нотная грамота. Его необходимо просто вставить в нужную часть записи.

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

Как на сайте WordPress вставить гитарные аккорды?

Для отображения на сайте гитарных аккордов будем использовать бесплатный плагин Guitar Chords Widget for WordPress . Дополнение не имеет каких-либо настроек. Чтобы увидеть его в действии, во-первых, необходимо установить и активировать плагин, после этого в админ-панели перейти в раздел Внешний вид -> Виджеты .

В разделе виджетов добавился виджет Guitar Widget , который следует переместить в желаемую область виджетов сайта. Отметим, что виджет также не имеет каких-либо настроек. В итоге на сайте появится выбор гитарных аккордов.

Если Вам понравилась статья — поделитесь с друзьями

IRC (Internet Relay Chat)
rss