Инструкция: Как поменять шрифт в сертификате в плагине WP Courseware

Данная статья является дополнительной инструкцией для серии вебинаров по созданию сайта для онлайн школы с помощью плагина WP Courseware.

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

Шаг 1 — найти и скачать шрифты в формате .ttf

Перед началом необходимо скачать шрифты в формате .ttf.

Либо использовать один шрифт для всех текстов на сертификате.

Найти и скачать шрифты вы можете на сайтах: https://ofont.ru или https://fonts.google.com/.

Вы можете использовать 3 разных шрифта для:

1. Первый шрифт: Имя ученика, Название курса, Дата и Имя куратора
2. Второй шрифт: «Настоящим удостоверяется, что» и «успешно закончил»
3. Третий шрифт: «Дата» и «Куратор»

Шаг 2 — конвертировать шрифты

К примеру вы скачали файл под названием roboto.ttf.  Дальше необходимо конвертировать этот, чтобы библиотека TCPDF могла его использовать.




Для этого:

1. перейдите на сайт http://fonts.snm-portal.com/.
2. Перетащите файл TTF в первое поле, дождитесь когда файл конвертируется.
3. Во втором поле поставьте галочку «I have rights to convert this font» и скачайте 3 файла:

roboto.ctg.z
roboto.php
roboto.z

Шаг 3 — создать папку на хостинге

Как только вы скачали файлы,

1. зайдите на хостинг и перейдите в папку /wp-content вашего сайта.
2. Создайте внутри этой папки папку wpcourseware_uploads (если ее там нет).
3. Далее перейдите в эту папку и создайте папку fonts. Перейдите в эту папку.

В итоге у вас должно получиться /wp-content/wpcourseware_uploads/fonts/

Шаг 4 — загрузка файлов в папку

Загрузите скаченные файлы в папку /wp-content/wpcourseware_uploads/fonts/

Шаг 5 — установка плагина «Индивидуальные функции»

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

  • Скачайте плагин: ab-custom-functions
  • Установите плагин и активируйте его

Шаг 6 — вставка кодов (фильтров)

  1. Перейдите в админке в раздел Плагины -> Редактор
  2. Откройте плагин Индивидуальные функции для редактирования
  3. Вставьте коды фильтров и отредактируйте их

Итак, давайте разберемся, какие фильтры нужно вставить, за что они отвечают и что нужно отредактировать.

Чтобы задать новые шрифты для текста сертификата, мы используем 3 фильтра:

wpcw_certificate_primary_font — первые шрифт
wpcw_certificate_secondary_font — второй шрифт
wpcw_certificate_footer_font — третий шрифт

У каждого фильтра есть набор аргументов, которые вы можете использовать:

  •  family — Это название шрифта. Вставьте сюда название файла без расширения. В нашем примере это roboto
  •  file — Здесь нужно указать расположение файлов на хостинге. В нашем примере это будет выглядеть так: WP_CONTENT_DIR . ‘/wpcourseware_uploads/fonts/roboto.php’
  •  style — Здесь вы можете указать будет ли шрифт жирным. Если шрифт, который вы скачали поддерживает жирный стиль, укажите букву B.
  •  size — Размер шрифта Имени ученика и Название курса.
  •  footer_size — Этот аргумент используется только в фильтре первого шрифта (wpcw_certificate_primary_font). Здесь вы можете задать размер шрифта для даты и имени куратора.

 
 

Первый фильтр wpcw_certificate_primary_font

В строке 6 замените название файла
В строках ‘size’ и ‘footer_size’ укажите размер шрифта

 
 

Второй фильтр wpcw_certificate_secondary_font

В строке 6 замените название файла
В строках ‘size’ укажите размер шрифта

 
 
Третий фильтр wpcw_certificate_footer_font

В строке 6 замените название файла
В строках ‘size’ укажите размер шрифта


Поделиться со своими друзьями:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.