Правильный способ подключения шрифтов Google Fonts в WordPress

В сегодняшней статье мы расскажем о правильном и неправильном способе подключения (enqueue) шрифтов Google Fonts в вашу тему WordPress.

НЕПРАВИЛЬНЫЙ способ подключения Google fonts

Давайте рассмотрим неверный способ установки Google fonts, а затем разберемся как это сделать правильно. Множество раз мы встречали эту сомнительную технику, используемую в различных темах и плагинах (даже включая некоторые наши собственные) :

function wrong_way_to_include_google_fonts() {
	echo '<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700">';
}
add_filter('wp_head', 'wrong_way_to_include_google_fonts');

Конечно же, такой код сработает, но он не соответствует стандартам разработки под WordPress и WP API, которые должны быть руководством к действию для любого WordPress разработчика. Этот способ просто добавляет Google Font в тег с помощью фильтра wp_head. Это неверный способ подключения шрифтов от Google.

Правильный способ подключения Google fonts

Ниже представлен правильный код, соответствующий WP API и стандартам разработки:

function right_way_to_include_google_fonts() {
	if (!is_admin()) {
		wp_register_style('google', 'https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700', array(), null, 'all');
		wp_enqueue_style('google');
	}
}
add_action('wp_enqueue_scripts', 'right_way_to_include_google_fonts');

Здесь мы регистрируем таблицу стилей Google Font с помощью wp_register_style(), а затем подключаем его с помощью wp_enqueue_style(). Это позволит нам настраивать вывод тега путем изменения параметров:

wp_register_style($handle, $src, $deps, $ver, $media);

Более подробно с этими функциями можно ознакомиться в WP Codex: WP Codex: wp_register_style(), WP Codex: wp_enqueue_style().

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.