Добавление кода на ваш сайт

Добавить пользовательский код на сайт WordPress.com можно несколькими способами. В этом руководстве описано, какие типы кода можно добавлять на сайт в зависимости от тарифного плана WordPress.com.

Типы кода, которые можно добавить на сайт WordPress.com, зависят от тарифного плана:

• Бесплатные сайты имеют ограничения на добавляемый код. Эти ограничения введены для обеспечения безопасности всех сайтов, работающих в общей среде хостинга.
• На сайте с тарифным планом с поддержкой плагинов ограничения на добавление кода снимаются после того, как вы активируете свой тарифный план.

Если хотите использовать iframe, JavaScript или другой код на сайте без перехода на поддерживаемый тарифный план, рассмотрите следующие альтернативы:

• Есть несколько безопасных способов опубликовать видеоролики, аудиозаписи и документы на любом сайте WordPress.com.
• Можно встраивать содержимое из множества популярных сервисов без использования кода. Ознакомьтесь с полным списком поддерживаемых платформ, включая YouTube, Spotify, Giphy, все крупные платформы социальных сетей и многое другое.
• WordPress.com включает множество дополнительных возможностей, доступных без кода и плагинов. Среди них — контактные формы, галереи, Google Analytics, кнопки оплаты, события, голосования, викторины, запись на приём, бронирование столиков в ресторанах и многое другое. Полный список доступных возможностей см. в этом руководстве.

HTML — это язык, на котором написана каждая веб-страница в интернете. В нём используются специальные элементы, называемые тегами, для структурирования содержимого веб-страницы: текста, изображений, ссылок и мультимедиа. На всех сайтах WordPress.com можно использовать следующие теги HTML:

Кроме того, на сайтах с тарифным планом с поддержкой плагинов и активированным хостингом можно использовать следующие типы кода:

embed, frame, iframe, form, input, object, textarea, script, style, link

Для небольших фрагментов HTML можно вставить блок «Произвольный HTML».

Редактировать HTML непосредственно в редакторе WordPress можно двумя способами:

На панели инструментов каждого блока (она появляется при нажатии на блок) нажмите на значок с тремя точками и выберите «Редактировать как HTML», чтобы изменить HTML-код конкретного блока.

Чтобы редактировать всю страницу как HTML, нажмите значок с тремя точками в правом верхнем углу и выберите «Редактор кода».

По умолчанию в редакторе кода используется подсветка синтаксиса. Её можно отключить для конкретного пользователя и сайта, выполнив следующие действия:

1. Перейдите в раздел Пользователи → Профиль в консоли вашего сайта.
2. Установите флажок «Отключить подсветку синтаксиса при редактировании кода».
3. Нажмите кнопку «Обновить профиль», чтобы сохранить изменения.

CSS отвечает за оформление и внешний вид HTML-содержимого веб-страниц. С помощью CSS можно управлять цветами, шрифтами, размерами, отступами и расположением элементов на странице.

Редактирование CSS доступно на сайтах с тарифными планами Personal, Premium, бизнес и Commerce. Подробнее — в нашем руководстве по пользовательским CSS.

JavaScript добавляет на веб-страницы интерактивные и динамические элементы. С его помощью создаются такие функции, как интерактивные формы, анимации и адаптивный дизайн.

Код JavaScript обычно начинается с тега <script> и может использоваться на сайтах с тарифным планом с поддержкой плагинов. Вставить код JavaScript можно с помощью блока «Произвольный HTML» или другим способом, описанным в разделе «Как вставить код».

JavaScript-код от надёжных сервисов, таких как YouTube и Google Maps, можно преобразовать в поддерживаемый встраиваемый объект или шорткод на любом тарифном плане.

С учётом описанных выше ограничений код на сайт можно добавлять наиболее подходящим для ваших задач способом. Перечисленные ниже методы подходят для вставки большинства типов кода, включая iframe и JavaScript:

• Вставьте код на страницу или в запись с помощью блока «Произвольный HTML».
• Загружайте изображения, видео, аудио и документы нап��ямую. Подробнее — в статье Допустимые типы файлов.
• Подтвердите свой сайт в Google Search, Bing, Pinterest, Yandex и Facebook Business. См. статью Сервисы проверки сайта.
• Отображайте исходный код с помощью блока блок «Код SyntaxHighlighter».

Только для сайтов с тарифны�� планом с поддержкой плагинов и активированными функциями хостинга:

• Добавляйте проверочные коды для таких сервисов, как AdSense, Facebook и Mailchimp, с помощью плагина. См. статью Добавление кода в заголовки.
• Добавляйте код в functions.php с помощью плагина, например Code Snippets.
• Редактируйте файлы сайта напрямую через защищённый FTP (SFTP).
• Установите плагин, чтобы добавить на сайт почти любую возможность.
• Создайте дочернюю тему, чтобы вносить изменения в тему.